Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* changed ui of 'my/todo'.

Browse Source
This commit is contained in:
Catouse
2014-03-14 21:28:53 +08:00
parent 2917338e7a
commit 3ba4ee5a9f
9 changed files with 163 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/front/front.class.php
+6 -4
View File
@@ -297,7 +297,7 @@ EOT;
}
elseif($type == 'button')
{
$string .= "<input type='button' name='allchecker' id='allchecker' value='{$lang->selectAll}' onclick='selectAll(this, \"$scope\", \"$type\")' />";
$string .= "<input type='button' name='allchecker' id='allchecker' class='btn btn-select-all' value='{$lang->selectAll}' onclick='selectAll(this, \"$scope\", \"$type\")' />";
}
return $string;
@@ -333,7 +333,7 @@ function selectReverse(scope)
</script>
EOT;
global $lang;
$string .= "<input type='button' name='reversechecker' id='reversechecker' value='{$lang->selectReverse}' onclick='selectReverse(\"$scope\")'/>";
$string .= "<input type='button' name='reversechecker' id='reversechecker' class='btn btn-select-reverse' value='{$lang->selectReverse}' onclick='selectReverse(\"$scope\")'/>";
return $string;
}
@@ -457,9 +457,11 @@ EOT;
* @access public
* @return string the common button tag.
*/
public static function commonButton($label = '', $misc = '', $class = '')
public static function commonButton($label = '', $misc = '', $class = '', $icon)
{
return " <input type='button' value='$label' $misc class='btn $class' /> ";
if($icon) $label = "<i class='icon-" . $icon . "'></i> " . $label;
if($class) $class = 'btn ' . $class; else $class = 'btn';
return " <button $misc class='$class'>$label</button>";
}
/**
module/common/control.php
+5 -6
View File
@@ -297,10 +297,12 @@ class common extends control
/* set the class. */
if(!$icon) $icon = $method;
if(strpos(',edit,copy,report,export,delete,', ",$icon,") !== false) $module = 'common';
$color = $type == 'button' ? 'green' : ($clickable ? 'green' : 'gray');
if(strpos(',edit,copy,report,export,delete,', ",$method,") !== false) $module = 'common';
$extraClass = strpos(',export,customFields,', ",$method,") !== false ? $method : $extraClass;
$class = $extraClass ? "icon-$color-$module-$icon $extraClass" : "icon-$color-$module-$icon";
$class = "icon-$module-$method";
if(!$clickable) $class .= ' disabled';
if($icon) $class .= ' icon-' . $icon;
/* Create the icon link. */
if($clickable)
@@ -319,14 +321,12 @@ class common extends control
}
else
{
$class = "icon-$color-$module-$icon";
echo html::a($link, "<i class='$class'></i>", $target, "class='link-icon $extraClass' title='$title'", false);
}
echo "</span>";
}
else
{
$class = "icon-$color-$module-$icon";
echo html::a($link, "<i class='$class'></i>", $target, "class='link-icon $extraClass' title='$title'", false);
}
}
@@ -334,7 +334,6 @@ class common extends control
{
if($type == 'list')
{
$class = "icon-$color-$module-$icon";
echo "<i class='disabled $class' title='$title'></i>";
}
}
module/common/lang/zh-cn.php
+1 -1
View File
@@ -358,7 +358,7 @@ $lang->zentaoSite = "官方网站";
$lang->chinaScrum = "<a href='http://api.zentao.net/goto.php?item=chinascrum' target='_blank'>Scrum社区</a>&nbsp; ";
$lang->agileTraining = "<a href='http://api.zentao.net/goto.php?item=agiletrain' target='_blank'>培训</a> ";
$lang->donate = "<a href='http://api.zentao.net/goto.php?item=donate' target='_blank'>捐赠 </a>";
$lang->proVersion = "<a href='http://api.zentao.net/goto.php?item=proversion&from=footer' target='_blank' class='red'>购买专业版(特惠)！</a>&nbsp; ";
$lang->proVersion = "<a href='http://api.zentao.net/goto.php?item=proversion&from=footer' target='_blank' class='text-danger'>购买专业版(特惠)！</a>&nbsp; ";
$lang->downNotify = "下载桌面提醒";
$lang->suhosinInfo = "警告：数据太多，请在php.ini中修改<font color=red>sohusin.post.max_vars</font>和<font color=red>sohusin.request.max_vars</font>（设置更大的数）。 保存并重新启动apache，否则会造成部分数据无法保存。";
module/common/view/datepicker.html.php
+38 -22
View File
@@ -1,5 +1,6 @@
<?php if($extView = $this->getExtViewFile(__FILE__)){include $extView; return helper::cd();}?>
<?php
$clientLang = $this->app->getClientLang();
if($config->debug)
{
css::import($jsRoot . 'jquery/datetimepicker/min.css');
@@ -7,28 +8,43 @@ if($config->debug)
}
?>
<script language='javascript'>
Date.firstDayOfWeek = 1;
Date.format = 'yyyy-mm-dd';
$.dpText = <?php echo json_encode($lang->datepicker->dpText)?>
Date.dayNames = <?php echo json_encode($lang->datepicker->dayNames)?>;
Date.abbrDayNames = <?php echo json_encode($lang->datepicker->abbrDayNames)?>;
Date.monthNames = <?php echo json_encode($lang->datepicker->monthNames)?>;
$(function() {
$('.date').each(function(){
time = $(this).val();
if(!isNaN(time) && time != ''){
var Y = time.substring(0, 4);
var m = time.substring(4, 6);
var d = time.substring(6, 8);
time = Y + '-' + m + '-' + d;
$('.date').val(time);
}
$(function()
{
$('.form-datetime').datetimepicker(
{
language: '<?php echo $clientLang; ?>',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1,
format: 'yyyy-mm-dd hh:ii'
});
$('.form-date').datetimepicker(
{
language: '<?php echo $clientLang; ?>',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
format: 'yyyy-mm-dd'
});
$('.form-time').datetimepicker({
language: '<?php echo $clientLang; ?>',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0,
format: 'hh:ii'
});
startDate = new Date(1970, 1, 1);
$(".date").datePicker({createButton:true, startDate:startDate})
.dpSetPosition($.dpConst.POS_TOP, $.dpConst.POS_RIGHT)
});
</script>
module/common/view/footer.html.php
+2 -2
View File
@@ -1,10 +1,10 @@
</div>
</div><?php /* end '.outer' in 'header.html.php'. */ ?>
<?php if($extView = $this->getExtViewFile(__FILE__)){include $extView; return helper::cd();}?>
<iframe frameborder='0' name='hiddenwin' id='hiddenwin' scrolling='no' class='<?php print($config->debug ? 'debugwin' : 'hidden');?>'></iframe>
<div id='divider'></div>
<?php $onlybody = zget($_GET, 'onlybody', 'no');?>
<?php if($onlybody != 'yes'):?>
</div>
</div><?php /* end '#wrap' in 'header.html.php'. */ ?>
<div id='footer'>
<div id="crumbs">
<?php commonModel::printBreadMenu($this->moduleName, isset($position) ? $position : ''); ?>
module/my/css/index.css
+2 -1
View File
@@ -1,6 +1,6 @@
.panel-block {height: 207px;overflow: auto; padding: 0}
.panel-block.dynamic {height: 435px;}
.panel-block .panel-heading {padding: 6px 10px; margin: 0}
.panel-block .panel-heading {padding: 6px 10px; margin: 0;}
.panel-block .panel-actions {line-height: 36px}
.panel > .table > thead > tr > th, .panel > form > .table > thead > tr > th {background: #f1f1f1}
.panel-block td, .panel-block th {padding: 6px;}
@@ -8,3 +8,4 @@
.panel-block tr > td:first-child, .panel-block tr > th:first-child {padding-left: 10px;}
.panel-block td .progressbar {display: inline-block; height: 16px; background: #229F24;}
.panel-block .icon {color: #666; display: inline-block; margin-right: 2px;}
#wrap .outer {padding-bottom: 0;}
module/my/js/todo.js
-2
View File
@@ -4,5 +4,3 @@ function changeDate(date)
link = createLink('my', 'todo', 'type=' + date);
location.href=link;
}
$(".colorbox").colorbox({width:960, height:550, iframe:true, transition:'none'});
module/my/view/todo.html.php
+58 -56
View File
@@ -11,20 +11,24 @@
*/
?>
<?php include '../../common/view/header.html.php';?>
<?php include '../../common/view/colorize.html.php';?>
<?php include '../../common/view/datepicker.html.php';?>
<?php js::set('confirmDelete', $lang->todo->confirmDelete)?>
<form method='post' id='todoform'>
<div id='featurebar'>
<div class='f-left'>
<div class='btn-group pull-right'>
<?php echo html::a(helper::createLink('todo', 'export', "account=$account&orderBy=id_desc"), "<i class='icon-download-alt'></i> " . $lang->todo->export, '', "class='btn'") ?>
<?php echo html::a(helper::createLink('todo', 'batchCreate'), "<i class='icon-plus-sign'></i> " . $lang->todo->batchCreate, '', "class='btn'") ?>
<?php echo html::a(helper::createLink('todo', 'create', "date=" . str_replace('-', '', $date)), "<i class='icon-plus'></i> " . $lang->todo->create, '', "class='btn'") ?>
</div>
<ul class='nav'>
<?php
foreach($lang->todo->periods as $period => $label)
{
$vars = "date=$period";
if($period == 'before') $vars .= "&account={$app->user->account}&status=undone";
echo "<span id='$period'>" . html::a(inlink('todo', $vars), $label) . '</span>';
echo "<li id='$period'>" . html::a(inlink('todo', $vars), $label) . '</li>';
}
echo "<span id='byDate'>" . html::input('date', $date,"class='w-date date' onchange='changeDate(this.value)'") . '</span>';
echo "<li id='byDate' class='datepicker-wrapper datepicker-date'>" . html::input('date', $date,"class='form-control form-date' onchange='changeDate(this.value)'") . '</li>';
if($type == 'bydate')
{
@@ -39,34 +43,27 @@
}
?>
<script>$('#<?php echo $type;?>').addClass('active')</script>
</div>
<div class='f-right'>
<?php
common::printIcon('todo', 'export', "account=$account&orderBy=id_desc");
common::printIcon('todo', 'batchCreate');
common::printIcon('todo', 'create', "date=" . str_replace('-', '', $date));
?>
</div>
</ul>
</div>
<table class='table-1 tablesorter colored' id='todoList'>
<table class='table table-condensed table-hover table-striped table-borderless tablesorter' id='todoList'>
<?php $vars = "type=$type&account=$account&status=$status&orderBy=%s&recTotal=$recTotal&recPerPage=$recPerPage&pageID=$pageID"; ?>
<thead>
<tr class='colhead'>
<th class='w-id'> <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?></th>
<th class='w-date'> <?php common::printOrderLink('date', $orderBy, $vars, $lang->todo->date);?></th>
<th class='w-type'> <?php common::printOrderLink('type', $orderBy, $vars, $lang->todo->type);?></th>
<th class='w-pri'> <?php common::printOrderLink('pri', $orderBy, $vars, $lang->priAB);?></th>
<th> <?php common::printOrderLink('name', $orderBy, $vars, $lang->todo->name);?></th>
<th class='w-hour'> <?php common::printOrderLink('begin', $orderBy, $vars, $lang->todo->beginAB);?></th>
<th class='w-hour'> <?php common::printOrderLink('end', $orderBy, $vars, $lang->todo->endAB);?></th>
<th class='w-status'><?php common::printOrderLink('status', $orderBy, $vars, $lang->todo->status);?></th>
<th class='w-80px {sorter:false}'><?php echo $lang->actions;?></th>
</tr>
<tr class='text-center'>
<th class='w-id'> <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?></th>
<th class='w-date'> <?php common::printOrderLink('date', $orderBy, $vars, $lang->todo->date);?></th>
<th class='w-type'> <?php common::printOrderLink('type', $orderBy, $vars, $lang->todo->type);?></th>
<th class='w-pri'> <?php common::printOrderLink('pri', $orderBy, $vars, $lang->priAB);?></th>
<th> <?php common::printOrderLink('name', $orderBy, $vars, $lang->todo->name);?></th>
<th class='w-hour'> <?php common::printOrderLink('begin', $orderBy, $vars, $lang->todo->beginAB);?></th>
<th class='w-hour'> <?php common::printOrderLink('end', $orderBy, $vars, $lang->todo->endAB);?></th>
<th class='w-status'><?php common::printOrderLink('status', $orderBy, $vars, $lang->todo->status);?></th>
<th class='w-80px {sorter:false}'><?php echo $lang->actions;?></th>
</tr>
</thead>
<tbody>
<?php foreach($todos as $todo):?>
<tr class='a-center'>
<td class='a-left'>
<tr class='text-center'>
<td class='text-left'>
<?php if(common::hasPriv('todo', 'batchEdit') or (common::hasPriv('todo', 'import2Today') and $importFuture)):?>
<input type='checkbox' name='todoIDList[<?php echo $todo->id;?>]' value='<?php echo $todo->id;?>' />
<?php endif;?>
@@ -75,19 +72,19 @@
<td><?php echo $todo->date == '2030-01-01' ? $lang->todo->periods['future'] : $todo->date;?></td>
<td><?php echo $lang->todo->typeList[$todo->type];?></td>
<td><span class='<?php echo 'pri' . $todo->pri;?>'><?php echo $todo->pri?></span></td>
<td class='a-left'><?php echo html::a($this->createLink('todo', 'view', "id=$todo->id&from=my", '', true), $todo->name, '', "class='colorbox'");?></td>
<td class='text-left'><?php echo html::a($this->createLink('todo', 'view', "id=$todo->id&from=my", '', true), $todo->name, '', "class='colorbox'");?></td>
<td><?php echo $todo->begin;?></td>
<td><?php echo $todo->end;?></td>
<td class='<?php echo $todo->status;?>'><?php echo $lang->todo->statusList[$todo->status];?></td>
<td class='a-right'>
<td class='text-right'>
<?php
common::printIcon('todo', 'finish', "id=$todo->id", $todo, 'list', '', 'hiddenwin');
common::printIcon('todo', 'edit', "id=$todo->id", '', 'list', '', '', 'iframe', true);
common::printIcon('todo', 'finish', "id=$todo->id", $todo, 'list', 'ok-sign', 'hiddenwin');
common::printIcon('todo', 'edit', "id=$todo->id", '', 'list', 'pencil', '', 'iframe', true);
if(common::hasPriv('todo', 'delete'))
{
$deleteURL = $this->createLink('todo', 'delete', "todoID=$todo->id&confirm=yes");
echo html::a("javascript:ajaxDelete(\"$deleteURL\",\"todoList\",confirmDelete)", '<i class="icon-green-common-delete"></i>', '', "class='link-icon' title='{$lang->todo->delete}'");
echo html::a("javascript:ajaxDelete(\"$deleteURL\",\"todoList\",confirmDelete)", '<i class="icon-remove"></i>', '', "class='link-icon' title='{$lang->todo->delete}'");
}
?>
</td>
@@ -98,33 +95,38 @@
<tfoot>
<tr>
<td colspan='9' align='left'>
<div class='f-left'>
<?php
if(common::hasPriv('todo', 'batchEdit') or (common::hasPriv('todo', 'import2Today') and $importFuture))
{
echo html::selectAll() . html::selectReverse();
}
if(common::hasPriv('todo', 'batchEdit'))
{
$actionLink = $this->createLink('todo', 'batchEdit', "from=myTodo&type=$type&account=$account&status=$status");
echo html::commonButton($lang->edit, "onclick=\"setFormAction('$actionLink')\"");
<?php $pager->show();?>
<div class='table-actions clearfix'>
<?php
if(common::hasPriv('todo', 'batchEdit') or (common::hasPriv('todo', 'import2Today') and $importFuture))
{
echo "<div class='btn-group'>" . html::selectAll() . html::selectReverse() . '</div>';
}
echo "<div class='btn-group'>";
if(common::hasPriv('todo', 'batchEdit'))
{
$actionLink = $this->createLink('todo', 'batchEdit', "from=myTodo&type=$type&account=$account&status=$status");
echo html::commonButton($lang->edit, "onclick=\"setFormAction('$actionLink')\"", '', 'edit');
}
if(common::hasPriv('todo', 'batchFinish'))
{
$actionLink = $this->createLink('todo', 'batchFinish');
echo html::commonButton($lang->todo->finish, "onclick=\"setFormAction('$actionLink','hiddenwin')\"");
}
if(common::hasPriv('todo', 'batchFinish'))
{
$actionLink = $this->createLink('todo', 'batchFinish');
echo html::commonButton($lang->todo->finish, "onclick=\"setFormAction('$actionLink','hiddenwin')\"", '', 'ok');
}
if(common::hasPriv('todo', 'import2Today') and $importFuture)
{
$actionLink = $this->createLink('todo', 'import2Today');
echo html::commonButton($lang->todo->import, "onclick=\"setFormAction('$actionLink')\"");
echo html::input('date', date('Y-m-d'), "class='date w-80px'");
}
?>
</div>
<?php $pager->show();?>
}
echo '</div>';
if(common::hasPriv('todo', 'import2Today') and $importFuture)
{
$actionLink = $this->createLink('todo', 'import2Today');
echo "<div class='input-group'><span class='input-group-btn'>";
echo html::commonButton($lang->todo->import, "onclick=\"setFormAction('$actionLink')\"", '', 'signin');
echo '</span>';
echo "<div class='datepicker-wrapper datepicker-date'>" . html::input('date', date('Y-m-d'), "class='form-control form-date'") . '</div>';
echo '</div>';
}
?>
</div>
</td>
</tr>
</tfoot>
www/theme/default/style.css
+51 -33
View File
@@ -14,7 +14,7 @@
.w-20px {width:20px} .w-30px {width:30px} .w-35px {width:35px} .w-40px {width:40px} .w-45px {width:45px} .w-50px {width:50px} .w-60px {width:60px} .w-70px {width:70px} .w-80px {width:80px} .w-100px {width:100px} .w-120px {width:120px} .w-130px {width:130px} .w-140px {width:140px} .w-150px {width:150px} .w-160px {width:160px} .w-200px {width:200px}
.w-id {width:55px;} .w-pri {width:30px;} .w-severity {width:40px;} .w-hour {width:40px;} .w-date {width:80px;} .w-user {width:60px;} .w-status {width:50px} .w-type {width:80px} .w-resolution {width:60px}
.w-id {width:55px;} .w-pri {width:30px;} .w-severity {width:40px;} .w-hour {width:48px;} .w-date {width:80px;} .w-user {width:60px;} .w-status {width:50px} .w-type {width:80px} .w-resolution {width:60px}
/* Height definitions */
.h-5px {height:5px} .h-10px {height:10px} .h-20px {height:20px} .h-30px {height:30px} .h-35px {height:35px} .h-40px {height:40px} .h-45px {height:45px} .h-50px {height:50px} .h-60px {height:60px} .h-70px {height:70px} .h-80px {height:80px} .h-100px {height:100px} .h-120px {height:120px} .h-130px {height:130px} .h-140px {height:140px} .h-150px {height:150px} .h-200px {height:200px}
@@ -27,21 +27,28 @@ tr.text-center > td, tr.text-center > th {text-align: center;}
tr.text-center > td.text-left, tr.text-center > th.text-left {text-align: left;}
/* === Components === */
/* Table */
.table td .input[type="radio"], .table td input[type="checkbox"] {margin-top: 2px}
/* Tables sorters */
table.tablesorter thead tr div {padding:0; margin:0}
table.tablesorter thead tr .header {cursor:pointer;}
table.tablesorter thead tr .header a,table.tablesorter thead tr .headerSortUp a,table.tablesorter thead tr .headerSortDown a{display: inline-block; text-decoration:none}
table.tablesorter thead tr .header a{color:#707070;}
table.tablesorter thead tr .header:after {font-family: ZenIcon; font-weight: normal;content: " \f0dc";font-size: 14px;}
table.tablesorter thead tr .headerSortUp:after {font-family: ZenIcon; font-weight: normal;content: " \f0d8";font-size: 14px;color:#2973EA;}
table.tablesorter thead tr .headerSortDown:after{font-family: ZenIcon; font-weight: normal;content: " \f0d7";font-size: 14px;color:#2973EA;}
table.tablesorter thead tr .header a {color:#333;}
table.tablesorter thead tr .header:after {font-family: ZenIcon; font-weight: normal;content: " \e6bd";font-size: 14px;}
table.tablesorter thead tr .headerSortUp:after {font-family: ZenIcon; font-weight: normal;content: " \e6bf";font-size: 14px;color:#2973EA;}
table.tablesorter thead tr .headerSortDown:after{font-family: ZenIcon; font-weight: normal;content: " \e6be";font-size: 14px;color:#2973EA;}
/* Datepicker */
.datepicker-wrapper {position: relative;}
.datepicker-wrapper:before {font-family: ZenIcon; content: '\e617'; display: block; position: absolute; right: 6px; color: #808080; font-size: 14px;}
.datepicker-wrapper > .form-control {padding-right: 30px;}
.datepicker-wrapper.datepicker-date:before {content: '\e66c'}
.datepicker-wrapper:hover:before {color: #145CCD}
/* Icons */
.link-icon{color: #498cd0;display: inline-block;}
.link-icon:hover{color:#000;text-shadow:1px 1px 3px rgba(0,0,0,0.25);}
i[class^="icon-"],i[class*=" icon-"],.link-icon i[class^="icon-"],.link-icon i[class*=" icon-"]{display: inline-block;min-width: 13px;min-height: 13px; font-size: 14px}
.outer td i[class^="icon-"],.outer td i[class*=" icon-"]{font-size: 18px;margin-right: 4px;}
.outer td i[class^="icon-"].icon-sm,.outer td i[class*=" icon-"].icon-sm{font-size: 0.9em;}
.icon-green-testcase-import:before,.icon-gray-testcase-import:before,
.icon-green-common-import:before,.icon-gray-common-import:before{content: "\f019";}
@@ -267,7 +274,41 @@ body {font-size: 12px; color:#141414;padding-bottom: 40px;}
/* Wrapper */
#wrap {padding:0 19px 20px 19px; background:#e5e5e5;}
#wrap .outer {text-align:left; padding:20px; background:#fff;border:1px solid #cfcfcf; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10);box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10);}
#wrap .outer {text-align:left; background:#fff;border:1px solid #cfcfcf; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10);box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10);}
/* Footer. */
#footer {position: relative; width:100%;position:fixed; bottom:0; left:0; margin:0; border-top: 1px solid #e1e1e1; background:#eef4fe;height:40px; line-height:40px;-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);}
#crumbs a i.icon-home{display: none;}
#crumbs {float: left;margin-left: 20px;}
#crumbs .icon-angle-right{margin-right: 6px;}
#poweredby {float: right;margin-right: 20px;}
/* Feature bar. */
#featurebar {padding: 8px 10px 7px; font-size: 14px; background: #F8FAFE; border-bottom: 1px solid #ddd; line-height: 30px}
#featurebar .nav {height: 30px}
#featurebar .nav > li {float: left; margin-right: 2px;}
#featurebar .nav > li > .form-control {margin-left: 6px; padding: 1px 8px; height: 30px}
#featurebar .nav > li > .form-control.form-date {width: 110px}
#featurebar .nav > li > a {padding: 0px 6px;}
#featurebar .nav > li.active > a, #featurebar .nav > li.active > a:hover, #featurebar .nav > li.active > a:active, #featurebar .nav > li.active > a:focus {font-weight: bold; color: #333}
#featurebar .nav > li.active > .form-control, #featurebar .nav > li.active > .form-control:hover, #featurebar .nav > li.active > .form-control:active, #featurebar .nav > li.active > .form-control:focus {border-color: #009900}
#featurebar .btn-group {margin-right: 5px;}
#featurebar .btn {padding: 4px 12px}
#featurebar .btn > i {display: inline-block; margin-right: 2px; color: #666}
/* table in outer */
.outer .table th {vertical-align: middle;}
.outer .table tr > th:first-child, .outer .table tr > td:first-child {padding-left: 15px}
.outer .table tr > th:last-child, .outer .table tr > td:last-child {padding-right: 15px}
.outer .table tfoot td {border-top: 1px solid #e5e5e5; padding-top: 8px}
.outer .table tfoot .form-control {padding: 1px 8px; height: 30px}
.outer .table tfoot .btn {padding: 4px 12px;}
.outer .table tfoot .btn > i {display: inline-block; margin-right: 1px; color: #666}
.outer .table tfoot .datepicker-wrapper:before {top: 5px}
.outer .table tfoot .form-control.form-date {width: 110px}
.outer .table tfoot .input-wrapper {display: inline-block;}
.table-actions > .btn-group, .table-actions > .btn, .table-actions > .input-group {float: left; margin-right: 10px}
.outer .table tfoot .pager {margin: 0;}
/*-----------------------LAYOUT SETTING ----------------------------*/
@@ -370,21 +411,6 @@ td>select{padding-left: 0;padding-right: 0}
.navbar li>a:hover {color:#ff3600;}
/*-----------------------SPECIAL PART SETTING--------------------*/
/* Feature bar. */
#featurebar,#wrap .outer>table.table-1>caption,#wrap .outer>form>table.table-1>caption{height:30px; line-height:30px;background-color: #f8fafe; padding:8px 10px;}
#featurebar,#wrap .outer>table.table-1>caption {border-bottom: 1px solid #e7edf7;margin: -20px -20px 20px -20px;}
#featurebar span {font-size:14px;}
#featurebar a,.outer>table.table-1>caption a{text-decoration:none; display: inline-block;padding: 0px 5px; line-height: 30px;height: 30px; font-size:14px;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
#featurebar .f-left a{padding: 0px 2px;}
#featurebar a:hover,.outer>table.table-1>caption a:hover{color:#000;background-color: #e5e5e5;}
#featurebar #bysearchTab a {border:none;}
#featurebar select {font-size:12px; height:30px;}
#featurebar .dp-choose-date,#wrap .outer>table.table-1>caption .dp-choose-date,#wrap .outer>form>table.table-1>caption .dp-choose-date{overflow: inherit;}
#featurebar .active a {color:#333; font-weight:bold;}
#featurebar .active select {border:2px solid #009900;}
#featurebar .active input {border:2px solid #009900;}
/* Querybox */
#querybox{margin: -20px -20px 20px -20px;background-color: #ffc;}
#querybox table{border: none;border-bottom: 1px solid #e5e5e5;}
@@ -453,14 +479,6 @@ td>select{padding-left: 0;padding-right: 0}
.tabs a{display:block; width:80%; margin:auto auto 10px auto; padding:5px; border:1px solid blue; text-decoration:none; overflow:hidden; white-space:nowrap; text-align:center}
.tabs a.current {background:green; color:white}
/* Footer. */
/*#divider {margin-bottom:49px;}*/
#footer {position: relative; width:100%;position:fixed; bottom:0; left:0; margin:0; border-top: 1px solid #e1e1e1; background:#eef4fe;height:40px; line-height:40px;-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);}
#crumbs a i.icon-home{display: none;}
#crumbs {float: left;margin-left: 20px;}
#crumbs .icon-angle-right{margin-right: 6px;}
#poweredby {float: right;margin-right: 20px;}
/* Debug. */
.debugwin {display:none; width:50px; height:20px; bottom:50px; position:fixed;}
@@ -494,7 +512,7 @@ td>select{padding-left: 0;padding-right: 0}
/*-----------------------ICONS --------------------*/
/* Common icons. */
#featurebar .f-right .icon-goback {padding:0px 9px}
.pri1,.pri0,.pri2,.pri3,.pri4,.pri5,.pri6,.pri{display:inline-block;width: 14px;height: 14px;font-size: 12px;line-height: 14px;font-weight: bold; text-align: center; color: #272d68; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;border: 2px solid #272d68;}
.pri1,.pri0,.pri2,.pri3,.pri4,.pri5,.pri6,.pri{display:inline-block;width: 18px;height: 18px;font-size: 12px;line-height: 16px;font-weight: bold; text-align: center; color: #272d68; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;border: 2px solid #272d68; font-family: arial, helvetica, clean, sans-serif;}
.pri,.pri0{border-color: #ccc;color: #ccc;}
.pri:before{content: '?'}
.pri2{border-color: #25367e;color: #25367e}
@@ -504,7 +522,7 @@ td>select{padding-left: 0;padding-right: 0}
.pri6{border-color: #9ebee5;color: #9ebee5}
/* Bug icons. */
.severity,.severity1,.severity2,.severity3,.severity4,.severity5,.severity6{display:inline-block;width: 16px;height: 16px;line-height: 16px;font-weight: bold; text-align: center; font-size: 12px; color: #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.severity,.severity1,.severity2,.severity3,.severity4,.severity5,.severity6{display:inline-block;width: 16px;height: 16px;line-height: 16px;font-weight: bold; text-align: center; font-size: 12px; color: #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;font-family: arial, helvetica, clean, sans-serif;}
.severity{background-color: #ccc;}
.severity:before{content: '?'}
.severity1 {background-color: #d71319;}