From b59ac8b1a0dc196a4391095a814aa9df3ae4bc6b Mon Sep 17 00:00:00 2001
From: wangyidong <yidong@cnezsoft.com>
Date: Thu, 26 Apr 2018 11:25:40 +0800
Subject: [PATCH 1/7]  * finish task #3915,3917,3955.

---
 module/common/lang/menuOrder.php | 18 ++++++----------
 module/common/lang/zh-cn.php     | 37 +++++++++++++++++++++++++-------
 module/common/model.php          | 26 +++++++++++-----------
 module/custom/model.php          | 34 ++++++++++++++---------------
 module/project/css/burn.css      |  4 ----
 module/project/model.php         | 36 ++++++++++++++++++++++++++++---
 6 files changed, 97 insertions(+), 58 deletions(-)

diff --git a/module/common/lang/menuOrder.php b/module/common/lang/menuOrder.php
index 1c53de9cea..342ecd1dac 100644
--- a/module/common/lang/menuOrder.php
+++ b/module/common/lang/menuOrder.php
@@ -48,19 +48,15 @@ $lang->branch->menuOrder      = $lang->product->menuOrder;
 
 /* project menu order. */
 $lang->project->menuOrder[5]  = 'list';
-$lang->project->menuOrder[10] = 'index';
-$lang->project->menuOrder[15] = 'task';
+$lang->project->menuOrder[10] = 'kanban';
+$lang->project->menuOrder[15] = 'burn';
 $lang->project->menuOrder[20] = 'story';
-$lang->project->menuOrder[25] = 'bug';
-$lang->project->menuOrder[30] = 'build';
-$lang->project->menuOrder[35] = 'testtask';
+$lang->project->menuOrder[25] = 'qa';
+$lang->project->menuOrder[30] = 'doc';
+$lang->project->menuOrder[35] = 'action';
 $lang->project->menuOrder[40] = 'team';
-$lang->project->menuOrder[45] = 'dynamic';
-$lang->project->menuOrder[50] = 'doc';
-$lang->project->menuOrder[55] = 'product';
-$lang->project->menuOrder[60] = 'view';
-$lang->project->menuOrder[65] = 'create';
-$lang->project->menuOrder[70] = 'all';
+$lang->project->menuOrder[45] = 'product';
+$lang->project->menuOrder[50] = 'view';
 $lang->task->menuOrder        = $lang->project->menuOrder;
 $lang->build->menuOrder       = $lang->project->menuOrder;
 
diff --git a/module/common/lang/zh-cn.php b/module/common/lang/zh-cn.php
index bc5832a81f..613a7b73ff 100644
--- a/module/common/lang/zh-cn.php
+++ b/module/common/lang/zh-cn.php
@@ -221,21 +221,42 @@ $lang->release->menu     = $lang->product->menu;
 $lang->project = new stdclass();
 $lang->project->menu = new stdclass();
 
-$lang->project->menu->task     = array('link' => '任务|project|task|projectID=%s', 'subModule' => 'task,tree', 'alias' => 'grouptask,importtask,burn,importbug,kanban,printkanban,tree');
+$lang->project->menu->list     = array('link' => '%s', 'subModule' => 'task,tree', 'alias' => 'grouptask,importtask,importbug,tree');
+$lang->project->menu->kanban   = array('link' => '看板|project|kanban|projectID=%s');
+$lang->project->menu->burn     = array('link' => '燃尽图|project|burn|projectID=%s');
 $lang->project->menu->story    = array('link' => '需求|project|story|projectID=%s', 'subModule' => 'story', 'alias' => 'linkstory,storykanban');
-$lang->project->menu->bug      = 'Bug|project|bug|projectID=%s';
-$lang->project->menu->dynamic  = '动态|project|dynamic|projectID=%s';
-$lang->project->menu->build    = array('link' => '版本|project|build|projectID=%s', 'subModule' => 'build');
-$lang->project->menu->testtask = array('link' => '测试单|project|testtask|projectID=%s');
-$lang->project->menu->team     = array('link' => '团队|project|team|projectID=%s', 'alias' => 'managemembers');
+$lang->project->menu->qa       = array('link' => '%s', 'subModule' => 'build');
 $lang->project->menu->doc      = array('link' => '文档|doc|objectLibs|type=project&objectID=%s&from=project', 'subModule' => 'doc');
+$lang->project->menu->action   = array('link' => '%s');
 $lang->project->menu->product  = $lang->productCommon . '|project|manageproducts|projectID=%s';
+$lang->project->menu->team     = array('link' => '团队|project|team|projectID=%s', 'alias' => 'managemembers');
 $lang->project->menu->view     = array('link' => '概况|project|view|projectID=%s', 'alias' => 'edit,start,suspend,putoff,close');
 
+$lang->project->subMenu = new stdclass();
+$lang->project->subMenu->list = new stdclass();
+$lang->project->subMenu->list->task      = '任务列表|project|task|projectID=%s';
+$lang->project->subMenu->list->tree      = '树状图|project|tree|projectID=%s';
+$lang->project->subMenu->list->groupTask = '分组视图|project|groupTask|projectID=%s';
+
+$lang->project->subMenu->qa = new stdclass();
+$lang->project->subMenu->qa->bug      = 'Bug|project|bug|projectID=%s';
+$lang->project->subMenu->qa->build    = '版本|project|build|projectID=%s';
+$lang->project->subMenu->qa->testtask = '测试单|project|testtask|projectID=%s';
+
+$lang->project->subMenu->action = new stdclass();
+$lang->project->subMenu->action->dynamic  = '动态|project|dynamic|projectID=%s';
+
+$lang->project->dividerMenu = ',story,doc,';
+
 $lang->task  = new stdclass();
 $lang->build = new stdclass();
-$lang->task->menu  = $lang->project->menu;
-$lang->build->menu = $lang->project->menu;
+$lang->task->menu      = $lang->project->menu;
+$lang->task->subMenu   = $lang->project->subMenu;
+$lang->build->menu     = $lang->project->menu;
+$lang->build->subMenu  = $lang->project->subMenu;
+
+$lang->task->dividerMenu  = $lang->project->dividerMenu;
+$lang->build->dividerMenu = $lang->project->dividerMenu;
 
 /* QA视图菜单设置。*/
 $lang->qa = new stdclass();
diff --git a/module/common/model.php b/module/common/model.php
index 60fe2fb5ee..23a92a32f7 100644
--- a/module/common/model.php
+++ b/module/common/model.php
@@ -456,40 +456,38 @@ class commonModel extends model
         /* Cycling to print every sub menus. */
         foreach($menu as $menuItem)
         {
+            if(isset($lang->$moduleName->dividerMenu) and strpos($lang->$moduleName->dividerMenu, ",{$menuItem->name},") !== false) echo "<li class='divider'></li>";
             if(isset($menuItem->hidden) && $menuItem->hidden) continue;
             if($isMobile and empty($menuItem->link)) continue;
 
             /* Init the these vars. */
+            $alias     = isset($menuItem->alias) ? $menuItem->alias : '';
+            $subModule = isset($menuItem->subModule) ? explode(',', $menuItem->subModule) : array();
+            $class     = isset($menuItem->class) ? $menuItem->class : '';
+            $active    = '';
+            if($subModule and in_array($currentModule, $subModule)) $active = 'active';
+            if($alias and $moduleName == $currentModule and strpos(",$alias,", ",$currentMethod,") !== false) $active = 'active';
             if($menuItem->link)
             {
-                $active = '';
-                $float  = isset($menuItem->float) ? $menuItem->float : '';
-                $alias  = '';
                 $target = '';
                 $module = '';
                 $method = '';
                 $link   = commonModel::createMenuLink($menuItem);
                 if(is_array($menuItem->link))
                 {
-                    if(isset($menuItem->link['subModule']))
-                    {
-                        $subModules = explode(',', $menuItem->link['subModule']);
-                        if(in_array($currentModule, $subModules) and $float != 'right') $active = 'active';
-                    }
-                    if(isset($menuItem->link['alias']))  $alias  = $menuItem->link['alias'];
                     if(isset($menuItem->link['target'])) $target = $menuItem->link['target'];
                     if(isset($menuItem->link['module'])) $module = $menuItem->link['module'];
                     if(isset($menuItem->link['method'])) $method = $menuItem->link['method'];
                 }
-                if($float != 'right' and $module == $currentModule and ($method == $currentMethod or strpos(",$alias,", ",$currentMethod,") !== false)) $active = 'active';
+                if($module == $currentModule and ($method == $currentMethod or strpos(",$alias,", ",$currentMethod,") !== false)) $active = 'active';
 
-                $menuItemHtml = "<li class='$float $active' data-id='$menuItem->name'>" . html::a($link, $menuItem->text, $target) . "</li>\n";
-                if($isMobile) $menuItemHtml = html::a($link, $menuItem->text, $target, "class='$active'") . "\n";
+                $menuItemHtml = "<li class='$class $active' data-id='$menuItem->name'>" . html::a($link, $menuItem->text, $target) . "</li>\n";
+                if($isMobile) $menuItemHtml = html::a($link, $menuItem->text, $target, "class='$class $active'") . "\n";
                 echo $menuItemHtml;
             }
             else
             {
-                echo $isMobile ? $menuItem->text : "<li data-id='$menuItem->name'>$menuItem->text</li>\n";
+                echo $isMobile ? $menuItem->text : "<li class='$class $active' data-id='$menuItem->name'>$menuItem->text</li>\n";
             }
         }
         echo $isMobile ? '' : "</ul>\n";
@@ -1290,7 +1288,7 @@ EOD;
 
         if(!empty($app->user->admin)) return true;
         if($module == 'todo' and ($method == 'create' or $method == 'batchcreate')) return true;
-        if($module == 'effort' and $method == 'batchcreate') return true;
+        if($module == 'effort' and ($method == 'batchcreate' or $method == 'createforobject')) return true;
 
         // limited project
         $limitedProject = false;
diff --git a/module/custom/model.php b/module/custom/model.php
index 8a48482aaa..358b27fa52 100644
--- a/module/custom/model.php
+++ b/module/custom/model.php
@@ -209,11 +209,12 @@ class customModel extends model
         {
             if(is_object($item)) $item = (array)$item;
 
-            $label  = '';
-            $module = '';
-            $method = '';
-            $float  = '';
-            $fixed  = '';
+            $label     = '';
+            $module    = '';
+            $method    = '';
+            $class     = '';
+            $subModule = '';
+            $alias     = '';
 
             $link = (is_array($item) and isset($item['link'])) ? $item['link'] : $item;
             /* The variable of item has not link and is not link then ignore it. */
@@ -235,31 +236,28 @@ class customModel extends model
                 {
                     $itemLink = array('module' => $module, 'method' => $method);
                     if(isset($link[3])) $itemLink['vars'] = $link[3];
-                    if(is_array($item))
-                    {
-                        if(isset($item['subModule'])) $itemLink['subModule'] = $item['subModule'];
-                        if(isset($item['alias']))     $itemLink['alias']     = $item['alias'];
-                        if(isset($item['target']))    $itemLink['target']    = $item['target'];
-                    }
+                    if(is_array($item) and isset($item['target'])) $itemLink['target'] = $item['target'];
                 }
 
                 if(is_array($item))
                 {
-                    if(isset($item['float'])) $float = $item['float'];
-                    if(isset($item['fixed'])) $fixed = $item['fixed'];
+                    if(isset($item['class']))     $class     = $item['class'];
+                    if(isset($item['subModule'])) $subModule = $item['subModule'];
+                    if(isset($item['alias']))     $alias     = $item['alias'];
                 }
 
-                $hidden = !$fixed && isset($customMenuMap[$name]) && isset($customMenuMap[$name]->hidden) && $customMenuMap[$name]->hidden;
+                $hidden = isset($customMenuMap[$name]) && isset($customMenuMap[$name]->hidden) && $customMenuMap[$name]->hidden;
                 if(strpos($name, 'QUERY') === 0 and !isset($customMenuMap[$name])) $hidden = true;
 
                 $menuItem = new stdclass();
                 $menuItem->name   = $name;
                 $menuItem->link   = $itemLink;
                 $menuItem->text   = $label;
-                $menuItem->order  = $fixed ? -1 : (isset($customMenuMap[$name]) && isset($customMenuMap[$name]->order) ? $customMenuMap[$name]->order : $order++);
-                if($float)  $menuItem->float   = $float;
-                if($fixed)  $menuItem->fixed   = $fixed;
-                if($hidden) $menuItem->hidden  = $hidden;
+                $menuItem->order  = (isset($customMenuMap[$name]) && isset($customMenuMap[$name]->order) ? $customMenuMap[$name]->order : $order++);
+                if($hidden)   $menuItem->hidden    = $hidden;
+                if($class)    $menuItem->class     = $class;
+                if($subModule)$menuItem->subModule = $subModule;
+                if($alias)    $menuItem->alias     = $alias;
                 if($isTutorialMode) $menuItem->tutorial = true;
 
                 /* Hidden menu by config in mobile. */
diff --git a/module/project/css/burn.css b/module/project/css/burn.css
index 71404cdc9f..8f8e93dccf 100644
--- a/module/project/css/burn.css
+++ b/module/project/css/burn.css
@@ -1,7 +1,3 @@
-.container {max-width: 950px!important;}
-.container .actions {margin-bottom: 10px; padding: 0}
-.container .actions > .text {padding: 5px 5px 5px 15px; line-height: 20px}
 .mw-220px {max-width: 220px!important}
-#wrap h1{font-size:14px;}
 #interval{margin-right:10px;}
 .canvas-wrapper {padding: 15px; border: 1px solid #ddd;}
diff --git a/module/project/model.php b/module/project/model.php
index b353612eb1..c15a5e7127 100644
--- a/module/project/model.php
+++ b/module/project/model.php
@@ -78,9 +78,9 @@ class projectModel extends model
         if($project and $project->type == 'ops')
         {
             unset($this->lang->project->menu->story);
-            unset($this->lang->project->menu->bug);
-            unset($this->lang->project->menu->build);
-            unset($this->lang->project->menu->testtask);
+            unset($this->lang->project->subMenu->qa->bug);
+            unset($this->lang->project->subMenu->qa->build);
+            unset($this->lang->project->subMenu->qa->testtask);
         }
 
         if($projects and !isset($projects[$projectID]) and !$this->checkPriv($project))
@@ -118,6 +118,36 @@ class projectModel extends model
         foreach($this->lang->project->menu as $key => $menu)
         {
             $replace = $projectID;
+
+            /* Replace for dropdown submenu. */
+            if(isset($this->lang->project->subMenu->$key))
+            {
+                $dropTitle = '';
+                $hasActive = false;
+                $replace   = "<ul class='dropdown-menu'>";
+                foreach($this->lang->project->subMenu->$key as $subMenuKey => $subMenuLink)
+                {
+                    list($subMenuName, $subMenuModule, $subMenuMethod, $subMenuParams) = explode('|', $subMenuLink);
+                    if(!commonModel::hasPriv($subMenuModule, $subMenuMethod)) continue;
+
+                    if(empty($dropTitle)) $dropTitle = $subMenuName;
+
+                    $active = '';
+                    if($moduleName == $subMenuModule and $methodName == $subMenuMethod)
+                    {
+                        $active    = "class='active'";
+                        $dropTitle = $subMenuName;
+                    }
+
+                    $replace .= "<li $active>" . html::a(helper::createLink($subMenuModule, $subMenuMethod, sprintf($subMenuParams, $projectID)), $subMenuName) . '</li>';
+                    if($active) $hasActive = true;
+                }
+                $replace .= '</ul>';
+                $replace  = "<a data-toggle='dropdown'>$dropTitle <span class='caret'></span></a>" . $replace;
+
+                $this->lang->project->menu->$key['class'] = 'dropdown';
+                if($hasActive) $this->lang->project->menu->$key['class'] .= ' active';
+            }
             common::setMenuVars($this->lang->project->menu, $key,  $replace);
         }
     }

From 9450ca5676d76ebbe45bc4abde8ead5c265e6cbb Mon Sep 17 00:00:00 2001
From: liugang <liugang@cnezsoft.com>
Date: Thu, 26 Apr 2018 15:58:03 +0800
Subject: [PATCH 2/7] * Refact detail page of productplan and build.

---
 module/build/css/view.css                  |     9 +-
 module/build/js/view.js                    |     5 +-
 module/build/lang/en.php                   |    61 +-
 module/build/lang/zh-cn.php                |    61 +-
 module/build/view/linkbug.html.php         |    89 +-
 module/build/view/linkstory.html.php       |    76 +-
 module/build/view/view.html.php            |   451 +-
 module/file/view/printfiles.html.php       |     5 +-
 module/productplan/css/view.css            |     4 +-
 module/productplan/js/view.js              |     3 +-
 module/productplan/lang/en.php             |     2 +-
 module/productplan/lang/zh-cn.php          |     2 +-
 module/productplan/view/browse.html.php    |     2 +-
 module/productplan/view/linkbug.html.php   |    81 +-
 module/productplan/view/linkstory.html.php |    65 +-
 module/productplan/view/view.html.php      |   753 +-
 module/project/view/build.html.php         |     5 +-
 module/release/view/view.html.php          |   206 +-
 www/js/zui/min.js                          | 14465 ++++++++++++++++++-
 19 files changed, 15408 insertions(+), 937 deletions(-)

diff --git a/module/build/css/view.css b/module/build/css/view.css
index 7d36be4c67..fe02757627 100644
--- a/module/build/css/view.css
+++ b/module/build/css/view.css
@@ -1,16 +1,15 @@
 .tabs {position:relative;}
-
-.tabs .nav-tabs{border-bottom:none;}
 .tabs .nav-tabs>li{margin-bottom:0px;}
-
 .tabs .tab-content {padding: 0; border: none;}
 .tabs .tab-content .tab-pane .action {position: absolute; right: 0; top: -1px;}
 .tabs .tab-content .tab-pane #querybox{margin:0px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
 .tabs .tab-content .tab-pane #querybox form {padding-left:0px;}
 
-.table-actions {padding-left: 5px;}
+#unlinkStoryList, #unlinkBugList{border:1px solid #ddd;}
+
+.table-footer .text {line-height: 30px;}
+.table-footer .table-actions {margin-right: 10px;}
 
-#buildInfo {border-top: 1px solid #ddd;}
 #buildInfo > div {padding-top: 15px;}
 
 #querybox form {margin: 0px !important;}
diff --git a/module/build/js/view.js b/module/build/js/view.js
index bb88ba4864..5f8a510b82 100644
--- a/module/build/js/view.js
+++ b/module/build/js/view.js
@@ -5,11 +5,12 @@ function showLink(buildID, type, param)
     {
         var obj = type == 'story' ? '.tab-pane#stories .linkBox' : '.tab-pane#bugs .linkBox';
         $(obj).html(data);
-        $('#' + type + 'List').hide();
+        $('#' + type + 'List').closest('form').hide();
 
         var formID = type == 'story' ? '#unlinkedStoriesForm' : '#unlinkedBugsForm';
         setTimeout(function(){fixedTfootAction(formID)}, 100);
-        checkTable($(formID).find('table'));
+
+        $('[data-ride="table"]').table();
     });
 }
 $(function()
diff --git a/module/build/lang/en.php b/module/build/lang/en.php
index f5d21f084b..4f0d263c1c 100644
--- a/module/build/lang/en.php
+++ b/module/build/lang/en.php
@@ -9,17 +9,17 @@
  * @version     $Id: en.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->build->common       = "Build";
-$lang->build->create       = "Create Build";
-$lang->build->edit         = "Edit";
-$lang->build->linkStory    = "Link Story";
-$lang->build->linkBug      = "Link Bug";
-$lang->build->delete       = "Delete Build";
-$lang->build->deleted      = "Deleted";
-$lang->build->view         = "Build Details";
-$lang->build->batchUnlink          = 'Batch Unlink';
-$lang->build->batchUnlinkStory     = 'Batch Story Unlink';
-$lang->build->batchUnlinkBug       = 'Batch Bug Unlink';
+$lang->build->common           = "Build";
+$lang->build->create           = "Create Build";
+$lang->build->edit             = "Edit";
+$lang->build->linkStory        = "Link Story";
+$lang->build->linkBug          = "Link Bug";
+$lang->build->delete           = "Delete Build";
+$lang->build->deleted          = "Deleted";
+$lang->build->view             = "Build Details";
+$lang->build->batchUnlink      = 'Batch Unlink';
+$lang->build->batchUnlinkStory = 'Batch Story Unlink';
+$lang->build->batchUnlinkBug   = 'Batch Bug Unlink';
 
 $lang->build->confirmDelete      = "Do you want to delete this Build?";
 $lang->build->confirmUnlinkStory = "Do you want to unlink this Story?";
@@ -27,25 +27,26 @@ $lang->build->confirmUnlinkBug   = "Do you want to unlink this Bug?";
 
 $lang->build->basicInfo = 'Basic Info';
 
-$lang->build->id        = 'ID';
-$lang->build->product   = $lang->productCommon;
-$lang->build->branch    = 'Platform/Branch';
-$lang->build->project   = $lang->projectCommon;
-$lang->build->name      = 'Name';
-$lang->build->date      = 'Date';
-$lang->build->builder   = 'Builder';
-$lang->build->scmPath   = 'SCM Path';
-$lang->build->filePath  = 'File Path';
-$lang->build->desc      = 'Description';
-$lang->build->files     = 'Upload Files';
-$lang->build->last      = 'Last Build';
-$lang->build->packageType        = 'Package Type';
-$lang->build->unlinkStory        = 'Unlink Story';
-$lang->build->unlinkBug          = 'Unlink Bug';
-$lang->build->stories            = 'Finished Story';
-$lang->build->bugs               = 'Resolved Bug';
-$lang->build->generatedBugs      = 'Left Bug';
-$lang->build->noProduct          = " <span style='color:red'>This {$lang->projectCommon} has not linked to {$lang->productCommon}, so Build cannot be created. Please first <a href='%s'> link {$lang->productCommon}</a></span>";
+$lang->build->id            = 'ID';
+$lang->build->product       = $lang->productCommon;
+$lang->build->branch        = 'Platform/Branch';
+$lang->build->project       = $lang->projectCommon;
+$lang->build->name          = 'Name';
+$lang->build->date          = 'Date';
+$lang->build->builder       = 'Builder';
+$lang->build->scmPath       = 'SCM Path';
+$lang->build->filePath      = 'File Path';
+$lang->build->desc          = 'Description';
+$lang->build->files         = 'Upload Files';
+$lang->build->last          = 'Last Build';
+$lang->build->packageType   = 'Package Type';
+$lang->build->unlinkStory   = 'Unlink Story';
+$lang->build->unlinkBug     = 'Unlink Bug';
+$lang->build->stories       = 'Finished Story';
+$lang->build->bugs          = 'Resolved Bug';
+$lang->build->generatedBugs = 'Left Bug';
+$lang->build->noProduct     = " <span style='color:red'>This {$lang->projectCommon} has not linked to {$lang->productCommon}, so Build cannot be created. Please first <a href='%s'> link {$lang->productCommon}</a></span>";
+$lang->build->noData        = 'No data';
 
 $lang->build->finishStories = '  %s Story(ies) have been finished.';
 $lang->build->resolvedBugs  = '  %s Bug(s) have been resolved.';
diff --git a/module/build/lang/zh-cn.php b/module/build/lang/zh-cn.php
index bc941c457d..7c59ae1064 100644
--- a/module/build/lang/zh-cn.php
+++ b/module/build/lang/zh-cn.php
@@ -9,17 +9,17 @@
  * @version     $Id: zh-cn.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->build->common       = "版本";
-$lang->build->create       = "创建版本";
-$lang->build->edit         = "编辑版本";
-$lang->build->linkStory    = "关联需求";
-$lang->build->linkBug      = "关联Bug";
-$lang->build->delete       = "删除版本";
-$lang->build->deleted      = "已删除";
-$lang->build->view         = "版本详情";
-$lang->build->batchUnlink          = '批量移除';
-$lang->build->batchUnlinkStory     = '批量移除需求';
-$lang->build->batchUnlinkBug       = '批量移除Bug';
+$lang->build->common           = "版本";
+$lang->build->create           = "创建版本";
+$lang->build->edit             = "编辑版本";
+$lang->build->linkStory        = "关联需求";
+$lang->build->linkBug          = "关联Bug";
+$lang->build->delete           = "删除版本";
+$lang->build->deleted          = "已删除";
+$lang->build->view             = "版本详情";
+$lang->build->batchUnlink      = '批量移除';
+$lang->build->batchUnlinkStory = '批量移除需求';
+$lang->build->batchUnlinkBug   = '批量移除Bug';
 
 $lang->build->confirmDelete      = "您确认删除该版本吗？";
 $lang->build->confirmUnlinkStory = "您确认移除该需求吗？";
@@ -27,25 +27,26 @@ $lang->build->confirmUnlinkBug   = "您确认移除该Bug吗？";
 
 $lang->build->basicInfo = '基本信息';
 
-$lang->build->id        = 'ID';
-$lang->build->product   = $lang->productCommon;
-$lang->build->branch    = '平台/分支';
-$lang->build->project   = '所属' . $lang->projectCommon;
-$lang->build->name      = '名称编号';
-$lang->build->date      = '打包日期';
-$lang->build->builder   = '构建者';
-$lang->build->scmPath   = '源代码地址';
-$lang->build->filePath  = '下载地址';
-$lang->build->desc      = '描述';
-$lang->build->files     = '上传发行包';
-$lang->build->last      = '上个版本';
-$lang->build->packageType        = '包类型';
-$lang->build->unlinkStory        = '移除需求';
-$lang->build->unlinkBug          = '移除Bug';
-$lang->build->stories            = '完成的需求';
-$lang->build->bugs               = '解决的Bug';
-$lang->build->generatedBugs      = '产生的Bug';
-$lang->build->noProduct          = " <span style='color:red'>该{$lang->projectCommon}没有关联{$lang->productCommon}，无法创建版本，请先<a href='%s'>关联{$lang->productCommon}</a></span>";
+$lang->build->id            = 'ID';
+$lang->build->product       = $lang->productCommon;
+$lang->build->branch        = '平台/分支';
+$lang->build->project       = '所属' . $lang->projectCommon;
+$lang->build->name          = '名称编号';
+$lang->build->date          = '打包日期';
+$lang->build->builder       = '构建者';
+$lang->build->scmPath       = '源代码地址';
+$lang->build->filePath      = '下载地址';
+$lang->build->desc          = '描述';
+$lang->build->files         = '上传发行包';
+$lang->build->last          = '上个版本';
+$lang->build->packageType   = '包类型';
+$lang->build->unlinkStory   = '移除需求';
+$lang->build->unlinkBug     = '移除Bug';
+$lang->build->stories       = '完成的需求';
+$lang->build->bugs          = '解决的Bug';
+$lang->build->generatedBugs = '产生的Bug';
+$lang->build->noProduct     = " <span style='color:red'>该{$lang->projectCommon}没有关联{$lang->productCommon}，无法创建版本，请先<a href='%s'>关联{$lang->productCommon}</a></span>";
+$lang->build->noData        = '暂无';
 
 $lang->build->finishStories = ' 本次共完成 %s 个需求';
 $lang->build->resolvedBugs  = ' 本次共解决 %s 个Bug';
diff --git a/module/build/view/linkbug.html.php b/module/build/view/linkbug.html.php
index 299881388e..bb1c0b7d84 100644
--- a/module/build/view/linkbug.html.php
+++ b/module/build/view/linkbug.html.php
@@ -10,57 +10,58 @@
  * @link        http://www.zentao.net
  */
 ?>
-<?php
-$jsRoot = $this->app->getWebRoot() . "js/";
-include '../../common/view/tablesorter.html.php';
-?>
 <div id='querybox' class='show'></div>
 <div id='unlinkBugList'>
-  <form method='post' id='unlinkedBugsForm' target='hiddenwin' action='<?php echo $this->createLink('build', 'linkBug', "buildID={$build->id}&browseType=$browseType&param=$param");?>'>
-    <table class='table table-condensed table-hover table-striped tablesorter table-fixed table-selectable'> 
-      <caption class='text-left text-special'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedBugs;?></strong></caption>
+  <form class='main-table table-bug' data-ride='table' method='post' id='unlinkedBugsForm' target='hiddenwin' action='<?php echo $this->createLink('build', 'linkBug', "buildID={$build->id}&browseType=$browseType&param=$param");?>'>
+    <div class='table-header'>
+      <div class='table-statistic'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedBugs;?></strong></div>
+    </div>
+    <table class='table'> 
       <thead>
-      <tr class='colhead'>
-        <th class='w-id {sorter:"currency"}'><?php echo $lang->idAB;?></th>
-        <th class='w-pri'>   <?php echo $lang->priAB;?></th>
-        <th>                 <?php echo $lang->bug->title;?></th>
-        <th class='w-user'>  <?php echo $lang->openedByAB;?></th>
-        <th class='w-150px'> <?php echo $lang->bug->resolvedBy;?></th>
-        <th class='w-80px'>  <?php echo $lang->statusAB;?></th>
-      </tr>
+        <tr>
+          <th class='c-id'>
+            <?php if($allBugs):?>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php endif;?>
+            <?php echo $lang->idAB;?>
+          </th>
+          <th class='w-pri'>  <?php echo $lang->priAB;?></th>
+          <th>                <?php echo $lang->bug->title;?></th>
+          <th class='w-user'> <?php echo $lang->openedByAB;?></th>
+          <th class='w-150px'><?php echo $lang->bug->resolvedBy;?></th>
+          <th class='w-80px'> <?php echo $lang->statusAB;?></th>
+        </tr>
       </thead>
       <tbody>
-      <?php foreach($allBugs as $bug):?>
-      <?php if(strpos(",{$build->bugs},", ",$bug->id,") !== false) continue;?>
-      <?php if($build->product != $bug->product) continue; ?>
-      <tr>
-        <td class='cell-id'>
-          <input type='checkbox' name='bugs[<?php echo $bug->id?>]'  value='<?php echo $bug->id;?>' <?php if($bug->status == 'resolved' or $bug->status == 'closed') echo "checked";?> /> 
-          <?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->id);?>
-        </td>
-        <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
-        <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id", '', true), $bug->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
-        <td><?php echo $users[$bug->openedBy];?></td>
-        <td style='overflow:visible;padding-top:1px;padding-bottom:1px;'><?php echo ($bug->status == 'resolved' or $bug->status == 'closed') ? $users[$bug->resolvedBy] : html::select("resolvedBy[{$bug->id}]", $users, $this->app->user->account, "class='form-control chosen'");?></td>
-        <td class='text-center bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
-      </tr>
-      <?php endforeach;?>
+        <?php $unlinkedCount = 0;?>
+        <?php foreach($allBugs as $bug):?>
+        <?php if(strpos(",{$build->bugs},", ",$bug->id,") !== false) continue;?>
+        <?php if($build->product != $bug->product) continue; ?>
+        <tr>
+          <td class='cell-id'>
+            <?php echo html::checkbox('bugs', array($bug->id => sprintf('%03d', $bug->id)), ($bug->status == 'resolved' or $bug->status == 'closed') ? $story->id : '');?>
+          </td>
+          <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
+          <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id", '', true), $bug->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
+          <td><?php echo $users[$bug->openedBy];?></td>
+          <td style='overflow:visible;padding-top:1px;padding-bottom:1px;'><?php echo ($bug->status == 'resolved' or $bug->status == 'closed') ? $users[$bug->resolvedBy] : html::select("resolvedBy[{$bug->id}]", $users, $this->app->user->account, "class='form-control chosen'");?></td>
+          <td class='text-center bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
+        </tr>
+        <?php $unlinkedCount++;?>
+        <?php endforeach;?>
       </tbody>
-      <tfoot>
-      <tr>
-        <td colspan='6' class='text-left'>
-          <?php if(count($allBugs))
-          {
-              echo "<div class='table-actions clearfix'>";
-              echo html::selectButton() . html::submitButton($lang->build->linkBug);
-              echo html::a(inlink('view', "buildID={$build->id}&type=bug"), $lang->goback, '', "class='btn'");
-              echo '</div>';
-          }
-          ?>
-        </td>
-      </tr>
-      </tfoot>
     </table>
+    <div class='table-footer'>
+      <?php if($unlinkedCount):?>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class="table-actions btn-toolbar">
+        <?php echo html::submitButton($lang->build->linkBug);?>
+      </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "buildID={$build->id}&type=bug"), $lang->goback, '', "class='btn'");?>
+    </div>
   </form>
 </div>
 <script>
diff --git a/module/build/view/linkstory.html.php b/module/build/view/linkstory.html.php
index cb56ed2cf9..658e8025b2 100644
--- a/module/build/view/linkstory.html.php
+++ b/module/build/view/linkstory.html.php
@@ -10,18 +10,23 @@
  * @link        http://www.zentao.net
  */
 ?>
-<?php
-$jsRoot = $this->app->getWebRoot() . "js/";
-include '../../common/view/tablesorter.html.php';
-?>
 <div id='querybox' class='show'></div>
 <div id='unlinkStoryList'>
-  <form method='post' id='unlinkedStoriesForm' target='hiddenwin' action='<?php echo $this->createLink('build', 'linkStory', "buildID={$build->id}&browseType=$browseType&param=$param");?>'>
-    <table class='table table-condensed table-hover table-striped tablesorter table-fixed table-selectable'> 
-    <caption class='text-left text-special'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedStories;?></strong></caption>
+  <form class='main-table table-story' data-ride='table' method='post' id='unlinkedStoriesForm' target='hiddenwin' action='<?php echo $this->createLink('build', 'linkStory', "buildID={$build->id}&browseType=$browseType&param=$param");?>'>
+    <div class='table-header'>
+      <div class='table-statistic'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedStories;?></strong></div>
+    </div>
+    <table class='table'> 
       <thead>
         <tr>
-          <th class='w-id {sorter:"currency"}'><?php echo $lang->idAB;?></th>
+          <th class='c-id'>
+            <?php if($allStories):?>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php endif;?>
+            <?php echo $lang->idAB;?>
+          </th>
           <th class='w-pri'>   <?php echo $lang->priAB;?></th>
           <th class="text-left"><?php echo $lang->story->title;?></th>
           <th class='w-user'>  <?php echo $lang->openedByAB;?></th>
@@ -32,40 +37,35 @@ include '../../common/view/tablesorter.html.php';
         </tr>
       </thead>
       <tbody>
-      <?php foreach($allStories as $story):?>
-      <?php if(strpos(",{$build->stories},", ",{$story->id},") !== false) continue; ?>
-      <?php if($build->product != $story->product) continue; ?>
-      <tr>
-        <td class='cell-id'>
-          <input type='checkbox' name='stories[]'  value='<?php echo $story->id;?>' <?php if($story->stage == 'developed' or $story->status == 'closed') echo 'checked';?> /> 
-          <?php echo html::a($this->createLink('story', 'view', "storyID=$story->id"), $story->id);?>
-        </td>
-        <td><span class='<?php echo 'pri' . zget($lang->story->priList, $story->pri, $story->pri);?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri)?></span></td>
-        <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id", '', true), $story->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
-        <td class='text-center'><?php echo $users[$story->openedBy];?></td>
-        <td class='text-center'><?php echo $users[$story->assignedTo];?></td>
-        <td class='text-center'><?php echo $story->estimate;?></td>
-        <td class='text-center story-<?php echo $story->status?>'><?php echo $lang->story->statusList[$story->status];?></td>
-        <td class='text-center'><?php echo $lang->story->stageList[$story->stage];?></td>
-      </tr>
-      <?php endforeach;?>
-      </tbody>
-      <tfoot>
+        <?php $unlinkedCount = 0;?>
+        <?php foreach($allStories as $story):?>
+        <?php if(strpos(",{$build->stories},", ",{$story->id},") !== false) continue; ?>
+        <?php if($build->product != $story->product) continue; ?>
         <tr>
-          <td colspan='8' class='text-left'>
-            <?php
-            if(count($allStories))
-            {
-                echo "<div class='table-actions clearfix'>";
-                echo html::selectButton() . html::submitButton($lang->story->linkStory);
-                echo html::a(inlink('view', "buildID={$build->id}&type=story"), $lang->goback, '', "class='btn'");
-                echo '</div>';
-            }
-            ?>
+          <td class='cell-id'>
+            <?php echo html::checkbox('stories', array($story->id => sprintf('%03d', $story->id)), ($story->stage == 'developed' or $story->status == 'closed') ? $story->id : '');?>
           </td>
+          <td><span class='<?php echo 'pri' . zget($lang->story->priList, $story->pri, $story->pri);?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri)?></span></td>
+          <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id", '', true), $story->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
+          <td class='text-center'><?php echo $users[$story->openedBy];?></td>
+          <td class='text-center'><?php echo $users[$story->assignedTo];?></td>
+          <td class='text-center'><?php echo $story->estimate;?></td>
+          <td class='text-center story-<?php echo $story->status?>'><?php echo $lang->story->statusList[$story->status];?></td>
+          <td class='text-center'><?php echo $lang->story->stageList[$story->stage];?></td>
         </tr>
-      </tfoot>
+        <?php $unlinkedCount++;?>
+        <?php endforeach;?>
+      </tbody>
     </table>
+    <div class='table-footer'>
+      <?php if($unlinkedCount):?>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class="table-actions btn-toolbar">
+        <?php echo html::submitButton($lang->build->linkStory);?>
+      </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "buildID={$build->id}&type=story"), $lang->goback, '', "class='btn'");?>
+    </div>
   </form>
 </div>
 <script>
diff --git a/module/build/view/view.html.php b/module/build/view/view.html.php
index e4ad7a3649..3faeb1c80c 100644
--- a/module/build/view/view.html.php
+++ b/module/build/view/view.html.php
@@ -20,285 +20,298 @@
 #bugs .action{display:none;}
 tbody tr td:last-child a{display:none;}
 tbody tr td:first-child input{display:none;}
-tfoot tr td .table-actions .btn{display:none;}
-#titlebar .actions{display:none}
-.row-table .col-side{display:none;}
 </style>
 <?php endif;?>
-<div id='titlebar'>
-  <div class='heading'>
-    <span class='prefix'><?php echo html::icon($lang->icons['build']);?> <strong><?php echo $build->id;?></strong></span>
-    <strong><?php echo $build->name;?></strong>
-    <?php if($build->deleted):?>
-    <span class='label label-danger'><?php echo $lang->build->deleted;?></span>
-    <?php endif; ?>
+<div id='mainMenu' class='clearfix'>
+  <div class='btn-toolbar pull-left'>
+    <?php $browseLink = $this->session->buildList ? $this->session->buildList : $this->createLink('project', 'build', "projectID=$build->project");?>
+    <?php common::printBack($browseLink, 'btn btn-link');?>
+    <div class='divider'></div>
+    <div class='page-title'>
+      <span class='label label-id'><?php echo $build->id;?></span>
+      <span class='text'><?php echo $build->name;?></span>
+      <?php if($build->deleted):?>
+      <span class='label label-danger'><?php echo $lang->build->deleted;?></span>
+      <?php endif; ?>
+    </div>
   </div>
-  <div class='actions'>
-  <?php
-  $browseLink = $this->session->buildList ? $this->session->buildList : $this->createLink('project', 'build', "projectID=$build->project");
-  if(!$build->deleted)
-  {
-      if($this->config->global->flow != 'onlyTest')
-      {
-          echo "<div class='btn-group'>";
-          if(common::hasPriv('build', 'linkStory')) echo html::a(inlink('view', "buildID=$build->id&type=story&link=true"), '<i class="icon-link"></i> ' . $lang->build->linkStory, '', "class='btn'");
-          if(common::hasPriv('build', 'linkBug'))   echo html::a(inlink('view', "buildID=$build->id&type=bug&link=true"), '<i class="icon-bug"></i> ' . $lang->build->linkBug, '', "class='btn'");
-          echo '</div>';
-      }
-      echo "<div class='btn-group'>";
-      common::printIcon('build', 'edit',   "buildID=$build->id", $build);
-      common::printIcon('build', 'delete', "buildID=$build->id", $build, 'button', '', 'hiddenwin');
-      echo '</div>';
-  }
-  echo common::printRPN($browseLink);
-  ?>
+  <div class='btn-toolbar pull-right'>
+    <?php
+    if(!$build->deleted)
+    {
+        if($this->config->global->flow != 'onlyTest')
+        {
+            if(common::hasPriv('build', 'linkStory')) echo html::a(inlink('view', "buildID=$build->id&type=story&link=true"), '<i class="icon-link"></i> ' . $lang->build->linkStory, '', "class='btn btn-link'");
+            if(common::hasPriv('build', 'linkBug'))   echo html::a(inlink('view', "buildID=$build->id&type=bug&link=true"), '<i class="icon-bug"></i> ' . $lang->build->linkBug, '', "class='btn btn-link'");
+        }
+        common::printIcon('build', 'edit',   "buildID=$build->id", $build);
+        common::printIcon('build', 'delete', "buildID=$build->id", $build, 'button', '', 'hiddenwin');
+    }
+    ?>
   </div>
 </div>
-<div class='row-table'>
-  <div class='col-main'>
-    <div class='main'>
-      <?php if($this->config->global->flow == 'onlyTest'):?>
-      <fieldset>
-        <legend><?php echo $lang->build->desc;?></legend>
-        <div class='article-content'><?php echo $build->desc;?></div>
-      </fieldset>
-      <?php echo $this->fetch('file', 'printFiles', array('files' => $build->files, 'fieldset' => 'true'));?>
-      <?php include '../../common/view/action.html.php';?>
-      <div class='actions'>
-        <?php
-        $browseLink = $this->session->buildList ? $this->session->buildList : $this->createLink('product', 'build', "productID=$build->product");
-        if(!$build->deleted)
-        { 
-          common::printIcon('build', 'edit',   "buildID=$build->id", $build);
-          common::printIcon('build', 'delete', "buildID=$build->id", $build, 'button', '', 'hiddenwin');
-        }
-        echo common::printRPN($browseLink);
-        ?>
-      </div>
-      <?php else:?>
-      <div class='tabs'>
-      <?php $countStories = count($stories); $countBugs = count($bugs); $countNewBugs = count($generatedBugs);?>
-        <ul class='nav nav-tabs'>
-          <li <?php if($type == 'story')     echo "class='active'"?>><a href='#stories' data-toggle='tab'><?php echo html::icon($lang->icons['story'], 'green') . ' ' . $lang->build->stories;?></a></li>
-          <li <?php if($type == 'bug')       echo "class='active'"?>><a href='#bugs' data-toggle='tab'><?php echo html::icon($lang->icons['bug'], 'green') . ' ' . $lang->build->bugs;?></a></li>
-          <li <?php if($type == 'newbug')    echo "class='active'"?>><a href='#newBugs' data-toggle='tab'><?php echo html::icon($lang->icons['bug'], 'red') . ' ' . $lang->build->generatedBugs;?></a></li>
-          <li <?php if($type == 'buildInfo') echo "class='active'"?>><a href='#buildInfo' data-toggle='tab'><?php echo html::icon($lang->icons['plan'], 'blue') . ' ' . $lang->build->view;?></a></li>
-        </ul>
-        <div class='tab-content'>
-          <div class='tab-pane <?php if($type == 'story') echo 'active'?>' id='stories'>
-            <?php if(common::hasPriv('build', 'linkStory')):?>
-            <div class='action'><?php echo html::a("javascript:showLink($build->id, \"story\")", '<i class="icon-link"></i> ' . $lang->build->linkStory, '', "class='btn btn-sm btn-primary'");?></div>
-            <div class='linkBox'></div>
-            <?php endif;?>
-            <form method='post' target='hiddenwin' action='<?php echo inlink('batchUnlinkStory', "buildID={$build->id}")?>' id='linkedStoriesForm'>
-            <table class='table table-hover table-condensed table-striped tablesorter table-fixed table-selectable' id='storyList'>
-              <?php $vars = "buildID={$build->id}&type=story&link=$link&param=$param&orderBy=%s";?>
-              <thead>
-                <tr>
-                  <th class='w-id {sorter:false}'>     <?php common::printOrderLink('id',       $orderBy, $vars, $lang->idAB);?></th>
-                  <th class='w-pri {sorter:false}'>    <?php common::printOrderLink('pri',      $orderBy, $vars, $lang->priAB);?></th>
-                  <th class='text-left {sorter:false}'><?php common::printOrderLink('title',    $orderBy, $vars, $lang->story->title);?></th>
-                  <th class='w-user {sorter:false}'>   <?php common::printOrderLink('openedBy', $orderBy, $vars, $lang->openedByAB);?></th>
-                  <th class='w-hour {sorter:false}'>   <?php common::printOrderLink('estimate', $orderBy, $vars, $lang->story->estimateAB);?></th>
-                  <th class='w-hour {sorter:false}'>   <?php common::printOrderLink('status',   $orderBy, $vars, $lang->statusAB);?></th>
-                  <th class='w-100px {sorter:false}'>  <?php common::printOrderLink('stage',    $orderBy, $vars, $lang->story->stageAB);?></th>
-                  <th class='w-60px {sorter:false}'>   <?php echo $lang->actions?></th>
-                </tr>
-              </thead>
-              <?php $canBatchUnlink = common::hasPriv('build', 'batchUnlinkStory');?>
+<div id='mainContent' class='main-content'>
+  <?php if($this->config->global->flow == 'onlyTest'):?>
+  <fieldset>
+    <legend><?php echo $lang->build->desc;?></legend>
+    <div class='article-content'><?php echo $build->desc;?></div>
+  </fieldset>
+  <?php echo $this->fetch('file', 'printFiles', array('files' => $build->files, 'fieldset' => 'true'));?>
+  <?php include '../../common/view/action.html.php';?>
+  <div class='actions'>
+    <?php
+    $browseLink = $this->session->buildList ? $this->session->buildList : $this->createLink('product', 'build', "productID=$build->product");
+    if(!$build->deleted)
+    { 
+      common::printIcon('build', 'edit',   "buildID=$build->id", $build);
+      common::printIcon('build', 'delete', "buildID=$build->id", $build, 'button', '', 'hiddenwin');
+    }
+    echo common::printRPN($browseLink);
+    ?>
+  </div>
+  <?php else:?>
+  <div class='tabs'>
+  <?php $countStories = count($stories); $countBugs = count($bugs); $countNewBugs = count($generatedBugs);?>
+    <ul class='nav nav-tabs'>
+      <li <?php if($type == 'story')     echo "class='active'"?>><a href='#stories' data-toggle='tab'><?php echo html::icon($lang->icons['story'], 'green') . ' ' . $lang->build->stories;?></a></li>
+      <li <?php if($type == 'bug')       echo "class='active'"?>><a href='#bugs' data-toggle='tab'><?php echo html::icon($lang->icons['bug'], 'green') . ' ' . $lang->build->bugs;?></a></li>
+      <li <?php if($type == 'newbug')    echo "class='active'"?>><a href='#newBugs' data-toggle='tab'><?php echo html::icon($lang->icons['bug'], 'red') . ' ' . $lang->build->generatedBugs;?></a></li>
+      <li <?php if($type == 'buildInfo') echo "class='active'"?>><a href='#buildInfo' data-toggle='tab'><?php echo html::icon($lang->icons['plan'], 'blue') . ' ' . $lang->build->view;?></a></li>
+    </ul>
+    <div class='tab-content'>
+      <div class='tab-pane <?php if($type == 'story') echo 'active'?>' id='stories'>
+        <?php if(common::hasPriv('build', 'linkStory')):?>
+        <div class='action'><?php echo html::a("javascript:showLink($build->id, \"story\")", '<i class="icon-link"></i> ' . $lang->build->linkStory, '', "class='btn btn-sm btn-primary'");?></div>
+        <div class='linkBox'></div>
+        <?php endif;?>
+        <form class='main-table table-story' data-ride='table' method='post' target='hiddenwin' action='<?php echo inlink('batchUnlinkStory', "buildID={$build->id}")?>' id='linkedStoriesForm'>
+          <table class='table has-sort-head' id='storyList'>
+            <?php $canBatchUnlink = common::hasPriv('build', 'batchUnlinkStory');?>
+            <?php $vars = "buildID={$build->id}&type=story&link=$link&param=$param&orderBy=%s";?>
+            <thead>
+              <tr>
+                <th class='c-id'>
+                  <?php if($canBatchUnlink):?>
+                  <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+                    <label></label>
+                  </div>
+                  <?php endif;?>
+                  <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
+                </th>
+                <th class='w-70px'>   <?php common::printOrderLink('pri',      $orderBy, $vars, $lang->priAB);?></th>
+                <th class='text-left'><?php common::printOrderLink('title',    $orderBy, $vars, $lang->story->title);?></th>
+                <th class='w-user'>   <?php common::printOrderLink('openedBy', $orderBy, $vars, $lang->openedByAB);?></th>
+                <th class='w-70px'>   <?php common::printOrderLink('estimate', $orderBy, $vars, $lang->story->estimateAB);?></th>
+                <th class='w-70px'>   <?php common::printOrderLink('status',   $orderBy, $vars, $lang->statusAB);?></th>
+                <th class='w-100px'>  <?php common::printOrderLink('stage',    $orderBy, $vars, $lang->story->stageAB);?></th>
+                <th class='w-60px'>   <?php echo $lang->actions?></th>
+              </tr>
+            </thead>
+            <tbody>
               <?php foreach($stories as $storyID => $story):?>
               <?php $storyLink = $this->createLink('story', 'view', "storyID=$story->id", '', true);?>
-              <tr class='text-center'>
+              <tr>
                 <td class='cell-id'>
                   <?php if($canBatchUnlink):?>
-                  <input type='checkbox' name='unlinkStories[]'  value='<?php echo $story->id;?>'/> 
+                  <?php echo html::checkbox('unlinkStories', array($story->id => sprintf('%03d', $story->id)));?>
+                  <?php else:?>
+                  <?php printf('%03d', $story->id);?>
                   <?php endif;?>
-                  <?php echo sprintf('%03d', $story->id);?>
                 </td>
                 <td><span class='<?php echo 'pri' . zget($lang->story->priList, $story->pri, $story->pri);?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
                 <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($storyLink,$story->title, '', "class='preview'");?></td>
                 <td><?php echo $users[$story->openedBy];?></td>
-                <td><?php echo $story->estimate;?></td>
+                <td class='text-center'><?php echo $story->estimate;?></td>
                 <td class='story-<?php echo $story->status;?>'><?php echo $lang->story->statusList[$story->status];?></td>
                 <td><?php echo $lang->story->stageList[$story->stage];?></td>
-                <td>
+                <td class='c-actions'>
                   <?php
                   if(common::hasPriv('build', 'unlinkStory'))
                   {
                       $unlinkURL = inlink('unlinkStory', "buildID=$build->id&story=$story->id");
-                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->build->unlinkStory}'");
+                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn btn-icon' title='{$lang->build->unlinkStory}'");
                   }
                   ?>
                 </td>
               </tr>
               <?php endforeach;?>
-              <tfoot>
-                <tr>
-                  <td colspan='8'>
-                    <div class='table-actions clearfix'>
-                      <?php if($countStories and $canBatchUnlink) echo html::selectButton() . html::submitButton($lang->build->batchUnlink);?>
-                      <div class='text'><?php echo sprintf($lang->build->finishStories, $countStories);?></div>
-                    </div>
-                  </td>
-                </tr>
-              </tfoot>
-            </table>
-            </form>
-          </div>
-          <div class='tab-pane <?php if($type == 'bug') echo 'active'?>' id='bugs'>
-            <?php if(common::hasPriv('build', 'linkBug')):?>
-            <div class='action'><?php echo html::a("javascript:showLink($build->id, \"bug\")", '<i class="icon-bug"></i> ' . $lang->build->linkBug, '', "class='btn btn-sm btn-primary'");?></div>
-            <div class='linkBox'></div>
+            </tbody>
+          </table>
+          <?php if($countStories):?>
+          <div class='table-footer'>
+            <?php if($canBatchUnlink):?>
+            <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+            <div class="table-actions btn-toolbar">
+              <?php echo html::submitButton($lang->build->batchUnlink);?>
+            </div>
             <?php endif;?>
-            <form method='post' target='hiddenwin' action="<?php echo inLink('batchUnlinkBug', "build=$build->id");?>" id='linkedBugsForm'>
-            <table class='table table-hover table-condensed table-striped tablesorter table-fixed table-selectable' id='bugList'>
-              <?php $vars = "buildID={$build->id}&type=bug&link=$link&param=$param&orderBy=%s";?>
-              <thead>
-                <tr>
-                  <th class='w-id {sorter:false}'>     <?php common::printOrderLink('id',           $orderBy, $vars, $lang->idAB);?></th>
-                  <th class='text-left {sorter:false}'><?php common::printOrderLink('title',        $orderBy, $vars, $lang->bug->title);?></th>
-                  <th class='w-100px {sorter:false}'>  <?php common::printOrderLink('status',       $orderBy, $vars, $lang->bug->status);?></th>
-                  <th class='w-user {sorter:false}'>   <?php common::printOrderLink('openedBy',     $orderBy, $vars, $lang->openedByAB);?></th>
-                  <th class='w-date {sorter:false}'>   <?php common::printOrderLink('openedDate',   $orderBy, $vars, $lang->bug->openedDateAB);?></th>
-                  <th class='w-user {sorter:false}'>   <?php common::printOrderLink('resolvedBy',   $orderBy, $vars, $lang->bug->resolvedByAB);?></th>
-                  <th class='w-100px {sorter:false}'>  <?php common::printOrderLink('resolvedDate', $orderBy, $vars, $lang->bug->resolvedDateAB);?></th>
-                  <th class='w-60px {sorter:false}'>   <?php echo $lang->actions?></th>
-                </tr>
-              </thead>
-              <?php $canBatchUnlink = common::hasPriv('build', 'batchUnlinkBug');?>
+            <div class='text'><?php echo sprintf($lang->build->finishStories, $countStories);?></div>
+          </div>
+          <?php endif;?>
+        </form>
+      </div>
+      <div class='tab-pane <?php if($type == 'bug') echo 'active'?>' id='bugs'>
+        <?php if(common::hasPriv('build', 'linkBug')):?>
+        <div class='action'><?php echo html::a("javascript:showLink($build->id, \"bug\")", '<i class="icon-bug"></i> ' . $lang->build->linkBug, '', "class='btn btn-sm btn-primary'");?></div>
+        <div class='linkBox'></div>
+        <?php endif;?>
+        <form class='main-table table-bug' data-ride='table' method='post' target='hiddenwin' action="<?php echo inLink('batchUnlinkBug', "build=$build->id");?>" id='linkedBugsForm'>
+          <table class='table has-sort-head' id='bugList'>
+            <?php $canBatchUnlink = common::hasPriv('build', 'batchUnlinkBug');?>
+            <?php $vars = "buildID={$build->id}&type=bug&link=$link&param=$param&orderBy=%s";?>
+            <thead>
+              <tr>
+                <th class='c-id'>
+                  <?php if($canBatchUnlink):?>
+                  <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+                    <label></label>
+                  </div>
+                  <?php endif;?>
+                  <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
+                </th>
+                <th class='text-left'><?php common::printOrderLink('title',        $orderBy, $vars, $lang->bug->title);?></th>
+                <th class='w-100px'>  <?php common::printOrderLink('status',       $orderBy, $vars, $lang->bug->status);?></th>
+                <th class='w-user'>   <?php common::printOrderLink('openedBy',     $orderBy, $vars, $lang->openedByAB);?></th>
+                <th class='w-date'>   <?php common::printOrderLink('openedDate',   $orderBy, $vars, $lang->bug->openedDateAB);?></th>
+                <th class='w-user'>   <?php common::printOrderLink('resolvedBy',   $orderBy, $vars, $lang->bug->resolvedByAB);?></th>
+                <th class='w-100px'>  <?php common::printOrderLink('resolvedDate', $orderBy, $vars, $lang->bug->resolvedDateAB);?></th>
+                <th class='w-60px'>   <?php echo $lang->actions?></th>
+              </tr>
+            </thead>
+            <tbody>
               <?php foreach($bugs as $bug):?>
               <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
               <tr class='text-center'>
                 <td class='cell-id'>
                   <?php if($canBatchUnlink):?>
                   <input type='checkbox' name='unlinkBugs[]'  value='<?php echo $bug->id;?>'/> 
+                  <?php echo html::checkbox('unlinkBugs', array($bug->id => sprintf('%03d', $bug->id)));?>
+                  <?php else:?>
+                  <?php printf('%03d', $bug->id);?>
                   <?php endif;?>
-                  <?php echo sprintf('%03d', $bug->id);?>
                 <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
                 <td class='bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
                 <td><?php echo $users[$bug->openedBy];?></td>
                 <td><?php echo substr($bug->openedDate, 5, 11)?></td>
                 <td><?php echo $users[$bug->resolvedBy];?></td>
                 <td><?php echo substr($bug->resolvedDate, 5, 11)?></td>
-                <td>
+                <td class='c-actions'>
                   <?php
                   if(common::hasPriv('build', 'unlinkBug'))
                   {
                       $unlinkURL = inlink('unlinkBug', "buildID=$build->id&bug=$bug->id");
-                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->build->unlinkBug}'");
+                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn btn-icon' title='{$lang->build->unlinkBug}'");
                   }
                   ?>
                 </td>
               </tr>
               <?php endforeach;?>
-              <tfoot>
-                <tr>
-                  <td colspan='8'>
-                    <div class='table-actions clearfix'>
-                      <?php if($countBugs and $canBatchUnlink) echo html::selectButton() . html::submitButton($lang->build->batchUnlink);?>
-                      <div class='text'><?php echo sprintf($lang->build->resolvedBugs, $countBugs);?></div>
-                    </div>
-                  </td>
-                </tr>
-              </tfoot>
-            </table>
-            </form>
+            </tbody>
+          </table>
+          <?php if($countBugs):?>
+          <div class='table-footer'>
+            <?php if($canBatchUnlink):?>
+            <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+            <div class="table-actions btn-toolbar">
+              <?php echo html::submitButton($lang->build->batchUnlink);?>
+            </div>
+            <?php endif;?>
+            <div class='text'><?php echo sprintf($lang->build->resolvedBugs, $countBugs);?></div>
           </div>
-          <div class='tab-pane <?php if($type == 'newbug') echo 'active'?>' id='newBugs'>
-            <table class='table table-hover table-condensed table-striped tablesorter table-fixed'>
-              <?php $vars = "buildID={$build->id}&type=newbug&link=$link&param=$param&orderBy=%s";?>
-              <thead>
+          <?php endif;?>
+        </form>
+      </div>
+      <div class='tab-pane <?php if($type == 'newbug') echo 'active'?>' id='newBugs'>
+        <table class='main-table table has-sort-head'>
+          <?php $vars = "buildID={$build->id}&type=newbug&link=$link&param=$param&orderBy=%s";?>
+          <thead>
+            <tr>
+              <th class='c-id'>      <?php common::printOrderLink('id',           $orderBy, $vars, $lang->idAB);?></th>
+              <th class='w-severity'><?php common::printOrderLink('severity',     $orderBy, $vars, $lang->bug->severityAB);?></th>
+              <th class='text-left'> <?php common::printOrderLink('title',        $orderBy, $vars, $lang->bug->title);?></th>
+              <th class='w-100px'>   <?php common::printOrderLink('status',       $orderBy, $vars, $lang->bug->status);?></th>
+              <th class='w-user'>    <?php common::printOrderLink('openedBy',     $orderBy, $vars, $lang->openedByAB);?></th>
+              <th class='w-date'>    <?php common::printOrderLink('openedDate',   $orderBy, $vars, $lang->bug->openedDateAB);?></th>
+              <th class='w-user'>    <?php common::printOrderLink('resolvedBy',   $orderBy, $vars, $lang->bug->resolvedByAB);?></th>
+              <th class='w-100px'>   <?php common::printOrderLink('resolvedDate', $orderBy, $vars, $lang->bug->resolvedDateAB);?></th>
+            </tr>
+          </thead>
+          <tbody>
+            <?php foreach($generatedBugs as $bug):?>
+            <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
+            <tr class='text-center'>
+              <td><?php printf('%03d', $bug->id);?></td>
+              <td><span class='severity<?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity);?></span></td>
+              <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
+              <td class='bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
+              <td><?php echo $users[$bug->openedBy];?></td>
+              <td><?php echo substr($bug->openedDate, 5, 11)?></td>
+              <td><?php echo $users[$bug->resolvedBy];?></td>
+              <td><?php echo substr($bug->resolvedDate, 5, 11)?></td>
+            </tr>
+            <?php endforeach;?>
+          </tbody>
+        </table>
+        <?php if($countNewBugs):?>
+        <div class='table-footer'>
+          <div class='text'><?php echo sprintf($lang->build->createdBugs, $countNewBugs);?></div>
+        </div>
+        <?php endif;?>
+      </div>
+      <div class='tab-pane <?php if($type == 'buildInfo') echo 'active'?>' id='buildInfo'>
+        <div class='cell'>
+          <div class='detail'>
+            <div class='detail-title'><?php echo $lang->build->basicInfo?></div>
+            <div class='detail-content'>
+              <table class='table table-data table-condensed table-borderless table-fixed'>
                 <tr>
-                  <th class='w-id {sorter:false}'>      <?php common::printOrderLink('id',           $orderBy, $vars, $lang->idAB);?></th>
-                  <th class='w-severity {sorter:false}'><?php common::printOrderLink('severity',     $orderBy, $vars, $lang->bug->severityAB);?></th>
-                  <th class='text-left {sorter:false}'> <?php common::printOrderLink('title',        $orderBy, $vars, $lang->bug->title);?></th>
-                  <th class='w-100px {sorter:false}'>   <?php common::printOrderLink('status',       $orderBy, $vars, $lang->bug->status);?></th>
-                  <th class='w-user {sorter:false}'>    <?php common::printOrderLink('openedBy',     $orderBy, $vars, $lang->openedByAB);?></th>
-                  <th class='w-date {sorter:false}'>    <?php common::printOrderLink('openedDate',   $orderBy, $vars, $lang->bug->openedDateAB);?></th>
-                  <th class='w-user {sorter:false}'>    <?php common::printOrderLink('resolvedBy',   $orderBy, $vars, $lang->bug->resolvedByAB);?></th>
-                  <th class='w-100px {sorter:false}'>   <?php common::printOrderLink('resolvedDate', $orderBy, $vars, $lang->bug->resolvedDateAB);?></th>
+                  <th class='w-80px'><?php echo $lang->build->product;?></th>
+                  <td><?php echo $build->productName;?></td>
                 </tr>
-              </thead>
-              <?php foreach($generatedBugs as $bug):?>
-              <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
-              <tr class='text-center'>
-                <td><?php echo sprintf('%03d', $bug->id);?></td>
-                <td><span class='severity<?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity);?></span></td>
-                <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
-                <td class='bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
-                <td><?php echo $users[$bug->openedBy];?></td>
-                <td><?php echo substr($bug->openedDate, 5, 11)?></td>
-                <td><?php echo $users[$bug->resolvedBy];?></td>
-                <td><?php echo substr($bug->resolvedDate, 5, 11)?></td>
-              </tr>
-              <?php endforeach;?>
-              <tfoot>
+                <?php if($build->productType != 'normal'):?>
                 <tr>
-                  <td colspan='8'>
-                    <div class='table-actions clearfix'>
-                      <div class='text'><?php echo sprintf($lang->build->createdBugs, $countNewBugs);?></div>
-                    </div>
-                  </td>
+                  <th><?php echo $lang->product->branch;?></th>
+                  <td><?php echo $branchName;?></td>
                 </tr>
-              </tfoot>
-            </table>
-          </div>
-          <div class='tab-pane <?php if($type == 'buildInfo') echo 'active'?>' id='buildInfo'>
-            <div class="row-table">
-              <div class='col-main'>
-                <fieldset>
-                  <legend><?php echo $lang->build->basicInfo?></legend>
-                  <table class='table table-data table-condensed table-borderless table-fixed'>
-                    <tr>
-                      <th class='w-80px'><?php echo $lang->build->product;?></th>
-                      <td><?php echo $build->productName;?></td>
-                    </tr>
-                    <?php if($build->productType != 'normal'):?>
-                    <tr>
-                      <th><?php echo $lang->product->branch;?></th>
-                      <td><?php echo $branchName;?></td>
-                    </tr>
-                    <?php endif;?>
-                    <tr>
-                      <th><?php echo $lang->build->name;?></th>
-                      <td><?php echo $build->name;?></td>
-                    </tr>
-                    <tr>
-                      <th><?php echo $lang->build->builder;?></th>
-                      <td><?php echo $users[$build->builder];?></td>
-                    </tr>
-                    <tr>
-                      <th><?php echo $lang->build->date;?></th>
-                      <td><?php echo $build->date;?></td>
-                    </tr>
-                    <tr>
-                      <th><?php echo $lang->build->scmPath;?></th>
-                      <td style='word-break:break-all;'><?php echo html::a($build->scmPath, $build->scmPath, '_blank')?></td>
-                    </tr>
-                    <tr>
-                      <th><?php echo $lang->build->filePath;?></th>
-                      <td style='word-break:break-all;'><?php echo html::a($build->filePath, $build->filePath, '_blank');?></td>
-                    </tr>
-                    <?php if($this->config->global->flow != 'onlyTest'):?>
-                    <tr>
-                      <th><?php echo $lang->build->desc;?></th>
-                      <td><div class='article-content'><?php echo $build->desc;?></div></td>
-                    </tr>
-                    <?php endif;?>
-                  </table>
-                </fieldset>
-                <?php if($this->config->global->flow != 'onlyTest'):?>
-                <?php echo $this->fetch('file', 'printFiles', array('files' => $build->files, 'fieldset' => 'true'));?>
                 <?php endif;?>
-              </div>
-              <div class="col-side"><?php include '../../common/view/action.html.php';?></div>
+                <tr>
+                  <th><?php echo $lang->build->name;?></th>
+                  <td><?php echo $build->name;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->build->builder;?></th>
+                  <td><?php echo $users[$build->builder];?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->build->date;?></th>
+                  <td><?php echo $build->date;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->build->scmPath;?></th>
+                  <td style='word-break:break-all;'><?php echo html::a($build->scmPath, $build->scmPath, '_blank')?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->build->filePath;?></th>
+                  <td style='word-break:break-all;'><?php echo html::a($build->filePath, $build->filePath, '_blank');?></td>
+                </tr>
+                <?php if($this->config->global->flow != 'onlyTest'):?>
+                <tr>
+                  <th><?php echo $lang->build->desc;?></th>
+                  <td><div class='article-content'><?php echo $build->desc;?></div></td>
+                </tr>
+                <?php endif;?>
+              </table>
             </div>
           </div>
+          <?php if($this->config->global->flow != 'onlyTest'):?>
+          <?php echo $this->fetch('file', 'printFiles', array('files' => $build->files, 'fieldset' => 'true'));?>
+          <?php endif;?>
+          <?php include '../../common/view/action.html.php';?>
         </div>
       </div>
-      <?php endif;?>
     </div>
   </div>
+  <?php endif;?>
 </div>
 <?php if($this->config->global->flow != 'onlyTest'):?>
 <?php js::set('param', helper::safe64Decode($param))?>
diff --git a/module/file/view/printfiles.html.php b/module/file/view/printfiles.html.php
index 8b1dc23893..461d935016 100644
--- a/module/file/view/printfiles.html.php
+++ b/module/file/view/printfiles.html.php
@@ -8,6 +8,9 @@ $sessionString .= session_name() . '=' . session_id();
   <div class="detail-title"><?php echo $lang->file->common;?> <i class="icon icon-paper-clip icon-sm"></i></div>
   <div class="detail-content">
 <?php endif;?>
+  <style>
+    .files-list>li>a {display: inline;}
+  </style>
   <script language='Javascript'>
   $(function(){
        $(".edit").modalTrigger({width:350, type:'iframe'});
@@ -80,7 +83,7 @@ $sessionString .= session_name() . '=' . session_id();
 
               echo "<span class='right-icon'>";
               common::printLink('file', 'edit', "fileID=$file->id", "<i class='icon-pencil'></i>", '', "class='edit btn-icon' title='{$lang->file->edit}'");
-              if(common::hasPriv('file', 'delete')) echo html::a('###', "<i class='icon-remove'></i>", '', "class='btn-icon' onclick='deleteFile($file->id)' title='$lang->delete'");
+              if(common::hasPriv('file', 'delete')) echo html::a('###', "<i class='icon-sm icon-close'></i>", '', "class='btn-icon' onclick='deleteFile($file->id)' title='$lang->delete'");
               echo '</span>';
               echo '</li>';
           }
diff --git a/module/productplan/css/view.css b/module/productplan/css/view.css
index 3854a77bb8..a79e9f7fee 100644
--- a/module/productplan/css/view.css
+++ b/module/productplan/css/view.css
@@ -8,7 +8,6 @@
 .hide-side .col-side .main-side {width: 0; display: none;}
 
 #unlinkBugList, #unlinkStoryList{margin-bottom:5px;}
-input[type=checkbox].ml-10px{margin-left:10px;}
 
 .dropdown-menu.with-search {padding: 0; min-width: 150px; overflow: hidden; max-height: 302px;}
 .dropdown-menu > .menu-search .input-group {width:100%;}
@@ -22,7 +21,8 @@ input[type=checkbox].ml-10px{margin-left:10px;}
 .checkbox.btn{margin-top:0px}
 #unlinkStoryList, #unlinkBugList{border:1px solid #ddd;}
 
-.table-footer .text{line-height:30px;}
+.table-footer .text {line-height: 30px;}
+.table-footer .table-actions {margin-right: 10px;}
 
 #planInfo > div {padding-top: 15px;}
 
diff --git a/module/productplan/js/view.js b/module/productplan/js/view.js
index bb1dbce56a..bc20914615 100644
--- a/module/productplan/js/view.js
+++ b/module/productplan/js/view.js
@@ -9,7 +9,8 @@ function showLink(planID, type, orderBy, param)
 
         var formID = type == 'story' ? '#unlinkedStoriesForm' : '#unlinkedBugsForm';
         setTimeout(function(){fixedTfootAction(formID)}, 100);
-        checkTable($(formID).find('table'));
+
+        $('[data-ride="table"]').table();
     });
 }
 $(function()
diff --git a/module/productplan/lang/en.php b/module/productplan/lang/en.php
index 1db1ccba00..6a34e2aa3a 100644
--- a/module/productplan/lang/en.php
+++ b/module/productplan/lang/en.php
@@ -17,7 +17,7 @@ $lang->productplan->edit       = "Edit";
 $lang->productplan->delete     = "Delete";
 $lang->productplan->view       = "Details";
 $lang->productplan->bugSummary = "<strong>%s</strong> Bugs in total on this page.";
-$lang->productplan->info       = 'Info';
+$lang->productplan->basicInfo  = 'Basic Info';
 $lang->productplan->batchEdit  = 'Batch Edit';
 
 $lang->productplan->batchUnlink      = "Batch Unlink";
diff --git a/module/productplan/lang/zh-cn.php b/module/productplan/lang/zh-cn.php
index 97102a30ab..1ed631216a 100644
--- a/module/productplan/lang/zh-cn.php
+++ b/module/productplan/lang/zh-cn.php
@@ -17,7 +17,7 @@ $lang->productplan->edit       = "编辑计划";
 $lang->productplan->delete     = "删除计划";
 $lang->productplan->view       = "计划详情";
 $lang->productplan->bugSummary = "本页共 <strong>%s</strong> 个Bug";
-$lang->productplan->info       = '信息';
+$lang->productplan->basicInfo  = '基本信息';
 $lang->productplan->batchEdit  = '批量编辑';
 
 $lang->productplan->batchUnlink      = "批量移除";
diff --git a/module/productplan/view/browse.html.php b/module/productplan/view/browse.html.php
index 4b63dfd765..8fa1c357d9 100644
--- a/module/productplan/view/browse.html.php
+++ b/module/productplan/view/browse.html.php
@@ -32,7 +32,7 @@
     <table class='table has-sort-head' id="productplanList">
       <thead>
       <?php $vars = "productID=$productID&branch=$branch&browseType=$browseType&orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}"; ?>
-      <tr class='colhead'>
+      <tr>
         <th class='c-id'>
           <?php if(common::hasPriv('productplan', 'batchEdit')):?>
           <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
diff --git a/module/productplan/view/linkbug.html.php b/module/productplan/view/linkbug.html.php
index 735553a2ba..21c805e134 100644
--- a/module/productplan/view/linkbug.html.php
+++ b/module/productplan/view/linkbug.html.php
@@ -18,49 +18,52 @@
     </div>
     <table class='table'>
       <thead>
-      <tr>
-        <th class='c-id text-center'><?php echo $lang->idAB;?></th>
-        <th class='w-pri'><?php echo $lang->priAB;?></th>
-        <th><?php echo $lang->bug->title;?></th>
-        <th class='w-user'><?php echo $lang->openedByAB;?></th>
-        <th class='w-user'><?php echo $lang->bug->assignedToAB;?></th>
-        <th class='w-80px'><?php echo $lang->bug->status;?></th>
-      </tr>
+        <tr>
+          <th class='c-id'>
+            <?php if($allBugs):?>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php endif;?>
+            <?php echo $lang->idAB;?>
+          </th>
+          <th class='w-pri'><?php echo $lang->priAB;?></th>
+          <th><?php echo $lang->bug->title;?></th>
+          <th class='w-user'><?php echo $lang->openedByAB;?></th>
+          <th class='w-user'><?php echo $lang->bug->assignedToAB;?></th>
+          <th class='w-80px'><?php echo $lang->bug->status;?></th>
+        </tr>
       </thead>
       <tbody>
-      <?php $unlinkedCount = 0;?>
-      <?php foreach($allBugs as $bug):?>
-      <?php
-      if(isset($planBugs[$bug->id])) continue;
-      if($bug->plan and helper::diffDate($plans[$bug->plan], helper::today()) > 0) continue;
-      ?>
-      <tr>
-        <td class='c-id'>
-          <input class='ml-10px' type='checkbox' name='bugs[]'  value='<?php echo $bug->id;?>'/> 
-          <?php printf('%03d', $bug->id);?>
-        </td>
-        <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
-        <td class='nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id", '', true), $bug->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
-        <td><?php echo $users[$bug->openedBy];?></td>
-        <td><?php echo $users[$bug->assignedTo];?></td>
-        <td class='text-center bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
-      </tr>
-      <?php $unlinkedCount++;?>
-      <?php endforeach;?>
+        <?php $unlinkedCount = 0;?>
+        <?php foreach($allBugs as $bug):?>
+        <?php
+        if(isset($planBugs[$bug->id])) continue;
+        if($bug->plan and helper::diffDate($plans[$bug->plan], helper::today()) > 0) continue;
+        ?>
+        <tr>
+          <td class='cell-id'>
+            <?php echo html::checkbox('bugs', array($bug->id => sprintf('%03d', $bug->id)));?>
+          </td>
+          <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
+          <td class='nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id", '', true), $bug->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
+          <td><?php echo $users[$bug->openedBy];?></td>
+          <td><?php echo $users[$bug->assignedTo];?></td>
+          <td class='text-center bug-<?php echo $bug->status?>'><?php echo $lang->bug->statusList[$bug->status];?></td>
+        </tr>
+        <?php $unlinkedCount++;?>
+        <?php endforeach;?>
       </tbody>
-      <?php if($unlinkedCount):?>
-      <tfoot>
-      <tr>
-        <td colspan='6' class='text-left table-footer'>
-          <div class='clearfix'>
-            <?php echo html::selectButton() . html::submitButton($lang->productplan->linkBug);?>
-            <?php echo html::a(inlink('view', "planID=$plan->id&type=bug&orderBy=$orderBy"), $lang->goback, '', "class='btn'");?>
-          </div>
-        </td>
-      </tr>
-      </tfoot>
-      <?php endif;?>
     </table>
+    <div class='table-footer'>
+      <?php if($unlinkedCount):?>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class="table-actions btn-toolbar">
+        <?php echo html::submitButton($lang->productplan->linkBug);?>
+      </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "planID=$plan->id&type=bug&orderBy=$orderBy"), $lang->goback, '', "class='btn'");?>
+    </div>
   </form>
 </div>
 <script>
diff --git a/module/productplan/view/linkstory.html.php b/module/productplan/view/linkstory.html.php
index 4f45b03b61..27f63c055d 100644
--- a/module/productplan/view/linkstory.html.php
+++ b/module/productplan/view/linkstory.html.php
@@ -19,7 +19,14 @@
     <table class='table'>
       <thead>
         <tr>
-          <th class='c-id text-center'><?php echo $lang->idAB;?></th>
+          <th class='c-id'>
+            <?php if($allStories):?>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php endif;?>
+            <?php echo $lang->idAB;?>
+          </th>
           <th class='w-pri'><?php echo $lang->priAB;?></th>
           <th class='w-200px'><?php echo $lang->story->plan;?></th>
           <th class='w-150px'><?php echo $lang->story->module;?></th>
@@ -32,40 +39,36 @@
         </tr>
       </thead>
       <tbody>
-      <?php $unlinkedCount = 0;?>
-      <?php foreach($allStories as $story):?>
-      <?php if(isset($planStories[$story->id])) continue;?>
-      <tr>
-        <td class='c-id'>
-          <input class='ml-10px' type='checkbox' name='stories[]' value='<?php echo $story->id;?>'/> 
-          <?php printf('%03d', $story->id);?>
-        </td>
-        <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri)?></span></td>
-        <td><?php echo $story->planTitle;?></td>
-        <td title='<?php echo $modules[$story->module]?>'><?php echo $modules[$story->module];?></td>
-        <td class='nobr' title='<?php echo $story->title?>'><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id", '', true), $story->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
-        <td><?php echo zget($users, $story->openedBy);?></td>
-        <td><?php echo zget($users, $story->assignedTo);?></td>
-        <td><?php echo $story->estimate;?></td>
-        <td><span class='status-<?php echo $story->status?>'><span class='label label-dot'></span> <?php echo $lang->story->statusList[$story->status];?></span></td>
-        <td class='text-center'><?php echo $lang->story->stageList[$story->stage];?></td>
-      </tr>
-      <?php $unlinkedCount++;?>
-      <?php endforeach;?>
-      </tbody>
-      <?php if($unlinkedCount):?>
-      <tfoot>
+        <?php $unlinkedCount = 0;?>
+        <?php foreach($allStories as $story):?>
+        <?php if(isset($planStories[$story->id])) continue;?>
         <tr>
-          <td colspan='10' class='text-left'>
-            <div class='clearfix'>
-              <?php echo html::selectButton() . html::submitButton($lang->story->linkStory);?>
-              <?php echo html::a(inlink('view', "planID=$plan->id&type=story&orderBy=$orderBy"), $lang->goback, '', "class='btn'");?>
-            </div>
+          <td class='cell-id'>
+            <?php echo html::checkbox('stories', array($story->id => sprintf('%03d', $story->id)));?>
           </td>
+          <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri)?></span></td>
+          <td><?php echo $story->planTitle;?></td>
+          <td title='<?php echo $modules[$story->module]?>'><?php echo $modules[$story->module];?></td>
+          <td class='nobr' title='<?php echo $story->title?>'><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id", '', true), $story->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
+          <td><?php echo zget($users, $story->openedBy);?></td>
+          <td><?php echo zget($users, $story->assignedTo);?></td>
+          <td><?php echo $story->estimate;?></td>
+          <td><span class='status-<?php echo $story->status?>'><span class='label label-dot'></span> <?php echo $lang->story->statusList[$story->status];?></span></td>
+          <td class='text-center'><?php echo $lang->story->stageList[$story->stage];?></td>
         </tr>
-      </tfoot>
-      <?php endif;?>
+        <?php $unlinkedCount++;?>
+        <?php endforeach;?>
+      </tbody>
     </table>
+    <div class='table-footer'>
+      <?php if($unlinkedCount):?>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class="table-actions btn-toolbar">
+        <?php echo html::submitButton($lang->productplan->linkStory);?>
+      </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "planID=$plan->id&type=story&orderBy=$orderBy"), $lang->goback, '', "class='btn'");?>
+    </div>
   </form>
 </div>
 <script>
diff --git a/module/productplan/view/view.html.php b/module/productplan/view/view.html.php
index d52896e59d..469c7f452a 100644
--- a/module/productplan/view/view.html.php
+++ b/module/productplan/view/view.html.php
@@ -17,6 +17,9 @@
 <div id='mainMenu' class='clearfix'>
   <div class='btn-toolbar pull-left'>
     <div class='page-title'>
+      <?php $browseLink = $this->session->productPlanList ? $this->session->productPlanList : inlink('browse', "planID=$plan->id");?>
+      <?php common::printBack($browseLink, 'btn btn-link');?>
+      <div class='divider'></div>
       <span class='label label-id'><?php echo $plan->id;?></span>
       <?php echo $plan->title;?>
       <?php if($plan->deleted):?>
@@ -26,7 +29,6 @@
   </div>
   <div class='btn-toolbar pull-right'>
     <?php
-    $browseLink = $this->session->productPlanList ? $this->session->productPlanList : inlink('browse', "planID=$plan->id");
     if(!$plan->deleted)
     {
         echo "<div class='btn-group' id='createActionMenu'>";
@@ -47,389 +49,382 @@
         common::printIcon('productplan', 'edit',   "planID=$plan->id", $plan);
         common::printIcon('productplan', 'delete', "planID=$plan->id", $plan, 'button', '', 'hiddenwin');
     }
-    common::printBack($browseLink, 'btn btn-link');
     ?>
   </div>
 </div>
 <div id='mainContent' class='main-content'>
-  <div class='main-col'>
-    <div class='main'>
-      <div class='tabs'>
-        <?php $countStories = count($planStories); $countBugs = count($planBugs);?>
-        <ul class='nav nav-tabs'>
-          <li class='<?php if($type == 'story') echo 'active'?>'><a href='#stories' data-toggle='tab'><?php echo  html::icon($lang->icons['story']) . ' ' . $lang->productplan->linkedStories;?></a></li>
-          <?php if($config->global->flow != 'onlyStory'):?>
-          <li class='<?php if($type == 'bug') echo 'active'?>'><a href='#bugs' data-toggle='tab'><?php echo  html::icon($lang->icons['bug']) . ' ' . $lang->productplan->linkedBugs;?></a></li>
-          <?php endif;?>
-          <li><a href='#planInfo' data-toggle='tab'><?php echo  html::icon($lang->icons['plan']) . ' ' . $lang->productplan->view;?></a></li>
-        </ul>
-        <div class='tab-content'>
-          <div id='stories' class='tab-pane <?php if($type == 'story') echo 'active'?>'>
-            <?php if(common::hasPriv('productplan', 'linkStory')):?>
-            <?php $canOrder = common::hasPriv('project', 'storySort');?>
-            <div class='action'>
-            <?php echo html::a("javascript:showLink($plan->id, \"story\")", '<i class="icon-link"></i> ' . $lang->productplan->linkStory, '', "class='btn btn-sm btn-primary'");?>
-            </div>
-            <div class='linkBox'></div>
-            <?php endif;?>
-            <form class='main-table table-story' data-ride='table' method='post' target='hiddenwin' action="<?php echo inlink('batchUnlinkStory', "planID=$plan->id&orderBy=$orderBy");?>">
-              <table class='table has-sort-head' id='storyList'>
-                <?php $canBatchUnlink = common::hasPriv('productplan', 'batchUnlinkStory');?>
-                <?php $vars = "planID={$plan->id}&type=story&orderBy=%s&link=$link&param=$param"; ?>
-                <thead>
-                <tr>
-                  <th class='c-id'>
-                    <?php if($canBatchUnlink):?>
-                    <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
-                      <label></label>
-                    </div>
-                    <?php endif;?>
-                    <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
-                  </th>
-                  <?php if($canOrder):?>
-                  <th class='w-70px'><?php common::printOrderLink('order', $orderBy, $vars, $lang->productplan->updateOrder);?></th>
-                  <?php endif;?>
-                  <th class='w-pri'>  <?php common::printOrderLink('pri',        $orderBy, $vars, $lang->priAB);?></th>
-                  <th class='w-150px'><?php common::printOrderLink('module',     $orderBy, $vars, $lang->story->module);?></th>
-                  <th>                <?php common::printOrderLink('title',      $orderBy, $vars, $lang->story->title);?></th>
-                  <th class='w-user'> <?php common::printOrderLink('openedBy',   $orderBy, $vars, $lang->openedByAB);?></th>
-                  <th class='w-user'> <?php common::printOrderLink('assignedTo', $orderBy, $vars, $lang->assignedToAB);?></th>
-                  <th class='w-70px'> <?php common::printOrderLink('estimate',   $orderBy, $vars, $lang->story->estimateAB);?></th>
-                  <th class='w-70px'> <?php common::printOrderLink('status',     $orderBy, $vars, $lang->statusAB);?></th>
-                  <th class='w-80px'> <?php common::printOrderLink('stage',      $orderBy, $vars, $lang->story->stageAB);?></th>
-                  <th class='w-50px'> <?php echo $lang->actions?></th>
-                </tr>
-                </thead>
-                <tbody class='sortable'>
-                  <?php
-                  $totalEstimate = 0.0;
-                  $canBatchUnlink     = common::hasPriv('productPlan', 'batchUnlinkStory');
-                  $canBatchChangePlan = common::hasPriv('story', 'batchChangePlan');
-                  ?>
-                  <?php foreach($planStories as $story):?>
-                  <?php
-                  $viewLink = $this->createLink('story', 'view', "storyID=$story->id");
-                  $totalEstimate += $story->estimate;
-                  ?>
-                  <tr data-id='<?php echo $story->id;?>'>
-                    <td class='c-id'>
-                      <div class="checkbox-primary">
-                        <?php if($canBatchUnlink):?>
-                        <input type='checkbox' name='storyIDList[]' value='<?php echo $story->id;?>'/>
-                        <label></label>
-                        <?php endif;?>
-                        <?php echo sprintf('%03d', $story->id);?>
-                      </div>
-                    </td>
-                    <?php if($canOrder):?><td class='sort-handler'><i class='icon-move'></i></td><?php endif;?>
-                    <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
-                    <td class='nobr'><?php echo zget($modulePairs, $story->module, '');?></td>
-                    <td class='nobr' title='<?php echo $story->title?>'><?php echo html::a($viewLink , $story->title);?></td>
-                    <td><?php echo zget($users, $story->openedBy);?></td>
-                    <td><?php echo zget($users, $story->assignedTo);?></td>
-                    <td><?php echo $story->estimate;?></td>
-                    <td class='status-<?php echo $story->status?>'><span class='label label-dot'></span> <?php echo $lang->story->statusList[$story->status];?><span></td>
-                    <td><?php echo $lang->story->stageList[$story->stage];?></td>
-                    <td class='c-actions'>
-                      <?php
-                      if(common::hasPriv('productplan', 'unlinkStory'))
-                      {
-                          $unlinkURL = $this->createLink('productplan', 'unlinkStory', "story=$story->id&plan=$plan->id&confirm=yes");
-                          echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->productplan->unlinkStory}'");
-                      }
-                      ?>
-                    </td>
-                  </tr>
-                  <?php endforeach;?>
-                </tbody>
-              </table>
-              <?php if($countStories && $canBatchUnlink):?>
-              <div class='table-footer'>
-                <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
-                <div class='table-actions btn-toolbar'>
-                  <?php
-                  $disabled   = $canBatchUnlink ? '' : "disabled='disabled'";
-                  $actionLink = inlink('batchUnlinkStory', "planID=$plan->id&orderBy=$orderBy");
-                  ?>
-                  <div class='btn-group dropup'>
-                    <?php echo html::commonButton($lang->productplan->unlinkStory, ($canBatchUnlink ? '' : 'disabled') . "onclick=\"setFormAction('$actionLink', 'hiddenwin', this)\"");?>
-                    <button type='button' class='btn dropdown-toggle' data-toggle='dropdown'><span class='caret'></span></button>
-                    <ul class='dropdown-menu'>
-                      <?php
-                      $class = "class='disabled'";
-
-                      $canBatchClose = common::hasPriv('story', 'batchClose');
-                      $actionLink    = $this->createLink('story', 'batchClose', "productID=$plan->product");
-                      $misc = $canBatchClose ? "onclick=\"setFormAction('$actionLink', '', this)\"" : $class;
-                      echo "<li>" . html::a('#', $lang->close, '', $misc) . "</li>";
-
-                      $canBatchEdit = common::hasPriv('story', 'batchEdit');
-                      $actionLink   = $this->createLink('story', 'batchEdit', "productID=$plan->product&projectID=0&branch=$branch");
-                      $misc = $canBatchEdit ? "onclick=\"setFormAction('$actionLink', '', this)\"" : $class;
-                      echo "<li>" . html::a('#', $lang->edit, '', $misc) . "</li>";
-
-                      if(common::hasPriv('story', 'batchReview'))
-                      {
-                          echo "<li class='dropdown-submenu'>";
-                          echo html::a('javascript:;', $lang->story->review, '', "id='reviewItem'");
-                          echo "<ul class='dropdown-menu'>";
-                          unset($lang->story->reviewResultList['']);
-                          unset($lang->story->reviewResultList['revert']);
-                          foreach($lang->story->reviewResultList as $key => $result)
-                          {
-                              $actionLink = $this->createLink('story', 'batchReview', "result=$key");
-                              if($key == 'reject')
-                              {
-                                  echo "<li class='dropdown-submenu'>";
-                                  echo html::a('#', $result, '', "id='rejectItem'");
-                                  echo "<ul class='dropdown-menu'>";
-                                  unset($lang->story->reasonList['']);
-                                  unset($lang->story->reasonList['subdivided']);
-                                  unset($lang->story->reasonList['duplicate']);
-
-                                  foreach($lang->story->reasonList as $key => $reason)
-                                  {
-                                      $actionLink = $this->createLink('story', 'batchReview', "result=reject&reason=$key");
-                                      echo "<li>";
-                                      echo html::a('#', $reason, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"");
-                                      echo "</li>";
-                                  }
-                                  echo '</ul></li>';
-                              }
-                              else
-                              {
-                                echo '<li>' . html::a('#', $result, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . '</li>';
-                              }
-                          }
-                          echo '</ul></li>';
-                      }
-                      else
-                      {
-                          echo '<li>' . html::a('javascript:;', $lang->story->review,  '', $class) . '</li>';
-                      }
-
-                      if(common::hasPriv('story', 'batchChangeBranch') and $this->session->currentProductType != 'normal')
-                      {
-                          $withSearch = count($branches) > 8;
-                          echo "<li class='dropdown-submenu'>";
-                          echo html::a('javascript:;', $lang->product->branchName[$this->session->currentProductType], '', "id='branchItem'");
-                          echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
-                          echo '<ul class="dropdown-list">';
-                          foreach($branches as $branchID => $branchName)
-                          {
-                              $actionLink = $this->createLink('story', 'batchChangeBranch', "branchID=$branchID");
-                              echo "<li class='option' data-key='$branchID'>" . html::a('#', $branchName, '', "onclick=\"setFormAction('$actionLink', 'hiddenwin', this)\"") . "</li>";
-                          }
-                          echo '</ul>';
-                          if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
-                          echo '</div></li>';
-                      }
-
-                      if(common::hasPriv('story', 'batchChangeModule'))
-                      {
-                          $withSearch = count($modules) > 8;
-                          echo "<li class='dropdown-submenu'>";
-                          echo html::a('javascript:;', $lang->story->moduleAB, '', "id='moduleItem'");
-                          echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
-                          echo '<ul class="dropdown-list">';
-                          foreach($modules as $moduleId => $module)
-                          {
-                              $actionLink = $this->createLink('story', 'batchChangeModule', "moduleID=$moduleId");
-                              echo "<li class='option' data-key='$moduleId'>" . html::a('#', $module, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
-                          }
-                          echo '</ul>';
-                          if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
-                          echo '</div></li>';
-                      }
-                      else
-                      {
-                          echo '<li>' . html::a('javascript:;', $lang->story->moduleAB, '', $class) . '</li>';
-                      }
-
-                      if(common::hasPriv('story', 'batchChangePlan'))
-                      {
-                          unset($plans['']);
-                          unset($plans[$plan->id]);
-                          $plans      = array(0 => $lang->null) + $plans;
-                          $withSearch = count($plans) > 8;
-                          echo "<li class='dropdown-submenu'>";
-                          echo html::a('javascript:;', $lang->story->planAB, '', "id='planItem'");
-                          echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
-                          echo '<ul class="dropdown-list">';
-                          foreach($plans as $planID => $planName)
-                          {
-                              $actionLink = $this->createLink('story', 'batchChangePlan', "planID=$planID&oldPlanID=$plan->id");
-                              echo "<li class='option' data-key='$planID'>" . html::a('#', $planName, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
-                          }
-                          echo '</ul>';
-                          if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
-                          echo '</div></li>';
-                      }
-                      else
-                      {
-                          echo '<li>' . html::a('javascript:;', $lang->story->planAB, '', $class) . '</li>';
-                      }
-
-                      if(common::hasPriv('story', 'batchChangeStage'))
-                      {
-                          echo "<li class='dropdown-submenu'>";
-                          echo html::a('javascript:;', $lang->story->stageAB, '', "id='stageItem'");
-                          echo "<ul class='dropdown-menu'>";
-                          $lang->story->stageList[''] = $lang->null;
-                          foreach($lang->story->stageList as $key => $stage)
-                          {
-                              $actionLink = $this->createLink('story', 'batchChangeStage', "stage=$key");
-                              echo "<li>" . html::a('#', $stage, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
-                          }
-                          echo '</ul></li>';
-                      }
-                      else
-                      {
-                          echo '<li>' . html::a('javascript:;', $lang->story->stageAB, '', $class) . '</li>';
-                      }
-
-                      if(common::hasPriv('story', 'batchAssignTo'))
-                      {
-                            $withSearch = count($users) > 10;
-                            $actionLink = $this->createLink('story', 'batchAssignTo', "productID=$plan->product");
-                            echo html::select('assignedTo', $users, '', 'class="hidden"');
-                            echo "<li class='dropdown-submenu'>";
-                            echo html::a('javascript::', $lang->story->assignedTo, '', 'id="assignItem"');
-                            echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
-                            echo '<ul class="dropdown-list">';
-                            foreach ($users as $key => $value)
-                            {
-                                if(empty($key) or $key == 'closed') continue;
-                                echo "<li class='option' data-key='$key'>" . html::a("javascript:$(\".table-actions #assignedTo\").val(\"$key\");setFormAction(\"$actionLink\", false, \"#storyList\")", $value, '', '') . '</li>';
-                            }
-                            echo "</ul>";
-                            if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
-                            echo "</div></li>";
-                      }
-                      else
-                      {
-                          echo '<li>' . html::a('javascript:;', $lang->story->assignedTo, '', $class) . '</li>';
-                      }
-                      ?>
-                    </ul>
-                  </div>
-                </div>
-                <div class='text'><?php echo $summary;?></div>
-              </div>
-              <?php endif;?>
-            </form>
-          </div>
-          <div id='bugs' class='tab-pane <?php if($type == 'bug') echo 'active';?>'>
-            <?php if(common::hasPriv('productplan', 'linkBug')):?>
-            <div class='action'>
-            <?php echo html::a("javascript:showLink($plan->id, \"bug\")", '<i class="icon-bug"></i> ' . $lang->productplan->linkBug, '', "class='btn btn-sm btn-primary'");?>
-            </div>
-            <div class='linkBox'></div>
-            <?php endif;?>
-            <form class='main-table table-bug' data-ride='table' method='post' target='hiddenwin' action="<?php echo inLink('batchUnlinkBug', "planID=$plan->id&orderBy=$orderBy");?>">
-              <table class='table has-sort-head' id='bugList'>
-                <?php $canBatchUnlink = common::hasPriv('productplan', 'batchUnlinkBug');?>
-                <?php $vars = "planID={$plan->id}&type=bug&orderBy=%s&link=$link&param=$param"; ?>
-                <thead>
-                <tr>
-                  <th class='c-id'>
-                    <?php if($canBatchUnlink):?>
-                    <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
-                      <label></label>
-                    </div>
-                    <?php endif;?>
-                    <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
-                  </th>
-                  <th class='w-80px'> <?php common::printOrderLink('pri',        $orderBy, $vars, $lang->priAB);?></th>
-                  <th>                <?php common::printOrderLink('title',      $orderBy, $vars, $lang->bug->title);?></th>
-                  <th class='w-user'> <?php common::printOrderLink('openedBy',   $orderBy, $vars, $lang->openedByAB);?></th>
-                  <th class='w-user'> <?php common::printOrderLink('assignedTo', $orderBy, $vars, $lang->bug->assignedToAB);?></th>
-                  <th class='w-100px'><?php common::printOrderLink('status',     $orderBy, $vars, $lang->bug->status);?></th>
-                  <th class='w-50px'> <?php echo $lang->actions?></th>
-                </tr>
-                </thead>
-                <tbody>
-                  <?php foreach($planBugs as $bug):?>
-                  <tr>
-                    <td class='c-id'>
-                      <div class="checkbox-primary">
-                        <?php if($canBatchUnlink):?>
-                        <input type='checkbox' name='unlinkBugs[]' value='<?php echo $bug->id;?>'/> 
-                        <label></label>
-                        <?php endif;?>
-                        <?php echo sprintf('%03d', $bug->id);?>
-                      </div>
-                    </td>
-                    <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri)?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri);?></span></td>
-                    <td class='nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title);?></td>
-                    <td><?php echo zget($users, $bug->openedBy);?></td>
-                    <td><?php echo zget($users, $bug->assignedTo);?></td>
-                    <td class='status-<?php echo $bug->status?>'><span class='label label-dot'></span> <?php echo $lang->bug->statusList[$bug->status];?></td>
-                    <td class='c-actions'>
-                      <?php
-                      if(common::hasPriv('productplan', 'unlinkBug'))
-                      {
-                          $unlinkURL = $this->createLink('productplan', 'unlinkBug', "story=$bug->id&confirm=yes");
-                          echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->productplan->unlinkBug}'");
-                      }
-                      ?>
-                    </td>
-                  </tr>
-                  <?php endforeach;?>
-                </tbody>
-              </table>
-              <?php if($countBugs && $canBatchUnlink):?>
-              <div class='table-footer'>
-                <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
-                <div class="table-actions btn-toolbar">
-                  <?php echo html::submitButton($lang->productplan->batchUnlink);?>
-                </div>
-                <div class='text'><?php echo sprintf($lang->productplan->bugSummary, count($planBugs));?></div>
-              </div>
-              <?php endif;?>
-            </form>
-          </div>
-          <div id='planInfo' class='tab-pane'>
-            <div class="main-row">
-              <div class="main-col col-8">
-                <div class='cell'>
-                  <div class='detail'>
-                    <div class='detail-title'><?php echo $lang->productplan->info?></div>
-                    <div class='detail-content'>
-                      <table class='table table-data table-condensed table-borderless'>
-                        <tr>
-                          <th class='w-80px strong'><?php echo $lang->productplan->title;?></th>
-                          <td><?php echo $plan->title;?></td>
-                        </tr>
-                        <?php if($product->type != 'normal'):?>
-                        <tr>
-                          <th><?php echo $lang->product->branch;?></th>
-                          <td><?php echo $branches[$plan->branch];?></td>
-                        </tr>
-                        <?php endif;?>
-                        <tr>
-                          <th><?php echo $lang->productplan->begin;?></th>
-                          <td><?php echo $plan->begin;?></td>
-                        </tr>
-                        <tr>
-                          <th><?php echo $lang->productplan->end;?></th>
-                          <td><?php echo $plan->end == '2030-01-01' ? $lang->productplan->future : $plan->end;?></td>
-                        </tr>
-                        <tr>
-                          <th><?php echo $lang->productplan->desc;?></th>
-                          <td><?php echo $plan->desc;?></td>
-                        </tr>
-                      </table>
-                    </div>
-                  </div>
-                </div>
-                <div class="detail">
-                  <?php include '../../common/view/action.html.php';?>
-                </div>
-              </div>
-            </div>
-          </div>
+  <div class='tabs'>
+    <ul class='nav nav-tabs'>
+      <li class='<?php if($type == 'story') echo 'active'?>'><a href='#stories' data-toggle='tab'><?php echo  html::icon($lang->icons['story']) . ' ' . $lang->productplan->linkedStories;?></a></li>
+      <?php if($config->global->flow != 'onlyStory'):?>
+      <li class='<?php if($type == 'bug') echo 'active'?>'><a href='#bugs' data-toggle='tab'><?php echo  html::icon($lang->icons['bug']) . ' ' . $lang->productplan->linkedBugs;?></a></li>
+      <?php endif;?>
+      <li><a href='#planInfo' data-toggle='tab'><?php echo  html::icon($lang->icons['plan']) . ' ' . $lang->productplan->view;?></a></li>
+    </ul>
+    <div class='tab-content'>
+      <div id='stories' class='tab-pane <?php if($type == 'story') echo 'active'?>'>
+        <?php if(common::hasPriv('productplan', 'linkStory')):?>
+        <?php $canOrder = common::hasPriv('project', 'storySort');?>
+        <div class='action'>
+        <?php echo html::a("javascript:showLink($plan->id, \"story\")", '<i class="icon-link"></i> ' . $lang->productplan->linkStory, '', "class='btn btn-sm btn-primary'");?>
         </div>
+        <div class='linkBox'></div>
+        <?php endif;?>
+        <form class='main-table table-story' data-ride='table' method='post' target='hiddenwin' action="<?php echo inlink('batchUnlinkStory', "planID=$plan->id&orderBy=$orderBy");?>">
+          <table class='table has-sort-head' id='storyList'>
+            <?php
+              $canBatchUnlink       = common::hasPriv('productPlan', 'batchUnlinkStory');
+              $canBatchClose        = common::hasPriv('story', 'batchClose');
+              $canBatchEdit         = common::hasPriv('story', 'batchEdit');
+              $canBatchReview       = common::hasPriv('story', 'batchReview');
+              $canBatchChangeBranch = common::hasPriv('story', 'batchChangeBranch');
+              $canBatchChangeModule = common::hasPriv('story', 'batchChangeModule');
+              $canBatchChangePlan   = common::hasPriv('story', 'batchChangePlan');
+              $canBatchChangeStage  = common::hasPriv('story', 'batchChangeStage');
+              $canBatchAssignTo     = common::hasPriv('story', 'batchAssignTo');
+
+              $canBatchAction = $canBatchUnlink or $canBatchClose or $canBatchEdit or $canBatchReview or $canBatchChangeBranch or $canBatchChangeModule or $canBatchChangePlan or $canBatchChangeStage or $canBatchAssignTo;
+              $vars = "planID={$plan->id}&type=story&orderBy=%s&link=$link&param=$param";
+            ?>
+            <thead>
+              <tr>
+                <th class='c-id'>
+                  <?php if($planStories && $canBatchAction):?>
+                  <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+                    <label></label>
+                  </div>
+                  <?php endif;?>
+                  <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
+                </th>
+                <?php if($canOrder):?>
+                <th class='w-70px'><?php common::printOrderLink('order', $orderBy, $vars, $lang->productplan->updateOrder);?></th>
+                <?php endif;?>
+                <th class='w-70px'> <?php common::printOrderLink('pri',        $orderBy, $vars, $lang->priAB);?></th>
+                <th class='w-150px'><?php common::printOrderLink('module',     $orderBy, $vars, $lang->story->module);?></th>
+                <th>                <?php common::printOrderLink('title',      $orderBy, $vars, $lang->story->title);?></th>
+                <th class='w-user'> <?php common::printOrderLink('openedBy',   $orderBy, $vars, $lang->openedByAB);?></th>
+                <th class='w-user'> <?php common::printOrderLink('assignedTo', $orderBy, $vars, $lang->assignedToAB);?></th>
+                <th class='w-70px'> <?php common::printOrderLink('estimate',   $orderBy, $vars, $lang->story->estimateAB);?></th>
+                <th class='w-70px'> <?php common::printOrderLink('status',     $orderBy, $vars, $lang->statusAB);?></th>
+                <th class='w-80px'> <?php common::printOrderLink('stage',      $orderBy, $vars, $lang->story->stageAB);?></th>
+                <th class='w-50px'> <?php echo $lang->actions?></th>
+              </tr>
+            </thead>
+            <tbody>
+              <?php
+              $totalEstimate = 0.0;
+              ?>
+              <?php foreach($planStories as $story):?>
+              <?php
+              $viewLink = $this->createLink('story', 'view', "storyID=$story->id");
+              $totalEstimate += $story->estimate;
+              ?>
+              <tr data-id='<?php echo $story->id;?>'>
+                <td class='cell-id'>
+                  <?php if($canBatchAction):?>
+                  <?php echo html::checkbox('storyIDList', array($story->id => sprintf('%03d', $story->id)));?>
+                  <?php else:?>
+                  <?php printf('%03d', $story->id);?>
+                  <?php endif;?>
+                </td>
+                <?php if($canOrder):?><td class='sort-handler'><i class='icon-move'></i></td><?php endif;?>
+                <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
+                <td class='nobr'><?php echo zget($modulePairs, $story->module, '');?></td>
+                <td class='nobr' title='<?php echo $story->title?>'><?php echo html::a($viewLink , $story->title);?></td>
+                <td><?php echo zget($users, $story->openedBy);?></td>
+                <td><?php echo zget($users, $story->assignedTo);?></td>
+                <td><?php echo $story->estimate;?></td>
+                <td class='status-<?php echo $story->status?>'><span class='label label-dot'></span> <?php echo $lang->story->statusList[$story->status];?><span></td>
+                <td><?php echo $lang->story->stageList[$story->stage];?></td>
+                <td class='c-actions'>
+                  <?php
+                  if(common::hasPriv('productplan', 'unlinkStory'))
+                  {
+                      $unlinkURL = $this->createLink('productplan', 'unlinkStory', "story=$story->id&plan=$plan->id&confirm=yes");
+                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->productplan->unlinkStory}'");
+                  }
+                  ?>
+                </td>
+              </tr>
+              <?php endforeach;?>
+            </tbody>
+          </table>
+          <?php if($planStories):?>
+          <div class='table-footer'>
+            <?php if($canBatchAction):?>
+            <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+            <div class='table-actions btn-toolbar'>
+              <?php $actionLink = inlink('batchUnlinkStory', "planID=$plan->id&orderBy=$orderBy");?>
+              <div class='btn-group dropup'>
+                <?php echo html::commonButton($lang->productplan->unlinkStory, ($canBatchUnlink ? '' : 'disabled') . "onclick=\"setFormAction('$actionLink', 'hiddenwin', this)\"");?>
+                <button type='button' class='btn dropdown-toggle' data-toggle='dropdown'><span class='caret'></span></button>
+                <ul class='dropdown-menu'>
+                  <?php
+                  $class = "class='disabled'";
+
+                  $actionLink = $this->createLink('story', 'batchClose', "productID=$plan->product");
+                  $misc = $canBatchClose ? "onclick=\"setFormAction('$actionLink', '', this)\"" : $class;
+                  echo "<li>" . html::a('#', $lang->close, '', $misc) . "</li>";
+
+                  $actionLink = $this->createLink('story', 'batchEdit', "productID=$plan->product&projectID=0&branch=$branch");
+                  $misc = $canBatchEdit ? "onclick=\"setFormAction('$actionLink', '', this)\"" : $class;
+                  echo "<li>" . html::a('#', $lang->edit, '', $misc) . "</li>";
+
+                  if($canBatchReview)
+                  {
+                      echo "<li class='dropdown-submenu'>";
+                      echo html::a('javascript:;', $lang->story->review, '', "id='reviewItem'");
+                      echo "<ul class='dropdown-menu'>";
+                      unset($lang->story->reviewResultList['']);
+                      unset($lang->story->reviewResultList['revert']);
+                      foreach($lang->story->reviewResultList as $key => $result)
+                      {
+                          $actionLink = $this->createLink('story', 'batchReview', "result=$key");
+                          if($key == 'reject')
+                          {
+                              echo "<li class='dropdown-submenu'>";
+                              echo html::a('#', $result, '', "id='rejectItem'");
+                              echo "<ul class='dropdown-menu'>";
+                              unset($lang->story->reasonList['']);
+                              unset($lang->story->reasonList['subdivided']);
+                              unset($lang->story->reasonList['duplicate']);
+
+                              foreach($lang->story->reasonList as $key => $reason)
+                              {
+                                  $actionLink = $this->createLink('story', 'batchReview', "result=reject&reason=$key");
+                                  echo "<li>";
+                                  echo html::a('#', $reason, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"");
+                                  echo "</li>";
+                              }
+                              echo '</ul></li>';
+                          }
+                          else
+                          {
+                            echo '<li>' . html::a('#', $result, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . '</li>';
+                          }
+                      }
+                      echo '</ul></li>';
+                  }
+                  else
+                  {
+                      echo '<li>' . html::a('javascript:;', $lang->story->review,  '', $class) . '</li>';
+                  }
+
+                  if($canBatchChangeBranch and $this->session->currentProductType != 'normal')
+                  {
+                      $withSearch = count($branches) > 8;
+                      echo "<li class='dropdown-submenu'>";
+                      echo html::a('javascript:;', $lang->product->branchName[$this->session->currentProductType], '', "id='branchItem'");
+                      echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
+                      echo '<ul class="dropdown-list">';
+                      foreach($branches as $branchID => $branchName)
+                      {
+                          $actionLink = $this->createLink('story', 'batchChangeBranch', "branchID=$branchID");
+                          echo "<li class='option' data-key='$branchID'>" . html::a('#', $branchName, '', "onclick=\"setFormAction('$actionLink', 'hiddenwin', this)\"") . "</li>";
+                      }
+                      echo '</ul>';
+                      if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
+                      echo '</div></li>';
+                  }
+
+                  if($canBatchChangeModule)
+                  {
+                      $withSearch = count($modules) > 8;
+                      echo "<li class='dropdown-submenu'>";
+                      echo html::a('javascript:;', $lang->story->moduleAB, '', "id='moduleItem'");
+                      echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
+                      echo '<ul class="dropdown-list">';
+                      foreach($modules as $moduleId => $module)
+                      {
+                          $actionLink = $this->createLink('story', 'batchChangeModule', "moduleID=$moduleId");
+                          echo "<li class='option' data-key='$moduleId'>" . html::a('#', $module, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
+                      }
+                      echo '</ul>';
+                      if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
+                      echo '</div></li>';
+                  }
+                  else
+                  {
+                      echo '<li>' . html::a('javascript:;', $lang->story->moduleAB, '', $class) . '</li>';
+                  }
+
+                  if($canBatchChangePlan)
+                  {
+                      unset($plans['']);
+                      unset($plans[$plan->id]);
+                      $plans      = array(0 => $lang->null) + $plans;
+                      $withSearch = count($plans) > 8;
+                      echo "<li class='dropdown-submenu'>";
+                      echo html::a('javascript:;', $lang->story->planAB, '', "id='planItem'");
+                      echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
+                      echo '<ul class="dropdown-list">';
+                      foreach($plans as $planID => $planName)
+                      {
+                          $actionLink = $this->createLink('story', 'batchChangePlan', "planID=$planID&oldPlanID=$plan->id");
+                          echo "<li class='option' data-key='$planID'>" . html::a('#', $planName, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
+                      }
+                      echo '</ul>';
+                      if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
+                      echo '</div></li>';
+                  }
+                  else
+                  {
+                      echo '<li>' . html::a('javascript:;', $lang->story->planAB, '', $class) . '</li>';
+                  }
+
+                  if($canBatchChangeStage)
+                  {
+                      echo "<li class='dropdown-submenu'>";
+                      echo html::a('javascript:;', $lang->story->stageAB, '', "id='stageItem'");
+                      echo "<ul class='dropdown-menu'>";
+                      $lang->story->stageList[''] = $lang->null;
+                      foreach($lang->story->stageList as $key => $stage)
+                      {
+                          $actionLink = $this->createLink('story', 'batchChangeStage', "stage=$key");
+                          echo "<li>" . html::a('#', $stage, '', "onclick=\"setFormAction('$actionLink','hiddenwin', this)\"") . "</li>";
+                      }
+                      echo '</ul></li>';
+                  }
+                  else
+                  {
+                      echo '<li>' . html::a('javascript:;', $lang->story->stageAB, '', $class) . '</li>';
+                  }
+
+                  if($canBatchAssignTo)
+                  {
+                        $withSearch = count($users) > 10;
+                        $actionLink = $this->createLink('story', 'batchAssignTo', "productID=$plan->product");
+                        echo html::select('assignedTo', $users, '', 'class="hidden"');
+                        echo "<li class='dropdown-submenu'>";
+                        echo html::a('javascript::', $lang->story->assignedTo, '', 'id="assignItem"');
+                        echo "<div class='dropdown-menu" . ($withSearch ? ' with-search':'') . "'>";
+                        echo '<ul class="dropdown-list">';
+                        foreach ($users as $key => $value)
+                        {
+                            if(empty($key) or $key == 'closed') continue;
+                            echo "<li class='option' data-key='$key'>" . html::a("javascript:$(\".table-actions #assignedTo\").val(\"$key\");setFormAction(\"$actionLink\", false, \"#storyList\")", $value, '', '') . '</li>';
+                        }
+                        echo "</ul>";
+                        if($withSearch) echo "<div class='menu-search'><div class='input-group input-group-sm'><input type='text' class='form-control' placeholder=''><span class='input-group-addon'><i class='icon-search'></i></span></div></div>";
+                        echo "</div></li>";
+                  }
+                  else
+                  {
+                      echo '<li>' . html::a('javascript:;', $lang->story->assignedTo, '', $class) . '</li>';
+                  }
+                  ?>
+                </ul>
+              </div>
+            </div>
+            <?php endif;?>
+            <div class='text'><?php echo $summary;?></div>
+          </div>
+          <?php endif;?>
+        </form>
+      </div>
+      <div id='bugs' class='tab-pane <?php if($type == 'bug') echo 'active';?>'>
+        <?php if(common::hasPriv('productplan', 'linkBug')):?>
+        <div class='action'>
+        <?php echo html::a("javascript:showLink($plan->id, \"bug\")", '<i class="icon-bug"></i> ' . $lang->productplan->linkBug, '', "class='btn btn-sm btn-primary'");?>
+        </div>
+        <div class='linkBox'></div>
+        <?php endif;?>
+        <form class='main-table table-bug' data-ride='table' method='post' target='hiddenwin' action="<?php echo inLink('batchUnlinkBug', "planID=$plan->id&orderBy=$orderBy");?>">
+          <table class='table has-sort-head' id='bugList'>
+            <?php $canBatchUnlink = common::hasPriv('productplan', 'batchUnlinkBug');?>
+            <?php $vars = "planID={$plan->id}&type=bug&orderBy=%s&link=$link&param=$param"; ?>
+            <thead>
+              <tr>
+                <th class='c-id'>
+                  <?php if($planBugs && $canBatchUnlink):?>
+                  <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+                    <label></label>
+                  </div>
+                  <?php endif;?>
+                  <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
+                </th>
+                <th class='w-70px'> <?php common::printOrderLink('pri',        $orderBy, $vars, $lang->priAB);?></th>
+                <th>                <?php common::printOrderLink('title',      $orderBy, $vars, $lang->bug->title);?></th>
+                <th class='w-user'> <?php common::printOrderLink('openedBy',   $orderBy, $vars, $lang->openedByAB);?></th>
+                <th class='w-user'> <?php common::printOrderLink('assignedTo', $orderBy, $vars, $lang->bug->assignedToAB);?></th>
+                <th class='w-100px'><?php common::printOrderLink('status',     $orderBy, $vars, $lang->bug->status);?></th>
+                <th class='w-50px'> <?php echo $lang->actions?></th>
+              </tr>
+            </thead>
+            <tbody>
+              <?php foreach($planBugs as $bug):?>
+              <tr>
+                <td class='c-id'>
+                  <?php if($canBatchUnlink):?>
+                  <?php echo html::checkbox('unlinkBugs', array($bug->id => sprintf('%03d', $bug->id)));?>
+                  <?php else:?>
+                  <?php printf('%03d', $bug->id);?>
+                  <?php endif;?>
+                </td>
+                <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri)?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri);?></span></td>
+                <td class='nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title);?></td>
+                <td><?php echo zget($users, $bug->openedBy);?></td>
+                <td><?php echo zget($users, $bug->assignedTo);?></td>
+                <td class='status-<?php echo $bug->status?>'><span class='label label-dot'></span> <?php echo $lang->bug->statusList[$bug->status];?></td>
+                <td class='c-actions'>
+                  <?php
+                  if(common::hasPriv('productplan', 'unlinkBug'))
+                  {
+                      $unlinkURL = $this->createLink('productplan', 'unlinkBug', "story=$bug->id&confirm=yes");
+                      echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->productplan->unlinkBug}'");
+                  }
+                  ?>
+                </td>
+              </tr>
+              <?php endforeach;?>
+            </tbody>
+          </table>
+          <?php if($planBugs):?>
+          <div class='table-footer'>
+            <?php if($canBatchUnlink):?>
+            <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+            <div class="table-actions btn-toolbar">
+              <?php echo html::submitButton($lang->productplan->batchUnlink);?>
+            </div>
+            <?php endif;?>
+            <div class='text'><?php echo sprintf($lang->productplan->bugSummary, count($planBugs));?></div>
+          </div>
+          <?php endif;?>
+        </form>
+      </div>
+      <div id='planInfo' class='tab-pane'>
+         <div class='cell'>
+           <div class='detail'>
+             <div class='detail-title'><?php echo $lang->productplan->basicInfo;?></div>
+             <div class='detail-content'>
+               <table class='table table-data table-condensed table-borderless'>
+                 <tr>
+                   <th class='w-80px strong'><?php echo $lang->productplan->title;?></th>
+                   <td><?php echo $plan->title;?></td>
+                 </tr>
+                 <?php if($product->type != 'normal'):?>
+                 <tr>
+                   <th><?php echo $lang->product->branch;?></th>
+                   <td><?php echo $branches[$plan->branch];?></td>
+                 </tr>
+                 <?php endif;?>
+                 <tr>
+                   <th><?php echo $lang->productplan->begin;?></th>
+                   <td><?php echo $plan->begin;?></td>
+                 </tr>
+                 <tr>
+                   <th><?php echo $lang->productplan->end;?></th>
+                   <td><?php echo $plan->end == '2030-01-01' ? $lang->productplan->future : $plan->end;?></td>
+                 </tr>
+                 <tr>
+                   <th><?php echo $lang->productplan->desc;?></th>
+                   <td><?php echo $plan->desc;?></td>
+                 </tr>
+               </table>
+             </div>
+           </div>
+           <?php include '../../common/view/action.html.php';?>
+         </div>
       </div>
     </div>
   </div>
diff --git a/module/project/view/build.html.php b/module/project/view/build.html.php
index 1a575eca43..50d4d18e67 100644
--- a/module/project/view/build.html.php
+++ b/module/project/view/build.html.php
@@ -14,7 +14,10 @@
 <?php js::set('confirmDelete', $lang->build->confirmDelete)?>
 <div id="mainMenu" class="clearfix">
   <div class="btn-toolbar pull-left">
-    <span class='btn btn-link btn-active-text'> <span class='text'><?php echo $lang->project->build;?></span></span>
+    <span class='btn btn-link btn-active-text'>
+      <span class='text'><?php echo $lang->project->build;?></span>
+      <span class='label label-light label-badge'><?php echo count($builds);?></span>
+    </span>
   </div>
   <div class="btn-toolbar pull-right">
     <?php common::printLink('build', 'create', "project=$project->id", "<i class='icon icon-plus'> </i>" . $lang->build->create, '', "class='btn btn-primary'");?>
diff --git a/module/release/view/view.html.php b/module/release/view/view.html.php
index 84c36457d6..e93b4c07bc 100644
--- a/module/release/view/view.html.php
+++ b/module/release/view/view.html.php
@@ -93,35 +93,37 @@
                     <th class='w-50px'>   <?php echo $lang->actions?></th>
                   </tr>
                 </thead>
-                <?php foreach($stories as $storyID => $story):?>
-                <?php $storyLink = $this->createLink('story', 'view', "storyID=$story->id", '', true);?>
-                <tr>
-                  <td class='c-id'>
-                    <div class="checkbox-primary">
-                      <?php if($canBatchUnlink):?>
-                      <input type='checkbox' name='unlinkStories[]'  value='<?php echo $story->id;?>'/> 
-                      <label></label>
-                      <?php endif;?>
-                      <?php echo sprintf('%03d', $story->id);?>
-                    </div>
-                  </td>
-                  <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
-                  <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($storyLink,$story->title, '', "class='preview'");?></td>
-                  <td><?php echo $users[$story->openedBy];?></td>
-                  <td><?php echo $story->estimate;?></td>
-                  <td><span class='status-<?php echo $story->status;?>'><span class="label label-dot"></span> <?php echo $lang->story->statusList[$story->status];?></span></td>
-                  <td><?php echo $lang->story->stageList[$story->stage];?></td>
-                  <td class='c-actions'>
-                    <?php
-                    if(common::hasPriv('release', 'unlinkStory'))
-                    {
-                        $unlinkURL = $this->createLink('release', 'unlinkStory', "releaseID=$release->id&story=$story->id");
-                        echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkStory}'");
-                    }
-                    ?>
-                  </td>
-                </tr>
-                <?php endforeach;?>
+                <tbody>
+                  <?php foreach($stories as $storyID => $story):?>
+                  <?php $storyLink = $this->createLink('story', 'view', "storyID=$story->id", '', true);?>
+                  <tr>
+                    <td class='c-id'>
+                      <div class="checkbox-primary">
+                        <?php if($canBatchUnlink):?>
+                        <input type='checkbox' name='unlinkStories[]'  value='<?php echo $story->id;?>'/> 
+                        <label></label>
+                        <?php endif;?>
+                        <?php echo sprintf('%03d', $story->id);?>
+                      </div>
+                    </td>
+                    <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri, $story->pri);?></span></td>
+                    <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($storyLink,$story->title, '', "class='preview'");?></td>
+                    <td><?php echo $users[$story->openedBy];?></td>
+                    <td><?php echo $story->estimate;?></td>
+                    <td><span class='status-<?php echo $story->status;?>'><span class="label label-dot"></span> <?php echo $lang->story->statusList[$story->status];?></span></td>
+                    <td><?php echo $lang->story->stageList[$story->stage];?></td>
+                    <td class='c-actions'>
+                      <?php
+                      if(common::hasPriv('release', 'unlinkStory'))
+                      {
+                          $unlinkURL = $this->createLink('release', 'unlinkStory', "releaseID=$release->id&story=$story->id");
+                          echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"storyList\",confirmUnlinkStory)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkStory}'");
+                      }
+                      ?>
+                    </td>
+                  </tr>
+                  <?php endforeach;?>
+                </tbody>
               </table>
               <?php if($countStories and $canBatchUnlink):?>
               <div class='table-footer'>
@@ -162,35 +164,37 @@
                     <th class='w-50px'>   <?php echo $lang->actions;?></th>
                   </tr>
                 </thead>
-                <?php foreach($bugs as $bug):?>
-                <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
-                <tr>
-                  <td class='c-id'>
-                    <div class="checkbox-primary">
-                      <?php if($canBatchUnlink):?>
-                      <input type='checkbox' name='unlinkBugs[]'  value='<?php echo $bug->id;?>'/> 
-                      <label></label>
-                      <?php endif;?>
-                      <?php echo sprintf('%03d', $bug->id);?>
-                    </div>
-                  </td>
-                  <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
-                  <td><span class='status-<?php echo $bug->status?>'><span class="label label-dot"></span> <?php echo zget($lang->bug->statusList, $bug->status);?></td>
-                  <td><?php echo $users[$bug->openedBy];?></td>
-                  <td><?php echo substr($bug->openedDate, 5, 11)?></td>
-                  <td><?php echo $users[$bug->resolvedBy];?></td>
-                  <td><?php echo substr($bug->resolvedDate, 5, 11)?></td>
-                  <td class='c-actions'>
-                    <?php
-                    if(common::hasPriv('release', 'unlinkBug'))
-                    {
-                        $unlinkURL = $this->createLink('release', 'unlinkBug', "releaseID=$release->id&bug=$bug->id");
-                        echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkBug}'");
-                    }
-                    ?>
-                  </td>
-                </tr>
-                <?php endforeach;?>
+                <tbody>
+                  <?php foreach($bugs as $bug):?>
+                  <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
+                  <tr>
+                    <td class='c-id'>
+                      <div class="checkbox-primary">
+                        <?php if($canBatchUnlink):?>
+                        <input type='checkbox' name='unlinkBugs[]'  value='<?php echo $bug->id;?>'/> 
+                        <label></label>
+                        <?php endif;?>
+                        <?php echo sprintf('%03d', $bug->id);?>
+                      </div>
+                    </td>
+                    <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
+                    <td><span class='status-<?php echo $bug->status?>'><span class="label label-dot"></span> <?php echo zget($lang->bug->statusList, $bug->status);?></td>
+                    <td><?php echo $users[$bug->openedBy];?></td>
+                    <td><?php echo substr($bug->openedDate, 5, 11)?></td>
+                    <td><?php echo $users[$bug->resolvedBy];?></td>
+                    <td><?php echo substr($bug->resolvedDate, 5, 11)?></td>
+                    <td class='c-actions'>
+                      <?php
+                      if(common::hasPriv('release', 'unlinkBug'))
+                      {
+                          $unlinkURL = $this->createLink('release', 'unlinkBug', "releaseID=$release->id&bug=$bug->id");
+                          echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"bugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkBug}'");
+                      }
+                      ?>
+                    </td>
+                  </tr>
+                  <?php endforeach;?>
+                </tbody>
               </table>
               <?php if($countBugs and $canBatchUnlink):?>
               <div class='table-footer'>
@@ -230,34 +234,36 @@
                     <th class='w-50px'>    <?php echo $lang->actions;?></th>
                   </tr>
                 </thead>
-                <?php foreach($leftBugs as $bug):?>
-                <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
-                <tr>
-                  <td class='c-id'>
-                    <div class="checkbox-primary">
-                      <?php if($canBatchUnlink):?>
-                      <input type='checkbox' name='unlinkBugs[]'  value='<?php echo $bug->id;?>'/> 
-                      <label></label>
-                      <?php endif;?>
-                      <?php echo sprintf('%03d', $bug->id);?>
-                    </div>
-                  </td>
-                  <td><span class='severity<?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity);?></span></td>
-                  <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
-                  <td><span class='status-<?php echo $bug->status?>'><span class="label label-dot"></span> <?php echo zget($lang->bug->statusList, $bug->status);?></span></td>
-                  <td><?php echo zget($users, $bug->openedBy);?></td>
-                  <td><?php echo $bug->openedDate?></td>
-                  <td class='c-actions'>
-                    <?php
-                    if(common::hasPriv('release', 'unlinkBug'))
-                    {
-                        $unlinkURL = $this->createLink('release', 'unlinkBug', "releaseID=$release->id&bug=$bug->id&type=leftBug");
-                        echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"leftBugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkBug}'");
-                    }
-                    ?>
-                  </td>
-                </tr>
-                <?php endforeach;?>
+                <tbody>
+                  <?php foreach($leftBugs as $bug):?>
+                  <?php $bugLink = $this->createLink('bug', 'view', "bugID=$bug->id", '', true);?>
+                  <tr>
+                    <td class='c-id'>
+                      <div class="checkbox-primary">
+                        <?php if($canBatchUnlink):?>
+                        <input type='checkbox' name='unlinkBugs[]'  value='<?php echo $bug->id;?>'/> 
+                        <label></label>
+                        <?php endif;?>
+                        <?php echo sprintf('%03d', $bug->id);?>
+                      </div>
+                    </td>
+                    <td><span class='severity<?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity);?></span></td>
+                    <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($bugLink, $bug->title, '', "class='preview'");?></td>
+                    <td><span class='status-<?php echo $bug->status?>'><span class="label label-dot"></span> <?php echo zget($lang->bug->statusList, $bug->status);?></span></td>
+                    <td><?php echo zget($users, $bug->openedBy);?></td>
+                    <td><?php echo $bug->openedDate?></td>
+                    <td class='c-actions'>
+                      <?php
+                      if(common::hasPriv('release', 'unlinkBug'))
+                      {
+                          $unlinkURL = $this->createLink('release', 'unlinkBug', "releaseID=$release->id&bug=$bug->id&type=leftBug");
+                          echo html::a("javascript:ajaxDelete(\"$unlinkURL\",\"leftBugList\",confirmUnlinkBug)", '<i class="icon-unlink"></i>', '', "class='btn-icon' title='{$lang->release->unlinkBug}'");
+                      }
+                      ?>
+                    </td>
+                  </tr>
+                  <?php endforeach;?>
+                </tbody>
               </table>
               <?php if($countLeftBugs and $canBatchUnlink):?>
               <div class='table-footer'>
@@ -317,20 +323,20 @@
                   <div class='detail'>
                     <div class='detail-title'><?php echo $lang->files?></div>
                     <div class='detail-content article-content'>
-                        <?php
-                        if($release->files)
-                        {
-                            echo $this->fetch('file', 'printFiles', array('files' => $release->files, 'fieldset' => 'false'));
-                        }
-                        elseif($release->filePath)
-                        {
-                            echo $lang->release->filePath . html::a($release->filePath, $release->filePath, '_blank');
-                        }
-                        elseif($release->scmPath)
-                        {
-                            echo $lang->release->scmPath . html::a($release->scmPath, $release->scmPath, '_blank');
-                        }
-                        ?>
+                      <?php
+                      if($release->files)
+                      {
+                          echo $this->fetch('file', 'printFiles', array('files' => $release->files, 'fieldset' => 'false'));
+                      }
+                      elseif($release->filePath)
+                      {
+                          echo $lang->release->filePath . html::a($release->filePath, $release->filePath, '_blank');
+                      }
+                      elseif($release->scmPath)
+                      {
+                          echo $lang->release->scmPath . html::a($release->scmPath, $release->scmPath, '_blank');
+                      }
+                      ?>
                     </div>
                   </div>
                   <?php include '../../common/view/action.html.php';?>
diff --git a/www/js/zui/min.js b/www/js/zui/min.js
index c9152dbc72..4906e4efbc 100644
--- a/www/js/zui/min.js
+++ b/www/js/zui/min.js
@@ -1,30 +1,10029 @@
 /*!
- * ZUI: Zentao template - v1.8.1 - 2018-04-20
+ * ZUI: Zentao template - v1.8.1 - 2018-04-25
  * http://zui.sexy
  * GitHub: https://github.com/easysoft/zui.git 
  * Copyright (c) 2018 cnezsoft.com; Licensed MIT
  */
-!function(t,e,i){"use strict";if("undefined"==typeof t)throw new Error("ZUI requires jQuery");t.zui||(t.zui=function(e){t.isPlainObject(e)&&t.extend(t.zui,e)});var s={all:-1,left:0,middle:1,right:2},n=0;t.zui({uuid:function(t){var e=1e3*(new Date).getTime()+n++%1e3;return t?e:e.toString(36)},callEvent:function(e,s,n){if(t.isFunction(e)){n!==i&&(e=t.proxy(e,n));var a=e(s);return s&&(s.result=a),!(a!==i&&!a)}return 1},clientLang:function(){var i,s=e.config;if("undefined"!=typeof s&&s.clientLang&&(i=s.clientLang),!i){var n=t("html").attr("lang");i=n?n:navigator.userLanguage||navigator.userLanguage||"zh_cn"}return i.replace("-","_").toLowerCase()},strCode:function(t){var e=0;if(t&&t.length)for(var i=0;i<t.length;++i)e+=i*t.charCodeAt(i);return e},getMouseButtonCode:function(t){return"number"!=typeof t&&(t=s[t]),t!==i&&null!==t||(t=-1),t}}),t.fn.callEvent=function(e,s,n){var a=t(this),o=e.indexOf(".zui."),r=o<0?e:e.substring(0,o),l=t.Event(r,s);if(n===i&&o>0&&(n=a.data(e.substring(o+1))),n&&n.options){var h=n.options[r];t.isFunction(h)&&(l.result=t.zui.callEvent(h,l,n))}return a.trigger(l),l},t.fn.callComEvent=function(e,s,n){n===i||t.isArray(n)||(n=[n]);var a=this,o=a.triggerHandler(s,n),r=e.options[s];return r&&(o=r.apply(e,n)),o}}(jQuery,window,void 0),function(t){"use strict";t.fn.fixOlPd=function(e){return e=e||10,this.each(function(){var i=t(this);i.css("paddingLeft",Math.ceil(Math.log10(i.children().length))*e+10)})},t(function(){t(".ol-pd-fix,.article ol").fixOlPd()})}(jQuery),+function(t){"use strict";var e='[data-dismiss="alert"]',i="zui.alert",s=function(i){t(i).on("click",e,this.close)};s.prototype.close=function(e){function s(){o.trigger("closed."+i).remove()}var n=t(this),a=n.attr("data-target");a||(a=n.attr("href"),a=a&&a.replace(/.*(?=#[^\s]*$)/,""));var o=t(a);e&&e.preventDefault(),o.length||(o=n.hasClass("alert")?n:n.parent()),o.trigger(e=t.Event("close."+i)),e.isDefaultPrevented()||(o.removeClass("in"),t.support.transition&&o.hasClass("fade")?o.one(t.support.transition.end,s).emulateTransitionEnd(150):s())};var n=t.fn.alert;t.fn.alert=function(e){return this.each(function(){var n=t(this),a=n.data(i);a||n.data(i,a=new s(this)),"string"==typeof e&&a[e].call(n)})},t.fn.alert.Constructor=s,t.fn.alert.noConflict=function(){return t.fn.alert=n,this},t(document).on("click."+i+".data-api",e,s.prototype.close)}(window.jQuery),function(t,e){"use strict";var i="zui.pager",s={page:1,recTotal:0,recPerPage:10},n={zh_cn:{prev:"上一页",next:"下一页",first:"第一页",last:"最后一页","goto":"跳转",pageOf:"第 <strong>{page}</strong> 页",totalPage:"共 <strong>{totalPage}</strong> 页",totalCount:"共 <strong>{recTotal}</strong> 项",pageSize:"每页 <strong>{recPerPage}</strong> 项",itemsRange:"第 <strong>{start}</strong> ~ <strong>{end}</strong> 项",pageOfTotal:"第 <strong>{page}</strong>/<strong>{totalPage}</strong> 页"},zh_tw:{prev:"上一頁",next:"下一頁",first:"第一頁",last:"最後一頁","goto":"跳轉",pageOf:"第 <strong>{page}</strong> 頁",totalPage:"共 <strong>{totalPage}</strong> 頁",totalCount:"共 <strong>{recTotal}</strong> 項",pageSize:"每頁 <strong>{recPerPage}</strong> 項",itemsRange:"第 <strong>{start}</strong> ~ <strong>{end}</strong> 項",pageOfTotal:"第 <strong>{page}</strong>/<strong>{totalPage}</strong> 頁"},en:{prev:"Prev",next:"Next",first:"First",last:"Last","goto":"Goto",pageOf:"Page <strong>{page}</strong>",totalPage:"<strong>{totalPage}</strong> pages",totalCount:"<strong>{recTotal}</strong> items",pageSize:"<strong>{recPerPage}</strong> items per page",itemsRange:"From <strong>{start}</strong> to <strong>{end}</strong>",pageOfTotal:"Page <strong>{page}</strong> of <strong>{totalPage}</strong>"}},a=function(e,s){var o=this;o.name=i,o.$=t(e),s=o.options=t.extend({},a.DEFAULTS,this.$.data(),s);var r=s.lang||"zh_cn";o.lang=t.isPlainObject(r)?t.extend(!0,{},n[r.lang||t.zui.clientLang()],r):n[r],o.state={},o.set(s.page,s.recTotal,s.recPerPage,!0),o.$.on("click",".pager-goto-btn",function(){var e=t(this).closest(".pager-goto"),i=parseInt(e.find(".pager-goto-input").val());NaN!==i&&o.set(i)}).on("click",".pager-item",function(){var e=t(this).data("page");"number"==typeof e&&e>0&&o.set(e)}).on("click",".pager-size-menu [data-size]",function(){var e=t(this).data("size");"number"==typeof e&&e>0&&o.set(-1,-1,e)})};a.prototype.set=function(e,i,n,a){var o=this;"object"==typeof e&&null!==e&&(n=e.recPerPage,i=e.recTotal,e=e.page);var r=o.state;r||(r=t.extend({},s));var l=t.extend({},r);return"number"==typeof n&&n>0&&(r.recPerPage=n),"number"==typeof i&&i>=0&&(r.recTotal=i),"number"==typeof e&&e>=0&&(r.page=e),r.totalPage=r.recTotal&&r.recPerPage?Math.ceil(r.recTotal/r.recPerPage):1,r.page=Math.max(0,Math.min(r.page,r.totalPage)),r.pageRecCount=r.recTotal,r.page&&r.recTotal&&(r.page<r.totalPage?r.pageRecCount=r.recPerPage:r.page>1&&(r.pageRecCount=r.recTotal-r.recPerPage*(r.page-1))),r.skip=r.page>1?(r.page-1)*r.recPerPage:0,r.start=r.skip+1,r.end=r.skip+r.pageRecCount,r.prev=r.page>1?r.page-1:0,r.next=r.page<r.totalPage?r.page+1:0,o.state=r,a||l.page===r.page&&l.recTotal===r.recTotal&&l.recPerPage===r.recPerPage||o.$.callComEvent(o,"onPageChange",[r,l]),o.render()},a.prototype.createLinkItem=function(i,s,n){var a=this;s===e&&(s=i);var o=t('<a class="pager-item" data-page="'+i+'"/>').attr("href",i?a.createLink(i,a.state):"###").html(s);return n||(o=t("<li />").append(o).toggleClass("active",i===a.state.page).toggleClass("disabled",!i)),o},a.prototype.createNavItems=function(t){var i=this,s=i.$,n=i.state,a=n.totalPage,o=n.page,r=function(t,n){if(t===!1)return void s.append(i.createLinkItem(0,n||i.options.navEllipsisItem));n===e&&(n=t);for(var a=t;a<=n;++a)s.append(i.createLinkItem(a))};t===e&&(t=i.options.maxNavCount||10),r(1),a>1&&(a<=t?r(2,a):o<t-2?(r(2,t-2),r(!1),r(a)):o>a-t+2?(r(!1),r(a-t+2,a)):(r(!1),r(o-Math.ceil((t-4)/2),o+Math.floor((t-4)/2)),r(!1),r(a)))},a.prototype.createGoto=function(){var e=this,i=this.state,s=t('<div class="input-group pager-goto" style="width: '+(35+9*(i.page+"").length+25+12*e.lang["goto"].length)+'px"><input value="'+i.page+'" type="number" min="1" max="'+i.totalPage+'" placeholder="'+i.page+'" class="form-control pager-goto-input"><span class="input-group-btn"><button class="btn pager-goto-btn" type="button">'+e.lang["goto"]+"</button></span></div>");return s},a.prototype.createSizeMenu=function(){var e=this,i=this.state,s=t('<ul class="dropdown-menu"></ul>'),n=e.options.pageSizeOptions;"string"==typeof n&&(n=n.split(","));for(var a=0;a<n.length;++a){var o=n[a];"string"==typeof o&&(o=parseInt(o));var r=t('<li><a href="###" data-size="'+o+'">'+o+"</a></li>").toggleClass("active",o===i.recPerPage);s.append(r)}return t('<div class="btn-group pager-size-menu"><button type="button" class="btn dropdown-toggle" data-toggle="dropdown">'+e.lang.pageSize.format(i)+' <span class="caret"></span></button></div>').addClass(e.options.menuDirection).append(s)},a.prototype.createElement=function(e,i,s){var n=this,a=t.proxy(n.createLinkItem,n),o=n.lang;switch(e){case"prev":return a(s.prev,o.prev);case"prev_icon":return a(s.prev,'<i class="icon '+n.options.prevIcon+'"></i>');case"next":return a(s.next,o.next);case"next_icon":return a(s.next,'<i class="icon '+n.options.nextIcon+'"></i>');case"first":return a(1,o.first,!0);case"first_icon":return a(1,'<i class="icon '+n.options.firstIcon+'"></i>',!0);case"last":return a(s.totalPage,o.last,!0);case"last_icon":return a(s.totalPage,'<i class="icon '+n.options.lastIcon+'"></i>',!0);case"space":case"|":return t('<li class="space" />');case"nav":case"pages":return void n.createNavItems();case"total_text":return t(('<div class="pager-label">'+o.totalCount+"</div>").format(s));case"page_text":return t(('<div class="pager-label">'+o.pageOf+"</div>").format(s));case"total_page_text":return t(('<div class="pager-label">'+o.totalPage+"</div>").format(s));case"page_of_total_text":return t(('<div class="pager-label">'+o.pageOfTotal+"</div>").format(s));case"page_size_text":return t(('<div class="pager-label">'+o.pageSize+"</div>").format(s));case"items_range_text":return t(('<div class="pager-label">'+o.itemsRange+"</div>").format(s));case"goto":return n.createGoto();case"size_menu":return n.createSizeMenu();default:return t("<li/>").html(e)}},a.prototype.createLink=function(i,s){i===e&&(i=this.state.page),s===e&&(s=this.state);var n=this.options.linkCreator;return"string"==typeof n?n.format(t.extend({},s,{page:i})):t.isFunction(n)?n(i,s):"#page="+i},a.prototype.render=function(e){var i=this,s=i.state,n=i.options.elementCreator||i.createElement,a=t.isPlainObject(n);e=e||i.elements||i.options.elements,"string"==typeof e&&(e=e.split(",")),i.elements=e,i.$.empty();for(var o=0;o<e.length;++o){var r=t.trim(e[o]),l=a?n[r]||n:n,h=l.call(i,r,i.$,s);h===!1&&(h=i.createElement(r,i.$,s)),h instanceof t&&("LI"!==h[0].tagName&&(h=t("<li/>").append(h)),i.$.append(h))}var c=null;return i.$.children("li").each(function(){var e=t(this),i=!!e.children(".pager-item").length;c?c.toggleClass("pager-item-right",!i):i&&e.addClass("pager-item-left"),c=i?e:null}),c&&c.addClass("pager-item-right"),i.$.callComEvent(i,"onRender",[s]),i},a.DEFAULTS=t.extend({elements:["first_icon","prev_icon","pages","next_icon","last_icon","page_of_total_text","items_range_text","total_text"],prevIcon:"icon-double-angle-left",nextIcon:"icon-double-angle-right",firstIcon:"icon-step-backward",lastIcon:"icon-step-forward",navEllipsisItem:'<i class="icon icon-ellipsis-h"></i>',maxNavCount:10,menuDirection:"dropdown",pageSizeOptions:[10,20,30,50,100]},s),t.fn.pager=function(e){return this.each(function(){var s=t(this),n=s.data(i),o="object"==typeof e&&e;n||s.data(i,n=new a(this,o)),"string"==typeof e&&n[e]()})},a.NAME=i,t.fn.pager.Constructor=a,t(function(){t('[data-ride="pager"]').pager()})}(jQuery,void 0),+function(t){"use strict";var e="zui.tab",i=function(e){this.element=t(e)};i.prototype.show=function(){var i=this.element,s=i.closest("ul:not(.dropdown-menu)"),n=i.attr("data-target")||i.attr("data-tab");if(n||(n=i.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,"")),!i.parent("li").hasClass("active")){var a=s.find(".active:last a")[0],o=t.Event("show."+e,{relatedTarget:a});if(i.trigger(o),!o.isDefaultPrevented()){var r=t(n);this.activate(i.parent("li"),s),this.activate(r,r.parent(),function(){i.trigger({type:"shown."+e,relatedTarget:a})})}}},i.prototype.activate=function(e,i,s){function n(){a.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),e.addClass("active"),o?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu")&&e.closest("li.dropdown").addClass("active"),s&&s()}var a=i.find("> .active"),o=s&&t.support.transition&&a.hasClass("fade");o?a.one(t.support.transition.end,n).emulateTransitionEnd(150):n(),a.removeClass("in")};var s=t.fn.tab;t.fn.tab=function(s){return this.each(function(){var n=t(this),a=n.data(e);a||n.data(e,a=new i(this)),"string"==typeof s&&a[s]()})},t.fn.tab.Constructor=i,t.fn.tab.noConflict=function(){return t.fn.tab=s,this},t(document).on("click.zui.tab.data-api",'[data-toggle="tab"], [data-tab]',function(e){e.preventDefault(),t(this).tab("show")})}(window.jQuery),+function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var i in e)if(void 0!==t.style[i])return{end:e[i]};return!1}t.fn.emulateTransitionEnd=function(e){var i=!1,s=this;t(this).one("bsTransitionEnd",function(){i=!0});var n=function(){i||t(s).trigger(t.support.transition.end)};return setTimeout(n,e),this},t(function(){t.support.transition=e(),t.support.transition&&(t.event.special.bsTransitionEnd={bindType:t.support.transition.end,delegateType:t.support.transition.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}})})}(jQuery),+function(t){"use strict";var e="zui.collapse",i=function(e,s){this.$element=t(e),this.options=t.extend({},i.DEFAULTS,s),this.transitioning=null,this.options.parent&&(this.$parent=t(this.options.parent)),this.options.toggle&&this.toggle()};i.DEFAULTS={toggle:!0},i.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},i.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var i=t.Event("show."+e);if(this.$element.trigger(i),!i.isDefaultPrevented()){var s=this.$parent&&this.$parent.find(".in");if(s&&s.length){var n=s.data(e);if(n&&n.transitioning)return;s.collapse("hide"),n||s.data(e,null)}var a=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[a](0),this.transitioning=1;var o=function(){this.$element.removeClass("collapsing").addClass("in")[a]("auto"),this.transitioning=0,this.$element.trigger("shown."+e)};if(!t.support.transition)return o.call(this);var r=t.camelCase(["scroll",a].join("-"));this.$element.one(t.support.transition.end,t.proxy(o,this)).emulateTransitionEnd(350)[a](this.$element[0][r])}}},i.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var i=t.Event("hide."+e);if(this.$element.trigger(i),!i.isDefaultPrevented()){var s=this.dimension();this.$element[s](this.$element[s]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var n=function(){this.transitioning=0,this.$element.trigger("hidden."+e).removeClass("collapsing").addClass("collapse")};return t.support.transition?void this.$element[s](0).one(t.support.transition.end,t.proxy(n,this)).emulateTransitionEnd(350):n.call(this)}}},i.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var s=t.fn.collapse;t.fn.collapse=function(s){return this.each(function(){var n=t(this),a=n.data(e),o=t.extend({},i.DEFAULTS,n.data(),"object"==typeof s&&s);a||n.data(e,a=new i(this,o)),"string"==typeof s&&a[s]()})},t.fn.collapse.Constructor=i,t.fn.collapse.noConflict=function(){return t.fn.collapse=s,this},t(document).on("click."+e+".data-api","[data-toggle=collapse]",function(i){var s,n=t(this),a=n.attr("data-target")||i.preventDefault()||(s=n.attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,""),o=t(a),r=o.data(e),l=r?"toggle":n.data(),h=n.attr("data-parent"),c=h&&t(h);r&&r.transitioning||(c&&c.find('[data-toggle=collapse][data-parent="'+h+'"]').not(n).addClass("collapsed"),n[o.hasClass("in")?"addClass":"removeClass"]("collapsed")),o.collapse(l)})}(window.jQuery),function(t,e){"use strict";var i=1200,s=992,n=768,a=e(t),o=function(){var t=a.width();e("html").toggleClass("screen-desktop",t>=s&&t<i).toggleClass("screen-desktop-wide",t>=i).toggleClass("screen-tablet",t>=n&&t<s).toggleClass("screen-phone",t<n).toggleClass("device-mobile",t<s).toggleClass("device-desktop",t>=s)},r="",l=navigator.userAgent;l.match(/(iPad|iPhone|iPod)/i)?r+=" os-ios":l.match(/android/i)?r+=" os-android":l.match(/Win/i)?r+=" os-windows":l.match(/Mac/i)?r+=" os-mac":l.match(/Linux/i)?r+=" os-linux":l.match(/X11/i)&&(r+=" os-unix"),"ontouchstart"in document.documentElement&&(r+=" is-touchable"),e("html").addClass(r),a.resize(o),o()}(window,jQuery),function(t){"use strict";var e={zh_cn:'您的浏览器版本过低，无法体验所有功能，建议升级或者更换浏览器。 <a href="http://browsehappy.com/" target="_blank" class="alert-link">了解更多...</a>',zh_tw:'您的瀏覽器版本過低，無法體驗所有功能，建議升級或者更换瀏覽器。<a href="http://browsehappy.com/" target="_blank" class="alert-link">了解更多...</a>',en:'Your browser is too old, it has been unable to experience the colorful internet. We strongly recommend that you upgrade a better one. <a href="http://browsehappy.com/" target="_blank" class="alert-link">Learn more...</a>'},i=function(){var t=this.isIE()||this.isIE10()||!1;if(t)for(var e=10;e>5;e--)if(this.isIE(e)){t=e;break}this.ie=t,this.cssHelper()};i.prototype.cssHelper=function(){var e=this.ie,i=t("html");i.toggleClass("ie",e).removeClass("ie-6 ie-7 ie-8 ie-9 ie-10"),e&&i.addClass("ie-"+e).toggleClass("gt-ie-7 gte-ie-8 support-ie",e>=8).toggleClass("lte-ie-7 lt-ie-8 outdated-ie",e<8).toggleClass("gt-ie-8 gte-ie-9",e>=9).toggleClass("lte-ie-8 lt-ie-9",e<9).toggleClass("gt-ie-9 gte-ie-10",e>=10).toggleClass("lte-ie-9 lt-ie-10",e<10)},i.prototype.tip=function(i){var s=t("#browseHappyTip");s.length||(s=t('<div id="browseHappyTip" class="alert alert-dismissable alert-danger-inverse alert-block" style="position: relative; z-index: 99999"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><div class="container"><div class="content text-center"></div></div></div>'),s.prependTo("body")),s.find(".content").html(i||this.browseHappyTip||e[t.zui.clientLang()||"zh_cn"])},i.prototype.isIE=function(t){if(10===t)return this.isIE10();var e=document.createElement("b");return e.innerHTML="<!--[if IE "+(t||"")+"]><i></i><![endif]-->",1===e.getElementsByTagName("i").length},i.prototype.isIE10=function(){return!1},t.zui({browser:new i}),t(function(){t("body").hasClass("disabled-browser-tip")||t.zui.browser.ie&&t.zui.browser.ie<8&&t.zui.browser.tip()})}(jQuery),function(){"use strict";Date.ONEDAY_TICKS=864e5,Date.prototype.format||(Date.prototype.format=function(t){var e={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),"S+":this.getMilliseconds()};/(y+)/i.test(t)&&(t=t.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));for(var i in e)new RegExp("("+i+")").test(t)&&(t=t.replace(RegExp.$1,1==RegExp.$1.length?e[i]:("00"+e[i]).substr((""+e[i]).length)));return t}),Date.prototype.addMilliseconds||(Date.prototype.addMilliseconds=function(t){return this.setTime(this.getTime()+t),this}),Date.prototype.addDays||(Date.prototype.addDays=function(t){return this.addMilliseconds(t*Date.ONEDAY_TICKS),this}),Date.prototype.clone||(Date.prototype.clone=function(){var t=new Date;return t.setTime(this.getTime()),t}),Date.isLeapYear||(Date.isLeapYear=function(t){return t%4===0&&t%100!==0||t%400===0}),Date.getDaysInMonth||(Date.getDaysInMonth=function(t,e){return[31,Date.isLeapYear(t)?29:28,31,30,31,30,31,31,30,31,30,31][e]}),Date.prototype.isLeapYear||(Date.prototype.isLeapYear=function(){return Date.isLeapYear(this.getFullYear())}),Date.prototype.clearTime||(Date.prototype.clearTime=function(){return this.setHours(0),this.setMinutes(0),this.setSeconds(0),this.setMilliseconds(0),this}),Date.prototype.getDaysInMonth||(Date.prototype.getDaysInMonth=function(){return Date.getDaysInMonth(this.getFullYear(),this.getMonth())}),Date.prototype.addMonths||(Date.prototype.addMonths=function(t){var e=this.getDate();return this.setDate(1),this.setMonth(this.getMonth()+t),this.setDate(Math.min(e,this.getDaysInMonth())),this}),Date.prototype.getLastWeekday||(Date.prototype.getLastWeekday=function(t){t=t||1;for(var e=this.clone();e.getDay()!=t;)e.addDays(-1);return e.clearTime(),e}),Date.prototype.isSameDay||(Date.prototype.isSameDay=function(t){return t.toDateString()===this.toDateString()}),Date.prototype.isSameWeek||(Date.prototype.isSameWeek=function(t){var e=this.getLastWeekday(),i=e.clone().addDays(7);return t>=e&&t<i}),Date.prototype.isSameYear||(Date.prototype.isSameYear=function(t){return this.getFullYear()===t.getFullYear()}),Date.create||(Date.create=function(t){return t instanceof Date||("number"==typeof t&&t<1e10&&(t*=1e3),t=new Date(t)),t}),Date.timestamp||(Date.timestamp=function(t){return"number"==typeof t?t<1e10&&(t*=1e3):t=Date.create(t).getTime(),t})}(),function(){"use strict";String.prototype.format||(String.prototype.format=function(t){var e=this;if(arguments.length>0){var i;if(arguments.length<=2&&"object"==typeof t)for(var s in t)void 0!==t[s]&&(i=new RegExp("("+(arguments[1]?arguments[1].replace("0",s):"{"+s+"}")+")","g"),e=e.replace(i,t[s]));else for(var n=0;n<arguments.length;n++)void 0!==arguments[n]&&(i=new RegExp("({["+n+"]})","g"),e=e.replace(i,arguments[n]))}return e}),String.prototype.isNum||(String.prototype.isNum=function(t){if(null!==t){var e,i;return i=/\d*/i,e=t.match(i),e==t}return!1}),String.prototype.endsWith||(String.prototype.endsWith=function(t,e){var i=this.toString();(void 0===e||e>i.length)&&(e=i.length),e-=t.length;var s=i.indexOf(t,e);return s!==-1&&s===e}),String.prototype.startsWith||(String.prototype.startsWith=function(t,e){return e=e||0,this.lastIndexOf(t,e)===e}),String.prototype.includes||(String.prototype.includes=function(){return String.prototype.indexOf.apply(this,arguments)!==-1})}(),/*!
+
+/* ========================================================================
+ * ZUI: jquery.extensions.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, window, undefined) {
+    'use strict';
+
+    /* Check jquery */
+    if(typeof($) === 'undefined') throw new Error('ZUI requires jQuery');
+
+    // ZUI shared object
+    if(!$.zui) $.zui = function(obj) {
+        if($.isPlainObject(obj)) {
+            $.extend($.zui, obj);
+        }
+    };
+
+    var MOUSE_BUTTON_CODES = {
+        all: -1,
+        left: 0,
+        middle: 1,
+        right: 2
+    };
+
+    var lastUuidAmend = 0;
+    $.zui({
+        uuid: function(asNumber) {
+            var uuidNumber = (new Date()).getTime() * 1000 + (lastUuidAmend++) % 1000;
+            return asNumber ? uuidNumber : uuidNumber.toString(36);
+        },
+
+        callEvent: function(func, event, proxy) {
+            if($.isFunction(func)) {
+                if(proxy !== undefined) {
+                    func = $.proxy(func, proxy);
+                }
+                var result = func(event);
+                if(event) event.result = result;
+                return !(result !== undefined && (!result));
+            }
+            return 1;
+        },
+
+        clientLang: function() {
+            var lang;
+            var config = window.config;
+            if(typeof(config) != 'undefined' && config.clientLang) {
+                lang = config.clientLang;
+            }
+            if(!lang) {
+                var hl = $('html').attr('lang');
+                lang = hl ? hl : (navigator.userLanguage || navigator.userLanguage || 'zh_cn');
+            }
+            return lang.replace('-', '_').toLowerCase();
+        },
+
+        strCode: function(str) {
+            var code = 0;
+            if(str && str.length) {
+                for(var i = 0; i < str.length; ++i) {
+                    code += i * str.charCodeAt(i);
+                }
+            }
+            return code;
+        },
+
+        getMouseButtonCode: function(mouseButton) {
+            if(typeof mouseButton !== 'number') {
+                mouseButton = MOUSE_BUTTON_CODES[mouseButton];
+            }
+            if(mouseButton === undefined || mouseButton === null) mouseButton = -1;
+            return mouseButton;
+        }
+    });
+
+    $.fn.callEvent = function(name, event, model) {
+        var $this = $(this);
+        var dotIndex = name.indexOf('.zui.');
+        var shortName = dotIndex < 0 ? name : name.substring(0, dotIndex);
+        var e = $.Event(shortName, event);
+
+        if((model === undefined) && dotIndex > 0) {
+            model = $this.data(name.substring(dotIndex + 1));
+        }
+
+        if(model && model.options) {
+            var func = model.options[shortName];
+            if($.isFunction(func)) {
+                e.result = $.zui.callEvent(func, e, model);
+            }
+        }
+        $this.trigger(e);
+        return e;
+    };
+
+    $.fn.callComEvent = function(component, eventName, params) {
+        if (params !== undefined && !$.isArray(params)) {
+            params = [params];
+        }
+        var $this = this;
+        var result = $this.triggerHandler(eventName, params);
+
+        var eventCallback = component.options[eventName];
+        if (eventCallback) {
+            result = eventCallback.apply(component, params);
+        }
+        return result;
+    };
+}(jQuery, window, undefined));
+
+
+/* ========================================================================
+ * ZUI: typography.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    $.fn.fixOlPd = function(pd) {
+        pd = pd || 10;
+        return this.each(function() {
+            var $ol = $(this);
+            $ol.css('paddingLeft', Math.ceil(Math.log10($ol.children().length)) * pd + 10);
+        });
+    };
+
+    $(function() {
+        $('.ol-pd-fix,.article ol').fixOlPd();
+    });
+}(jQuery));
+
+
+/* ========================================================================
+ * Bootstrap: alert.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#alerts
+ * ========================================================================
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // ALERT CLASS DEFINITION
+    // ======================
+
+    var dismiss = '[data-dismiss="alert"]'
+    var zuiname = 'zui.alert';
+
+    var Alert = function(el) {
+        $(el).on('click', dismiss, this.close)
+    }
+
+    Alert.prototype.close = function(e) {
+        var $this = $(this)
+        var selector = $this.attr('data-target')
+
+        if(!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
+        }
+
+        var $parent = $(selector)
+
+        if(e) e.preventDefault()
+
+        if(!$parent.length) {
+            $parent = $this.hasClass('alert') ? $this : $this.parent()
+        }
+
+        $parent.trigger(e = $.Event('close.' + zuiname))
+
+        if(e.isDefaultPrevented()) return
+
+        $parent.removeClass('in')
+
+        function removeElement() {
+            $parent.trigger('closed.' + zuiname).remove()
+        }
+
+        $.support.transition && $parent.hasClass('fade') ?
+            $parent
+            .one($.support.transition.end, removeElement)
+            .emulateTransitionEnd(150) :
+            removeElement()
+    }
+
+
+    // ALERT PLUGIN DEFINITION
+    // =======================
+
+    var old = $.fn.alert
+
+    $.fn.alert = function(option) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data(zuiname)
+
+            if(!data) $this.data(zuiname, (data = new Alert(this)))
+            if(typeof option == 'string') data[option].call($this)
+        })
+    }
+
+    $.fn.alert.Constructor = Alert
+
+
+    // ALERT NO CONFLICT
+    // =================
+
+    $.fn.alert.noConflict = function() {
+        $.fn.alert = old
+        return this
+    }
+
+
+    // ALERT DATA-API
+    // ==============
+
+    $(document).on('click.' + zuiname + '.data-api', dismiss, Alert.prototype.close)
+
+}(window.jQuery);
+
+/* ========================================================================
+ * ZUI: pager.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2017-2018 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, undefined) {
+    'use strict';
+
+    var NAME = 'zui.pager'; // model name
+
+    var DEFAULT_PAGER = {
+        page: 1,        // current page index
+        recTotal: 0,    // records total count
+        recPerPage: 10, // records count per page
+    };
+
+    var LANG = {
+        zh_cn: {
+            prev: '上一页',
+            next: '下一页',
+            first: '第一页',
+            last: '最后一页',
+            goto: '跳转',
+            pageOf: '第 <strong>{page}</strong> 页',
+            totalPage: '共 <strong>{totalPage}</strong> 页',
+            totalCount: '共 <strong>{recTotal}</strong> 项',
+            pageSize: '每页 <strong>{recPerPage}</strong> 项',
+            itemsRange: '第 <strong>{start}</strong> ~ <strong>{end}</strong> 项',
+            pageOfTotal: '第 <strong>{page}</strong>/<strong>{totalPage}</strong> 页'
+        },
+        zh_tw: {
+            prev: '上一頁',
+            next: '下一頁',
+            first: '第一頁',
+            last: '最後一頁',
+            goto: '跳轉',
+            pageOf: '第 <strong>{page}</strong> 頁',
+            totalPage: '共 <strong>{totalPage}</strong> 頁',
+            totalCount: '共 <strong>{recTotal}</strong> 項',
+            pageSize: '每頁 <strong>{recPerPage}</strong> 項',
+            itemsRange: '第 <strong>{start}</strong> ~ <strong>{end}</strong> 項',
+            pageOfTotal: '第 <strong>{page}</strong>/<strong>{totalPage}</strong> 頁'
+        },
+        en: {
+            prev: 'Prev',
+            next: 'Next',
+            first: 'First',
+            last: 'Last',
+            goto: 'Goto',
+            pageOf: 'Page <strong>{page}</strong>',
+            totalPage: '<strong>{totalPage}</strong> pages',
+            totalCount: '<strong>{recTotal}</strong> items',
+            pageSize: '<strong>{recPerPage}</strong> items per page',
+            itemsRange: 'From <strong>{start}</strong> to <strong>{end}</strong>',
+            pageOfTotal: 'Page <strong>{page}</strong> of <strong>{totalPage}</strong>'
+        }
+    };
+
+    // The pager model class
+    var Pager = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        that.$ = $(element);
+
+        options = that.options = $.extend({}, Pager.DEFAULTS, this.$.data(), options);
+
+        var lang   = options.lang || 'zh_cn';
+        that.lang  = $.isPlainObject(lang) ? ($.extend(true, {}, LANG[lang.lang || $.zui.clientLang()], lang)) : LANG[lang];
+
+        that.state = {};
+
+        that.set(options.page, options.recTotal, options.recPerPage, true);
+
+        that.$.on('click', '.pager-goto-btn', function() {
+            var $goto = $(this).closest('.pager-goto');
+            var page = parseInt($goto.find('.pager-goto-input').val());
+            if (page !== NaN) {
+                that.set(page);
+            }
+        }).on('click', '.pager-item', function() {
+            var page = $(this).data('page');
+            if (typeof page === 'number' && page > 0) {
+                that.set(page);
+            }
+        }).on('click', '.pager-size-menu [data-size]', function() {
+            var size = $(this).data('size');
+            if (typeof size === 'number' && size > 0) {
+                that.set(-1, -1, size);
+            }
+        });
+    };
+
+    Pager.prototype.set = function(page, recTotal, recPerPage, notTiggerChange) {
+        var that = this;
+        if (typeof page === 'object' && page !== null) {
+            recPerPage = page.recPerPage;
+            recTotal = page.recTotal;
+            page = page.page;
+        }
+        var state = that.state;
+        if (!state) {
+            state = $.extend({}, DEFAULT_PAGER);
+        }
+        var oldState = $.extend({}, state);
+        if (typeof recPerPage === 'number' && recPerPage > 0) {
+            state.recPerPage = recPerPage;
+        }
+        if (typeof recTotal === 'number' && recTotal >= 0) {
+            state.recTotal = recTotal;
+        }
+        if (typeof page === 'number' && page >= 0) {
+            state.page = page;
+        }
+        state.totalPage = (state.recTotal && state.recPerPage) ? (Math.ceil(state.recTotal / state.recPerPage)) : 1;
+        state.page = Math.max(0, Math.min(state.page, state.totalPage));
+        // stateRecCount is items count in current page
+        state.pageRecCount = state.recTotal;
+        if (state.page && state.recTotal) {
+            if (state.page < state.totalPage) {
+                state.pageRecCount = state.recPerPage;
+            } else if (state.page > 1) {
+                state.pageRecCount = state.recTotal - (state.recPerPage * (state.page - 1));
+            }
+        }
+        state.skip  = state.page > 1 ? ((state.page - 1) * state.recPerPage) : 0;
+        state.start = state.skip + 1;
+        state.end   = state.skip + state.pageRecCount;
+        state.prev  = state.page > 1 ? (state.page - 1) : 0;
+        state.next  = state.page < state.totalPage ? (state.page + 1) : 0;
+        that.state  = state;
+        if (!notTiggerChange && (oldState.page !== state.page || oldState.recTotal !== state.recTotal || oldState.recPerPage !== state.recPerPage)) {
+            that.$.callComEvent(that, 'onPageChange', [state, oldState]);
+        }
+        return that.render();
+    };
+
+    Pager.prototype.createLinkItem = function(page, text, asAElement) {
+        var that = this;
+        if (text === undefined) {
+            text = page;
+        }
+        var $ele = $('<a class="pager-item" data-page="' + page + '"/>').attr('href', page ? that.createLink(page, that.state) : '###').html(text);
+        if (!asAElement) {
+            $ele = $('<li />').append($ele).toggleClass('active', page === that.state.page).toggleClass('disabled', !page);
+        }
+        return $ele;
+    };
+
+    Pager.prototype.createNavItems = function(maxCount) {
+        var that = this;
+        var $nav = that.$;
+        var pager = that.state;
+        var totalPage = pager.totalPage;
+        var page = pager.page;
+        var appendItem = function(p, to) {
+            if(p === false) {
+                $nav.append(that.createLinkItem(0, to || that.options.navEllipsisItem));
+                return;
+            }
+            if(to === undefined) to = p;
+            for(var i = p; i <= to; ++i) {
+                $nav.append(that.createLinkItem(i));
+            }
+        };
+        if (maxCount === undefined) {
+            maxCount = that.options.maxNavCount || 10;
+        }
+        appendItem(1);
+        if(totalPage > 1) {
+            if(totalPage <= maxCount) {
+                appendItem(2, totalPage);
+            }
+            else if(page < (maxCount - 2)) {
+                appendItem(2, maxCount - 2);
+                appendItem(false);
+                appendItem(totalPage);
+            }
+            else if(page > (totalPage - maxCount + 2)) {
+                appendItem(false);
+                appendItem((totalPage - maxCount + 2), totalPage);
+            }
+            else {
+                appendItem(false);
+                appendItem(page - Math.ceil((maxCount-4)/2), page + Math.floor((maxCount-4)/2));
+                appendItem(false);
+                appendItem(totalPage);
+            }
+        }
+    };
+
+    Pager.prototype.createGoto = function() {
+        var that = this;
+        var pager = this.state;
+        var $goto = $('<div class="input-group pager-goto" style="width: ' + (35 + (pager.page + '').length * 9 + 25 + that.lang.goto.length*12) + 'px"><input value="' + pager.page + '" type="number" min="1" max="' + pager.totalPage + '" placeholder="' + pager.page + '" class="form-control pager-goto-input"><span class="input-group-btn"><button class="btn pager-goto-btn" type="button">' + that.lang.goto + '</button></span></div>');
+        return $goto;
+    };
+
+    Pager.prototype.createSizeMenu = function() {
+        var that = this;
+        var pager = this.state;
+        var $menu = $('<ul class="dropdown-menu"></ul>');
+        var options = that.options.pageSizeOptions;
+        if (typeof options === 'string') {
+            options = options.split(',');
+        }
+        for (var i = 0; i < options.length; ++i) {
+            var size = options[i];
+            if (typeof size === 'string') {
+                size = parseInt(size);
+            }
+            var $li = $('<li><a href="###" data-size="' + size + '">' + size + '</a></li>').toggleClass('active', size === pager.recPerPage);
+            $menu.append($li);
+        }
+        return $('<div class="btn-group pager-size-menu"><button type="button" class="btn dropdown-toggle" data-toggle="dropdown">' + that.lang.pageSize.format(pager) + ' <span class="caret"></span></button></div>').addClass(that.options.menuDirection).append($menu);
+    };
+
+    Pager.prototype.createElement = function(element, $pager, pager) {
+        var that = this;
+        var createLinkItem= $.proxy(that.createLinkItem, that);
+        var lang = that.lang;
+        switch (element) {
+            case 'prev':
+                return createLinkItem(pager.prev, lang.prev);
+            case 'prev_icon':
+                return createLinkItem(pager.prev, '<i class="icon ' + that.options.prevIcon + '"></i>');
+            case 'next':
+                return createLinkItem(pager.next, lang.next);
+            case 'next_icon':
+                return createLinkItem(pager.next, '<i class="icon ' + that.options.nextIcon + '"></i>');
+            case 'first':
+                return createLinkItem(1, lang.first, true);
+            case 'first_icon':
+                return createLinkItem(1, '<i class="icon ' + that.options.firstIcon + '"></i>', true);
+            case 'last':
+                return createLinkItem(pager.totalPage, lang.last, true);
+            case 'last_icon':
+                return createLinkItem(pager.totalPage, '<i class="icon ' + that.options.lastIcon + '"></i>', true);
+            case 'space':
+            case '|':
+                return $('<li class="space" />');
+            case 'nav':
+            case 'pages':
+                that.createNavItems();
+                return;
+            case 'total_text':
+                return $(('<div class="pager-label">' + lang.totalCount + '</div>').format(pager));
+            case 'page_text':
+                return $(('<div class="pager-label">' + lang.pageOf + '</div>').format(pager));
+            case 'total_page_text':
+                return $(('<div class="pager-label">' + lang.totalPage + '</div>').format(pager));
+            case 'page_of_total_text':
+                return $(('<div class="pager-label">' + lang.pageOfTotal + '</div>').format(pager));
+            case 'page_size_text':
+                return $(('<div class="pager-label">' + lang.pageSize + '</div>').format(pager));
+            case 'items_range_text':
+                return $(('<div class="pager-label">' + lang.itemsRange + '</div>').format(pager));
+            case 'goto':
+                return that.createGoto();
+            case 'size_menu':
+                return that.createSizeMenu();
+            default:
+                return $('<li/>').html(element);
+        }
+    };
+
+    Pager.prototype.createLink = function(page, pager) {
+        if (page === undefined) {
+            page = this.state.page;
+        }
+        if (pager === undefined) {
+            pager = this.state;
+        }
+        var linkCreator = this.options.linkCreator;
+        if (typeof linkCreator === 'string') {
+            return linkCreator.format($.extend({}, pager, {page: page}));
+        } else if ($.isFunction(linkCreator)) {
+            return linkCreator(page, pager);
+        }
+        return '#page=' + page;
+    };
+
+    Pager.prototype.render = function(elements) {
+        var that = this;
+        var state = that.state;
+        var createElement = that.options.elementCreator || that.createElement;
+        var isMapperCreator = $.isPlainObject(createElement);
+
+        elements = elements || that.elements || that.options.elements;
+        if (typeof elements == 'string') {
+            elements = elements.split(',');
+        }
+        that.elements = elements;
+
+        that.$.empty();
+
+        for(var i = 0; i < elements.length; ++i) {
+            var element  = $.trim(elements[i]);
+            var creator = isMapperCreator ? (createElement[element] || createElement) : createElement;
+            var $element = creator.call(that, element, that.$, state);
+            if ($element === false) {
+                $element = that.createElement(element, that.$, state);
+            }
+            if ($element instanceof $) {
+                if ($element[0].tagName !== 'LI') {
+                    $element = $('<li/>').append($element);
+                }
+                that.$.append($element);
+            }
+        }
+
+        // Fix page item border
+        var $lastItem = null;
+        that.$.children('li').each(function() {
+            var $li = $(this);
+            var isItem = !!$li.children('.pager-item').length;
+            if ($lastItem) {
+                $lastItem.toggleClass('pager-item-right', !isItem);
+            } else {
+                if (isItem) {
+                    $li.addClass('pager-item-left');
+                }
+            }
+            $lastItem = isItem ? $li : null;
+        });
+        if ($lastItem) {
+            $lastItem.addClass('pager-item-right');
+        }
+
+        that.$.callComEvent(that, 'onRender', [state]);
+        return that;
+    };
+
+    // default options
+    Pager.DEFAULTS = $.extend({
+        elements: ['first_icon', 'prev_icon', 'pages', 'next_icon', 'last_icon', 'page_of_total_text', 'items_range_text', 'total_text'],
+        prevIcon: 'icon-double-angle-left',
+        nextIcon: 'icon-double-angle-right',
+        firstIcon: 'icon-step-backward',
+        lastIcon: 'icon-step-forward',
+        navEllipsisItem: '<i class="icon icon-ellipsis-h"></i>',
+        maxNavCount: 10,
+        menuDirection: 'dropdown', // or dropup
+        pageSizeOptions: [10, 20, 30, 50, 100],
+        // onPageChange: null
+    }, DEFAULT_PAGER);
+
+    // Extense jquery element
+    $.fn.pager = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new Pager(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    Pager.NAME = NAME;
+
+    $.fn.pager.Constructor = Pager;
+
+    // Auto call pager after document load complete
+    $(function() {
+        $('[data-ride="pager"]').pager();
+    });
+}(jQuery, undefined));
+
+
+/* ========================================================================
+ * Bootstrap: tab.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#tabs
+ *  
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // TAB CLASS DEFINITION
+    // ====================
+
+    var zuiname = 'zui.tab'
+    var Tab = function(element) {
+        this.element = $(element)
+    }
+
+    Tab.prototype.show = function() {
+        var $this = this.element
+        var $ul = $this.closest('ul:not(.dropdown-menu)')
+        var selector = $this.attr('data-target') || $this.attr('data-tab')
+
+        if(!selector) {
+            selector = $this.attr('href')
+            selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+        }
+
+        if($this.parent('li').hasClass('active')) return
+
+        var previous = $ul.find('.active:last a')[0]
+        var e = $.Event('show.' + zuiname, {
+            relatedTarget: previous
+        })
+
+        $this.trigger(e)
+
+        if(e.isDefaultPrevented()) return
+
+        var $target = $(selector)
+
+        this.activate($this.parent('li'), $ul)
+        this.activate($target, $target.parent(), function() {
+            $this.trigger({
+                type: 'shown.' + zuiname,
+                relatedTarget: previous
+            })
+        })
+    }
+
+    Tab.prototype.activate = function(element, container, callback) {
+        var $active = container.find('> .active')
+        var transition = callback && $.support.transition && $active.hasClass('fade')
+
+        function next() {
+            $active
+                .removeClass('active')
+                .find('> .dropdown-menu > .active')
+                .removeClass('active')
+
+            element.addClass('active')
+
+            if(transition) {
+                element[0].offsetWidth // reflow for transition
+                element.addClass('in')
+            } else {
+                element.removeClass('fade')
+            }
+
+            if(element.parent('.dropdown-menu')) {
+                element.closest('li.dropdown').addClass('active')
+            }
+
+            callback && callback()
+        }
+
+        transition ?
+            $active
+            .one($.support.transition.end, next)
+            .emulateTransitionEnd(150) :
+            next()
+
+        $active.removeClass('in')
+    }
+
+
+    // TAB PLUGIN DEFINITION
+    // =====================
+
+    var old = $.fn.tab
+
+    $.fn.tab = function(option) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data(zuiname)
+
+            if(!data) $this.data(zuiname, (data = new Tab(this)))
+            if(typeof option == 'string') data[option]()
+        })
+    }
+
+    $.fn.tab.Constructor = Tab
+
+
+    // TAB NO CONFLICT
+    // ===============
+
+    $.fn.tab.noConflict = function() {
+        $.fn.tab = old
+        return this
+    }
+
+
+    // TAB DATA-API
+    // ============
+
+    $(document).on('click.zui.tab.data-api', '[data-toggle="tab"], [data-tab]', function(e) {
+        e.preventDefault()
+        $(this).tab('show')
+    })
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * Bootstrap: transition.js v3.2.0
+ * http://getbootstrap.com/javascript/#transitions
+ *  
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+    // ============================================================
+
+    function transitionEnd() {
+        var el = document.createElement('bootstrap')
+
+        var transEndEventNames = {
+            WebkitTransition: 'webkitTransitionEnd',
+            MozTransition: 'transitionend',
+            OTransition: 'oTransitionEnd otransitionend',
+            transition: 'transitionend'
+        }
+
+        for(var name in transEndEventNames) {
+            if(el.style[name] !== undefined) {
+                return {
+                    end: transEndEventNames[name]
+                }
+            }
+        }
+
+        return false // explicit for ie8 (  ._.)
+    }
+
+    // http://blog.alexmaccaw.com/css-transitions
+    $.fn.emulateTransitionEnd = function(duration) {
+        var called = false
+        var $el = this
+        $(this).one('bsTransitionEnd', function() {
+            called = true
+        })
+        var callback = function() {
+            if(!called) $($el).trigger($.support.transition.end)
+        }
+        setTimeout(callback, duration)
+        return this
+    }
+
+    $(function() {
+        $.support.transition = transitionEnd()
+
+        if(!$.support.transition) return
+
+        $.event.special.bsTransitionEnd = {
+            bindType: $.support.transition.end,
+            delegateType: $.support.transition.end,
+            handle: function(e) {
+                if($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
+            }
+        }
+    })
+
+}(jQuery);
+
+
+/* ========================================================================
+ * Bootstrap: collapse.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#collapse
+ * 
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    var zuiname = 'zui.collapse'
+
+    // COLLAPSE PUBLIC CLASS DEFINITION
+    // ================================
+
+    var Collapse = function(element, options) {
+        this.$element = $(element)
+        this.options = $.extend({}, Collapse.DEFAULTS, options)
+        this.transitioning = null
+
+        if(this.options.parent) this.$parent = $(this.options.parent)
+        if(this.options.toggle) this.toggle()
+    }
+
+    Collapse.DEFAULTS = {
+        toggle: true
+    }
+
+    Collapse.prototype.dimension = function() {
+        var hasWidth = this.$element.hasClass('width')
+        return hasWidth ? 'width' : 'height'
+    }
+
+    Collapse.prototype.show = function() {
+        if(this.transitioning || this.$element.hasClass('in')) return
+
+        var startEvent = $.Event('show.' + zuiname)
+        this.$element.trigger(startEvent)
+        if(startEvent.isDefaultPrevented()) return
+
+        var actives = this.$parent && this.$parent.find('.in')
+
+        if(actives && actives.length) {
+            var hasData = actives.data(zuiname)
+            if(hasData && hasData.transitioning) return
+            actives.collapse('hide')
+            hasData || actives.data(zuiname, null)
+        }
+
+        var dimension = this.dimension()
+
+        this.$element
+            .removeClass('collapse')
+            .addClass('collapsing')[dimension](0)
+
+        this.transitioning = 1
+
+        var complete = function() {
+            this.$element
+                .removeClass('collapsing')
+                .addClass('in')[dimension]('auto')
+            this.transitioning = 0
+            this.$element.trigger('shown.' + zuiname)
+        }
+
+        if(!$.support.transition) return complete.call(this)
+
+        var scrollSize = $.camelCase(['scroll', dimension].join('-'))
+
+        this.$element
+            .one($.support.transition.end, $.proxy(complete, this))
+            .emulateTransitionEnd(350)[dimension](this.$element[0][scrollSize])
+    }
+
+    Collapse.prototype.hide = function() {
+        if(this.transitioning || !this.$element.hasClass('in')) return
+
+        var startEvent = $.Event('hide.' + zuiname)
+        this.$element.trigger(startEvent)
+        if(startEvent.isDefaultPrevented()) return
+
+        var dimension = this.dimension()
+
+        this.$element[dimension](this.$element[dimension]())[0].offsetHeight
+
+        this.$element
+            .addClass('collapsing')
+            .removeClass('collapse')
+            .removeClass('in')
+
+        this.transitioning = 1
+
+        var complete = function() {
+            this.transitioning = 0
+            this.$element
+                .trigger('hidden.' + zuiname)
+                .removeClass('collapsing')
+                .addClass('collapse')
+        }
+
+        if(!$.support.transition) return complete.call(this)
+
+        this.$element[dimension](0)
+            .one($.support.transition.end, $.proxy(complete, this))
+            .emulateTransitionEnd(350)
+    }
+
+    Collapse.prototype.toggle = function() {
+        this[this.$element.hasClass('in') ? 'hide' : 'show']()
+    }
+
+
+    // COLLAPSE PLUGIN DEFINITION
+    // ==========================
+
+    var old = $.fn.collapse
+
+    $.fn.collapse = function(option) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data(zuiname)
+            var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+            if(!data) $this.data(zuiname, (data = new Collapse(this, options)))
+            if(typeof option == 'string') data[option]()
+        })
+    }
+
+    $.fn.collapse.Constructor = Collapse
+
+
+    // COLLAPSE NO CONFLICT
+    // ====================
+
+    $.fn.collapse.noConflict = function() {
+        $.fn.collapse = old
+        return this
+    }
+
+
+    // COLLAPSE DATA-API
+    // =================
+
+    $(document).on('click.' + zuiname + '.data-api', '[data-toggle=collapse]', function(e) {
+        var $this = $(this),
+            href
+        var target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
+        var $target = $(target)
+        var data = $target.data(zuiname)
+        var option = data ? 'toggle' : $this.data()
+        var parent = $this.attr('data-parent')
+        var $parent = parent && $(parent)
+
+        if(!data || !data.transitioning) {
+            if($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed')
+            $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
+        }
+
+        $target.collapse(option)
+    })
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * ZUI: device.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function(window, $) {
+    'use strict';
+    var desktopLg = 1200,
+        desktop = 992,
+        tablet = 768;
+
+    var $window = $(window);
+
+    var resetCssClass = function() {
+        var width = $window.width();
+        $('html').toggleClass('screen-desktop', width >= desktop && width < desktopLg)
+            .toggleClass('screen-desktop-wide', width >= desktopLg)
+            .toggleClass('screen-tablet', width >= tablet && width < desktop)
+            .toggleClass('screen-phone', width < tablet)
+            .toggleClass('device-mobile', width < desktop)
+            .toggleClass('device-desktop', width >= desktop);
+    };
+
+    var classNames = '';
+    var userAgent = navigator.userAgent;
+    if (userAgent.match(/(iPad|iPhone|iPod)/i)) {
+        classNames += ' os-ios';
+    } else if (userAgent.match(/android/i)) {
+        classNames += ' os-android';
+    } else if (userAgent.match(/Win/i)) {
+        classNames += ' os-windows';
+    } else if (userAgent.match(/Mac/i)) {
+        classNames += ' os-mac';
+    } else if (userAgent.match(/Linux/i)) {
+        classNames += ' os-linux';
+    } else if (userAgent.match(/X11/i)) {
+        classNames += ' os-unix';
+    }
+    if ('ontouchstart' in document.documentElement) {
+        classNames += ' is-touchable';
+    }
+    $('html').addClass(classNames);
+
+    $window.resize(resetCssClass);
+    resetCssClass();
+}(window, jQuery));
+
+
+/* ========================================================================
+ * ZUI: browser.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    var browseHappyTip = {
+        'zh_cn': '您的浏览器版本过低，无法体验所有功能，建议升级或者更换浏览器。 <a href="http://browsehappy.com/" target="_blank" class="alert-link">了解更多...</a>',
+        'zh_tw': '您的瀏覽器版本過低，無法體驗所有功能，建議升級或者更换瀏覽器。<a href="http://browsehappy.com/" target="_blank" class="alert-link">了解更多...</a>',
+        'en': 'Your browser is too old, it has been unable to experience the colorful internet. We strongly recommend that you upgrade a better one. <a href="http://browsehappy.com/" target="_blank" class="alert-link">Learn more...</a>'
+    };
+
+    // The browser modal class
+    var Browser = function() {
+        var ie = this.isIE() || this.isIE10() || false;
+        if(ie) {
+            for(var i = 10; i > 5; i--) {
+                if(this.isIE(i)) {
+                    ie = i;
+                    break;
+                }
+            }
+        }
+
+        this.ie = ie;
+
+        this.cssHelper();
+    };
+
+    // Append CSS class to html tag
+    Browser.prototype.cssHelper = function() {
+        var ie = this.ie,
+            $html = $('html');
+        $html.toggleClass('ie', ie)
+            .removeClass('ie-6 ie-7 ie-8 ie-9 ie-10');
+        if(ie) {
+            $html.addClass('ie-' + ie)
+                .toggleClass('gt-ie-7 gte-ie-8 support-ie', ie >= 8)
+                .toggleClass('lte-ie-7 lt-ie-8 outdated-ie', ie < 8)
+                .toggleClass('gt-ie-8 gte-ie-9', ie >= 9)
+                .toggleClass('lte-ie-8 lt-ie-9', ie < 9)
+                .toggleClass('gt-ie-9 gte-ie-10', ie >= 10)
+                .toggleClass('lte-ie-9 lt-ie-10', ie < 10);
+        }
+    };
+
+    // Show browse happy tip
+    Browser.prototype.tip = function(showCoontent) {
+        var $browseHappy = $('#browseHappyTip');
+        if(!$browseHappy.length) {
+            $browseHappy = $('<div id="browseHappyTip" class="alert alert-dismissable alert-danger-inverse alert-block" style="position: relative; z-index: 99999"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><div class="container"><div class="content text-center"></div></div></div>');
+            $browseHappy.prependTo('body');
+        }
+
+        $browseHappy.find('.content').html(showCoontent || this.browseHappyTip || browseHappyTip[$.zui.clientLang() || 'zh_cn']);
+    };
+
+    // Detect it is IE, can given a version
+    Browser.prototype.isIE = function(version) {
+        if(version === 10) return this.isIE10();
+        var b = document.createElement('b');
+        b.innerHTML = '<!--[if IE ' + (version || '') + ']><i></i><![endif]-->';
+        return b.getElementsByTagName('i').length === 1;
+    };
+
+    // Detect ie 10 with hack
+    Browser.prototype.isIE10 = function() {
+        return (/*@cc_on!@*/false);
+    };
+
+    $.zui({
+        browser: new Browser()
+    });
+
+    $(function() {
+        if(!$('body').hasClass('disabled-browser-tip')) {
+            if($.zui.browser.ie && $.zui.browser.ie < 8) {
+                $.zui.browser.tip();
+            }
+        }
+    });
+}(jQuery));
+
+
+/* ========================================================================
+ * ZUI: date.js
+ * Date polyfills
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function() {
+    'use strict';
+
+    /**
+     * Ticks of a whole day
+     * @type {number}
+     */
+    Date.ONEDAY_TICKS = 24 * 3600 * 1000;
+
+    /**
+     * Format date to a string
+     *
+     * @param  string   format
+     * @return string
+     */
+    if(!Date.prototype.format) {
+        Date.prototype.format = function(format) {
+            var date = {
+                'M+': this.getMonth() + 1,
+                'd+': this.getDate(),
+                'h+': this.getHours(),
+                'm+': this.getMinutes(),
+                's+': this.getSeconds(),
+                'q+': Math.floor((this.getMonth() + 3) / 3),
+                'S+': this.getMilliseconds()
+            };
+            if(/(y+)/i.test(format)) {
+                format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
+            }
+            for(var k in date) {
+                if(new RegExp('(' + k + ')').test(format)) {
+                    format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? date[k] : ('00' + date[k]).substr(('' + date[k]).length));
+                }
+            }
+            return format;
+        };
+    }
+
+    /**
+     * Add milliseconds to the date
+     * @param {number} value
+     */
+    if(!Date.prototype.addMilliseconds) {
+        Date.prototype.addMilliseconds = function(value) {
+            this.setTime(this.getTime() + value);
+            return this;
+        };
+    }
+
+
+    /**
+     * Add days to the date
+     * @param {number} days
+     */
+    if(!Date.prototype.addDays) {
+        Date.prototype.addDays = function(days) {
+            this.addMilliseconds(days * Date.ONEDAY_TICKS);
+            return this;
+        };
+    }
+
+
+    /**
+     * Clone a new date instane from the date
+     * @return {Date}
+     */
+    if(!Date.prototype.clone) {
+        Date.prototype.clone = function() {
+            var date = new Date();
+            date.setTime(this.getTime());
+            return date;
+        };
+    }
+
+
+    /**
+     * Judge the year is in a leap year
+     * @param  {integer}  year
+     * @return {Boolean}
+     */
+    if(!Date.isLeapYear) {
+        Date.isLeapYear = function(year) {
+            return(((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0));
+        };
+    }
+
+    if(!Date.getDaysInMonth) {
+        /**
+         * Get days number of the date
+         * @param  {integer} year
+         * @param  {integer} month
+         * @return {integer}
+         */
+        Date.getDaysInMonth = function(year, month) {
+            return [31, (Date.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+        };
+    }
+
+
+    /**
+     * Judge the date is in a leap year
+     * @return {Boolean}
+     */
+    if(!Date.prototype.isLeapYear) {
+        Date.prototype.isLeapYear = function() {
+            return Date.isLeapYear(this.getFullYear());
+        };
+    }
+
+
+    /**
+     * Clear time part of the date
+     * @return {date}
+     */
+    if(!Date.prototype.clearTime) {
+        Date.prototype.clearTime = function() {
+            this.setHours(0);
+            this.setMinutes(0);
+            this.setSeconds(0);
+            this.setMilliseconds(0);
+            return this;
+        };
+    }
+
+
+    /**
+     * Get days of this month of the date
+     * @return {integer}
+     */
+    if(!Date.prototype.getDaysInMonth) {
+        Date.prototype.getDaysInMonth = function() {
+            return Date.getDaysInMonth(this.getFullYear(), this.getMonth());
+        };
+    }
+
+
+    /**
+     * Add months to the date
+     * @param {date} value
+     */
+    if(!Date.prototype.addMonths) {
+        Date.prototype.addMonths = function(value) {
+            var n = this.getDate();
+            this.setDate(1);
+            this.setMonth(this.getMonth() + value);
+            this.setDate(Math.min(n, this.getDaysInMonth()));
+            return this;
+        };
+    }
+
+
+    /**
+     * Get last week day of the date
+     * @param  {integer} day
+     * @return {date}
+     */
+    if(!Date.prototype.getLastWeekday) {
+        Date.prototype.getLastWeekday = function(day) {
+            day = day || 1;
+
+            var d = this.clone();
+            while(d.getDay() != day) {
+                d.addDays(-1);
+            }
+            d.clearTime();
+            return d;
+        };
+    }
+
+
+    /**
+     * Judge the date is same day as another date
+     * @param  {date}  date
+     * @return {Boolean}
+     */
+    if(!Date.prototype.isSameDay) {
+        Date.prototype.isSameDay = function(date) {
+            return date.toDateString() === this.toDateString();
+        };
+    }
+
+
+    /**
+     * Judge the date is in same week as another date
+     * @param  {date}  date
+     * @return {Boolean}
+     */
+    if(!Date.prototype.isSameWeek) {
+        Date.prototype.isSameWeek = function(date) {
+            var weekStart = this.getLastWeekday();
+            var weekEnd = weekStart.clone().addDays(7);
+            return date >= weekStart && date < weekEnd;
+        };
+    }
+
+
+    /**
+     * Judge the date is in same year as another date
+     * @param  {date}  date
+     * @return {Boolean}
+     */
+    if(!Date.prototype.isSameYear) {
+        Date.prototype.isSameYear = function(date) {
+            return this.getFullYear() === date.getFullYear();
+        };
+    }
+
+    /**
+     * Create an date instance with string, timestamp or date instance
+     * @param  {Date|String|Number}  date
+     * @return {Date}
+     */
+    if (!Date.create) {
+        Date.create = function(date) {
+            if (!(date instanceof Date)) {
+                if (typeof date === 'number' && date < 10000000000) {
+                    date *= 1000;
+                }
+                date = new Date(date);
+            }
+            return date;
+        };
+    }
+
+    if (!Date.timestamp) {
+        Date.timestamp = function(date) {
+            if (typeof date === 'number') {
+                if (date < 10000000000) {
+                    date *= 1000;
+                }
+            } else {
+                date = Date.create(date).getTime();
+            }
+            return date;
+        };
+    }
+}());
+
+
+/* ========================================================================
+ * ZUI: string.js
+ * String Polyfill.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function() {
+    'use strict';
+
+    /**
+     * Format string with argument list or object
+     * @param  {object | arguments} args
+     * @return {String}
+     */
+    if(!String.prototype.format) {
+        String.prototype.format = function(args) {
+            var result = this;
+            if(arguments.length > 0) {
+                var reg;
+                if(arguments.length <= 2 && typeof(args) == 'object') {
+                    for(var key in args) {
+                        if(args[key] !== undefined) {
+                            reg = new RegExp('(' + (arguments[1] ? arguments[1].replace('0', key) : '{' + key + '}') + ')', 'g');
+                            result = result.replace(reg, args[key]);
+                        }
+                    }
+                } else {
+                    for(var i = 0; i < arguments.length; i++) {
+                        if(arguments[i] !== undefined) {
+                            reg = new RegExp('({[' + i + ']})', 'g');
+                            result = result.replace(reg, arguments[i]);
+                        }
+                    }
+                }
+            }
+            return result;
+        };
+    }
+
+    /**
+     * Judge the string is a integer number
+     *
+     * @access public
+     * @return bool
+     */
+    if(!String.prototype.isNum) {
+        String.prototype.isNum = function(s) {
+            if(s !== null) {
+                var r, re;
+                re = /\d*/i;
+                r = s.match(re);
+                return(r == s) ? true : false;
+            }
+            return false;
+        };
+    }
+
+    if(!String.prototype.endsWith) {
+        String.prototype.endsWith = function(searchString, position) {
+            var subjectString = this.toString();
+            if(position === undefined || position > subjectString.length) {
+                position = subjectString.length;
+            }
+            position -= searchString.length;
+            var lastIndex = subjectString.indexOf(searchString, position);
+            return lastIndex !== -1 && lastIndex === position;
+        };
+    }
+
+    if(!String.prototype.startsWith) {
+        String.prototype.startsWith = function(searchString, position) {
+            position = position || 0;
+            return this.lastIndexOf(searchString, position) === position;
+        };
+    }
+
+    if(!String.prototype.includes) {
+        String.prototype.includes = function() {
+            return String.prototype.indexOf.apply(this, arguments) !== -1;
+        };
+    }
+
+})();
+
+
+/* ========================================================================
+ * Resize: resize.js [Version: 1.1]
+ * http://benalman.com/projects/jquery-resize-plugin/
+ *  
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * opyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ * ======================================================================== */
+
+
+/*!
  * jQuery resize event - v1.1
  * http://benalman.com/projects/jquery-resize-plugin/
  * Copyright (c) 2010 "Cowboy" Ben Alman
  * MIT & GPL http://benalman.com/about/license/
  */
-function(t,e,i){"$:nomunge";function s(){n=e[r](function(){a.each(function(){var e=t(this),i=e.width(),s=e.height(),n=t.data(this,h);i===n.w&&s===n.h||e.trigger(l,[n.w=i,n.h=s])}),s()},o[c])}var n,a=t([]),o=t.resize=t.extend(t.resize,{}),r="setTimeout",l="resize",h=l+"-special-event",c="delay",d="throttleWindow";o[c]=250,o[d]=!0,t.event.special[l]={setup:function(){if(!o[d]&&this[r])return!1;var e=t(this);a=a.add(e),t.data(this,h,{w:e.width(),h:e.height()}),1===a.length&&s()},teardown:function(){if(!o[d]&&this[r])return!1;var e=t(this);a=a.not(e),e.removeData(h),a.length||clearTimeout(n)},add:function(e){function s(e,s,a){var o=t(this),r=t.data(this,h)||{};r.w=s!==i?s:o.width(),r.h=a!==i?a:o.height(),n.apply(this,arguments)}if(!o[d]&&this[r])return!1;var n;return t.isFunction(e)?(n=e,s):(n=e.handler,void(e.handler=s))}}}(jQuery,this),function(t,e){"use strict";var i,s,n="localStorage",a="page_"+t.location.pathname+t.location.search,o=function(){this.slience=!0;try{n in t&&t[n]&&t[n].setItem&&(this.enable=!0,i=t[n])}catch(o){}this.enable||(s={},i={getLength:function(){var t=0;return e.each(s,function(){t++}),t},key:function(t){var i,n=0;return e.each(s,function(e){return n===t?(i=e,!1):void n++}),i},removeItem:function(t){delete s[t]},getItem:function(t){return s[t]},setItem:function(t,e){s[t]=e},clear:function(){s={}}}),this.storage=i,this.page=this.get(a,{})};o.prototype.pageSave=function(){if(e.isEmptyObject(this.page))this.remove(a);else{var t,i=[];for(t in this.page){var s=this.page[t];null===s&&i.push(t)}for(t=i.length-1;t>=0;t--)delete this.page[i[t]];this.set(a,this.page)}},o.prototype.pageRemove=function(t){"undefined"!=typeof this.page[t]&&(this.page[t]=null,this.pageSave())},o.prototype.pageClear=function(){this.page={},this.pageSave()},o.prototype.pageGet=function(t,e){var i=this.page[t];return void 0===e||null!==i&&void 0!==i?i:e},o.prototype.pageSet=function(t,i){e.isPlainObject(t)?e.extend(!0,this.page,t):this.page[this.serialize(t)]=i,this.pageSave()},o.prototype.check=function(){if(!this.enable&&!this.slience)throw new Error("Browser not support localStorage or enable status been set true.");return this.enable},o.prototype.length=function(){return this.check()?i.getLength?i.getLength():i.length:0},o.prototype.removeItem=function(t){return i.removeItem(t),this},o.prototype.remove=function(t){return this.removeItem(t)},o.prototype.getItem=function(t){return i.getItem(t)},o.prototype.get=function(t,e){var i=this.deserialize(this.getItem(t));return"undefined"!=typeof i&&null!==i||"undefined"==typeof e?i:e},o.prototype.key=function(t){return i.key(t)},o.prototype.setItem=function(t,e){return i.setItem(t,e),this},o.prototype.set=function(t,e){return void 0===e?this.remove(t):(this.setItem(t,this.serialize(e)),this)},o.prototype.clear=function(){return i.clear(),this},o.prototype.forEach=function(t){for(var e=this.length(),s=e-1;s>=0;s--){var n=i.key(s);t(n,this.get(n))}return this},o.prototype.getAll=function(){var t={};return this.forEach(function(e,i){t[e]=i}),t},o.prototype.serialize=function(t){return"string"==typeof t?t:JSON.stringify(t)},o.prototype.deserialize=function(t){if("string"==typeof t)try{return JSON.parse(t)}catch(e){return t||void 0}},e.zui({store:new o})}(window,jQuery),function(t){"use strict";var e="zui.searchBox",i=function(e,s){var n=this;n.name=name,n.$=t(e),n.options=s=t.extend({},i.DEFAULTS,n.$.data(),s);var a=n.$.is(s.inputSelector)?n.$:n.$.find(s.inputSelector);if(a.length){var o=function(){n.changeTimer&&(clearTimeout(n.changeTimer),n.changeTimer=null)},r=function(){o();var t=n.getSearch();if(t!==n.lastValue){var e=""===t;a.toggleClass("empty",e),n.$.callComEvent(n,"onSearchChange",[t,e]),n.lastValue=t}};n.$input=a=a.first(),n.lastValue=n.getSearch(),a.on(s.listenEvent,function(t){n.changeTimer=setTimeout(function(){r()},s.changeDelay)}).on("focus",function(t){a.addClass("focus"),n.$.callComEvent(n,"onFocus",[t])}).on("blur",function(t){a.removeClass("focus"),n.$.callComEvent(n,"onBlur",[t])}).on("keydown",function(t){var e=0,i=t.which;27===i&&s.escToClear?(this.setSearch("",!0),r(),e=1):13===i&&s.onPressEnter&&(r(),n.$.callComEvent(n,"onPressEnter",[t]));var a=n.$.callComEvent(n,"onKeyDown",[t]);a===!1&&(e=1),e&&t.preventDefault()}),n.$.on("click",".search-clear-btn",function(t){n.setSearch("",!0),r(),t.preventDefault()}),r()}else console.error("ZUI: search box init error, cannot find search box input element.")};i.DEFAULTS={inputSelector:'input[type="search"],input[type="text"]',listenEvent:"change input paste",changeDelay:500},i.prototype.getSearch=function(){return this.$input&&t.trim(this.$input.val())},i.prototype.setSearch=function(t,e){var i=this.$input;i&&(i.val(t),e||i.trigger("change"))},i.prototype.focus=function(){this.$input&&this.$input.focus()},t.fn.searchBox=function(s){return this.each(function(){var n=t(this),a=n.data(e),o="object"==typeof s&&s;a||n.data(e,a=new i(this,o)),"string"==typeof s&&a[s]()})},i.NAME=e,t.fn.searchBox.Constructor=i}(jQuery),function(t,e){"use strict";var i="zui.draggable",s={container:"body",move:!0},n=0,a=function(e,i){var a=this;a.$=t(e),a.id=n++,a.options=t.extend({},s,a.$.data(),i),a.init()};a.DEFAULTS=s,a.NAME=i,a.prototype.init=function(){var s,n,a,o,r,l=this,h=l.$,c="before",d="drag",u="finish",p="."+i+"."+l.id,f="mousedown"+p,g="mouseup"+p,m="mousemove"+p,v=l.options,y=v.selector,b=v.handle,w=h,x=t.isFunction(v.move),_=function(t){var e=t.pageX,i=t.pageY;r=!0;var n={left:e-a.x,top:i-a.y};w.removeClass("drag-ready").addClass("dragging"),v.move&&(x?v.move(n,w):w.css(n)),v[d]&&v[d]({event:t,element:w,startOffset:a,pos:n,offset:{x:e-s.x,y:i-s.y},smallOffset:{x:e-o.x,y:i-o.y}}),o.x=e,o.y=i,v.stopPropagation&&t.stopPropagation()},C=function(i){if(t(e).off(p),!r)return void w.removeClass("drag-ready");var n={left:i.pageX-a.x,top:i.pageY-a.y};w.removeClass("drag-ready dragging"),v.move&&(x?v.move(n,w):w.css(n)),v[u]&&v[u]({event:i,element:w,startOffset:a,pos:n,offset:{x:i.pageX-s.x,y:i.pageY-s.y},smallOffset:{x:i.pageX-o.x,y:i.pageY-o.y}}),i.preventDefault(),v.stopPropagation&&i.stopPropagation()},k=function(i){var l=t.zui.getMouseButtonCode(v.mouseButton);if(!(l>-1&&i.button!==l)){var h=t(this);if(y&&(w=b?h.closest(y):h),v[c]){var d=v[c]({event:i,element:w});if(d===!1)return}var u=t(v.container),p=w.offset();n=u.offset(),s={x:i.pageX,y:i.pageY},a={x:i.pageX-p.left+n.left,y:i.pageY-p.top+n.top},o=t.extend({},s),r=!1,w.addClass("drag-ready"),i.preventDefault(),v.stopPropagation&&i.stopPropagation(),t(e).on(m,_).on(g,C)}};b?h.on(f,b,k):y?h.on(f,y,k):h.on(f,k)},a.prototype.destroy=function(){var s="."+i+"."+this.id;this.$.off(s),t(e).off(s),this.$.data(i,null)},t.fn.draggable=function(e){return this.each(function(){var s=t(this),n=s.data(i),o="object"==typeof e&&e;n||s.data(i,n=new a(this,o)),"string"==typeof e&&n[e]()})},t.fn.draggable.Constructor=a}(jQuery,document),function(t,e,i){"use strict";var s="zui.droppable",n={target:".droppable-target",deviation:5,sensorOffsetX:0,sensorOffsetY:0},a=0,o=function(e,i){var s=this;s.id=a++,s.$=t(e),s.options=t.extend({},n,s.$.data(),i),s.init()};o.DEFAULTS=n,o.NAME=s,o.prototype.trigger=function(e,i){return t.zui.callEvent(this.options[e],i,this)},o.prototype.init=function(){var n,a,o,r,l,h,c,d,u,p,f,g,m,v=this,y=v.$,b=v.options,w=b.deviation,x="."+s+"."+v.id,_="mousedown"+x,C="mouseup"+x,k="mousemove"+x,T=b.selector,S=b.handle,D=b.flex,M=b.container,P=b.canMoveHere,F=y,L=!1,z=M?t(b.container).first():T?y:t("body"),$=function(e){if(L&&(f={left:e.pageX,top:e.pageY},!(i.abs(f.left-d.left)<w&&i.abs(f.top-d.top)<w))){if(null===o){var s=z.css("position");"absolute"!=s&&"relative"!=s&&"fixed"!=s&&(h=s,z.css("position","relative")),o=F.clone().removeClass("drag-from").addClass("drag-shadow").css({position:"absolute",width:F.outerWidth(),transition:"none"}).appendTo(z),F.addClass("dragging"),v.trigger("start",{event:e,element:F})}var c={left:f.left-p.left,top:f.top-p.top},m={left:c.left-u.left,top:c.top-u.top};o.css(m),t.extend(g,f);var y=!1;r=!1,D||n.removeClass("drop-to");var x=null;if(n.each(function(){var e=t(this),i=e.offset(),s=e.outerWidth(),n=e.outerHeight(),a=i.left+b.sensorOffsetX,o=i.top+b.sensorOffsetY;if(f.left>a&&f.top>o&&f.left<a+s&&f.top<o+n&&(x&&x.removeClass("drop-to"),x=e,!b.nested))return!1}),x){r=!0;var _=x.data("id");F.data("id")!=_&&(l=!1),(null===a||a.data("id")!==_&&!l)&&(y=!0),a=x,D&&n.removeClass("drop-to"),a.addClass("drop-to")}D?null!==a&&a.length&&(r=!0):(F.toggleClass("drop-in",r),o.toggleClass("drop-in",r)),P&&P(F,a)===!1||v.trigger("drag",{event:e,isIn:r,target:a,element:F,isNew:y,selfTarget:l,clickOffset:p,offset:c,position:{left:c.left-u.left,top:c.top-u.top},mouseOffset:f}),e.preventDefault()}},E=function(i){if(t(e).off(x),clearTimeout(m),L){if(L=!1,h&&z.css("position",h),null===o)return F.removeClass("drag-from"),void v.trigger("always",{event:i,cancel:!0});r||(a=null);var s=!0;f=i?{left:i.pageX,top:i.pageY}:g;var c={left:f.left-p.left,top:f.top-p.top},d={left:f.left-g.left,top:f.top-g.top};g.left=f.left,g.top=f.top;var y={event:i,isIn:r,target:a,element:F,isNew:!l&&null!==a,selfTarget:l,offset:c,mouseOffset:f,position:{left:c.left-u.left,top:c.top-u.top},lastMouseOffset:g,moveOffset:d};s=v.trigger("beforeDrop",y),s&&r&&v.trigger("drop",y),n.removeClass("drop-to"),F.removeClass("dragging").removeClass("drag-from"),o.remove(),o=null,v.trigger("finish",y),v.trigger("always",y),i&&i.preventDefault()}},I=function(i){var s=t.zui.getMouseButtonCode(b.mouseButton);if(!(s>-1&&i.button!==s)){var f=t(this);T&&(F=S?f.closest(T):f),F.hasClass("drag-shadow")||b.before&&b.before({event:i,element:F})===!1||(L=!0,n=t.isFunction(b.target)?b.target(y):z.find(b.target),a=null,o=null,r=!1,l=!0,h=null,c=F.offset(),u=z.offset(),d={left:i.pageX,top:i.pageY},g=t.extend({},d),p={left:d.left-c.left,top:d.top-c.top},F.addClass("drag-from"),t(e).on(k,$).on(C,E),m=setTimeout(function(){t(e).on(_,E)},10),i.preventDefault())}};S?y.on(_,S,I):T?y.on(_,T,I):y.on(_,I)},o.prototype.destroy=function(){var i="."+s+"."+this.id;this.$.off(i),t(e).off(i),this.$.data(s,null)},o.prototype.reset=function(){this.destroy(),this.init()},t.fn.droppable=function(e){return this.each(function(){var i=t(this),n=i.data(s),a="object"==typeof e&&e;n||i.data(s,n=new o(this,a)),"string"==typeof e&&n[e]()})},t.fn.droppable.Constructor=o}(jQuery,document,Math),+function(t,e){"use strict";function i(e,i,a){return this.each(function(){var o=t(this),r=o.data(s),l=t.extend({},n.DEFAULTS,o.data(),"object"==typeof e&&e);r||o.data(s,r=new n(this,l)),"string"==typeof e?r[e](i,a):l.show&&r.show(i,a)})}var s="zui.modal",n=function(i,n){var a=this;a.options=n,a.$body=t(document.body),a.$element=t(i),a.$backdrop=a.isShown=null,a.scrollbarWidth=0,n.moveable===e&&(a.options.moveable=a.$element.hasClass("modal-moveable")),n.remote&&a.$element.find(".modal-content").load(n.remote,function(){a.$element.trigger("loaded."+s)})};n.VERSION="3.2.0",n.TRANSITION_DURATION=300,n.BACKDROP_TRANSITION_DURATION=150,n.DEFAULTS={backdrop:!0,keyboard:!0,show:!0,position:"fit"};var a=function(e,i){var s=t(window);i.left=Math.max(0,Math.min(i.left,s.width()-e.outerWidth())),i.top=Math.max(0,Math.min(i.top,s.height()-e.outerHeight())),e.css(i)};n.prototype.toggle=function(t,e){return this.isShown?this.hide():this.show(t,e)},n.prototype.ajustPosition=function(i){var n=this,o=n.options;if(i===e&&(i=o.position),i!==e){t.isFunction(i)&&(i=i(n));var r=n.$element.find(".modal-dialog"),l=Math.max(0,(t(window).height()-r.outerHeight())/2);if("fit"===i?i={marginTop:2*l/3}:"center"===i?i={marginTop:l}:t.isPlainObject(i)||(i={marginTop:i}),r.hasClass("modal-moveable")){var h=null,c=o.rememberPos;c&&(c===!0?h=n.$element.data("modal-pos"):t.zui.store&&(h=t.zui.store.pageGet(s+".rememberPos."+c))),i=t.extend(i,{left:Math.max(0,(t(window).width()-r.outerWidth())/2)},h),"inside"===o.moveable?a(r,i):r.css(i)}else r.css(i)}},n.prototype.setMoveale=function(){t.fn.draggable||console.error("Moveable modal requires draggable.js.");var e=this,i=e.options,n=e.$element.find(".modal-dialog").removeClass("modal-dragged");n.toggleClass("modal-moveable",!!i.moveable),e.$element.data("modal-moveable-setup")||n.draggable({container:e.$element,handle:".modal-header",before:function(){n.css("margin-top","").addClass("modal-dragged")},finish:function(n){var a=i.rememberPos;a&&(e.$element.data("modal-pos",n.pos),t.zui.store&&a!==!0&&t.zui.store.pageSet(s+".rememberPos."+a,n.pos))},move:"inside"!==i.moveable||function(t){a(n,t)}})},n.prototype.show=function(e,i){var a=this,o=t.Event("show."+s,{relatedTarget:e});a.$element.trigger(o),a.isShown||o.isDefaultPrevented()||(a.isShown=!0,a.options.moveable&&a.setMoveale(),a.checkScrollbar(),a.options.backdrop!==!1&&(a.$body.addClass("modal-open"),a.setScrollbar()),a.escape(),a.$element.on("click.dismiss."+s,'[data-dismiss="modal"]',t.proxy(a.hide,a)),a.backdrop(function(){var o=t.support.transition&&a.$element.hasClass("fade");a.$element.parent().length||a.$element.appendTo(a.$body),a.$element.show().scrollTop(0),o&&a.$element[0].offsetWidth,a.$element.addClass("in").attr("aria-hidden",!1),a.ajustPosition(i),a.enforceFocus();var r=t.Event("shown."+s,{relatedTarget:e});o?a.$element.find(".modal-dialog").one("bsTransitionEnd",function(){a.$element.trigger("focus").trigger(r)}).emulateTransitionEnd(n.TRANSITION_DURATION):a.$element.trigger("focus").trigger(r)}))},n.prototype.hide=function(e){e&&e.preventDefault();var i=this;e=t.Event("hide."+s),i.$element.trigger(e),i.isShown&&!e.isDefaultPrevented()&&(i.isShown=!1,i.options.backdrop!==!1&&(i.$body.removeClass("modal-open"),i.resetScrollbar()),i.escape(),t(document).off("focusin."+s),i.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss."+s),t.support.transition&&i.$element.hasClass("fade")?i.$element.one("bsTransitionEnd",t.proxy(i.hideModal,i)).emulateTransitionEnd(n.TRANSITION_DURATION):i.hideModal())},n.prototype.enforceFocus=function(){t(document).off("focusin."+s).on("focusin."+s,t.proxy(function(t){this.$element[0]===t.target||this.$element.has(t.target).length||this.$element.trigger("focus")},this))},n.prototype.escape=function(){this.isShown&&this.options.keyboard?t(document).on("keydown.dismiss."+s,t.proxy(function(i){if(27==i.which){var n=t.Event("escaping."+s),a=this.$element.triggerHandler(n,"esc");if(a!=e&&!a)return;this.hide()}},this)):this.isShown||t(document).off("keydown.dismiss."+s)},n.prototype.hideModal=function(){var t=this;this.$element.hide(),this.backdrop(function(){t.$element.trigger("hidden."+s)})},n.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},n.prototype.backdrop=function(e){var i=this,a=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var o=t.support.transition&&a;if(this.$backdrop=t('<div class="modal-backdrop '+a+'" />').appendTo(this.$body),this.$element.on("mousedown.dismiss."+s,t.proxy(function(t){t.target===t.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),o&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!e)return;o?this.$backdrop.one("bsTransitionEnd",e).emulateTransitionEnd(n.BACKDROP_TRANSITION_DURATION):e()}else if(!this.isShown&&this.$backdrop){this.$backdrop.removeClass("in");var r=function(){i.removeBackdrop(),e&&e()};t.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one("bsTransitionEnd",r).emulateTransitionEnd(n.BACKDROP_TRANSITION_DURATION):r()}else e&&e()},n.prototype.checkScrollbar=function(){document.body.clientWidth>=window.innerWidth||(this.scrollbarWidth=this.scrollbarWidth||this.measureScrollbar())},n.prototype.setScrollbar=function(){var t=parseInt(this.$body.css("padding-right")||0,10);this.scrollbarWidth&&this.$body.css("padding-right",t+this.scrollbarWidth)},n.prototype.resetScrollbar=function(){this.$body.css("padding-right","")},n.prototype.measureScrollbar=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",this.$body.append(t);var e=t.offsetWidth-t.clientWidth;return this.$body[0].removeChild(t),e};var o=t.fn.modal;t.fn.modal=i,t.fn.modal.Constructor=n,t.fn.modal.noConflict=function(){return t.fn.modal=o,this},t(document).on("click."+s+".data-api",'[data-toggle="modal"]',function(e){var n=t(this),a=n.attr("href"),o=null;try{o=t(n.attr("data-target")||a&&a.replace(/.*(?=#[^\s]+$)/,""))}catch(r){return}if(o.length){var l=o.data(s)?"toggle":t.extend({remote:!/#/.test(a)&&a},o.data(),n.data());n.is("a")&&e.preventDefault(),o.one("show."+s,function(t){t.isDefaultPrevented()||o.one("hidden."+s,function(){n.is(":visible")&&n.trigger("focus")})}),i.call(o,l,this,n.data("position"))}})}(jQuery,void 0),function(t,e,i){"use strict";if(!t.fn.modal)throw new Error("Modal trigger requires modal.js");var s="zui.modaltrigger",n="ajax",a=".zui.modal",o="string",r=function(e,i){e=t.extend({},r.DEFAULTS,t.ModalTriggerDefaults,i?i.data():null,e),this.isShown,this.$trigger=i,this.options=e,this.id=t.zui.uuid()};r.DEFAULTS={type:"custom",height:"auto",name:"triggerModal",fade:!0,position:"fit",showHeader:!0,delay:0,backdrop:!0,keyboard:!0,waittime:0,loadingIcon:"icon-spinner-indicator"},r.prototype.init=function(i){var r=this;if(i.url&&(!i.type||i.type!=n&&"iframe"!=i.type)&&(i.type=n),i.remote)i.type=n,typeof i.remote===o&&(i.url=i.remote);else if(i.iframe)i.type="iframe",typeof i.iframe===o&&(i.url=i.iframe);else if(i.custom&&(i.type="custom",typeof i.custom===o)){var l;try{l=t(i.custom)}catch(h){}l&&l.length?i.custom=l:t.isFunction(e[i.custom])&&(i.custom=e[i.custom])}var c=t("#"+i.name);c.length&&(r.isShown||c.off(a),c.remove()),c=t('<div id="'+i.name+'" class="modal modal-trigger '+(i.className||"")+'">'+("string"==typeof i.loadingIcon&&0===i.loadingIcon.indexOf("icon-")?'<div class="icon icon-spin loader '+i.loadingIcon+'"></div>':i.loadingIcon)+'<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo("body").data(s,r);var d=function(e,s){var n=i[e];t.isFunction(n)&&c.on(s+a,n)};d("onShow","show"),d("shown","shown"),d("onHide","hide"),d("hidden","hidden"),d("loaded","loaded"),c.on("shown"+a,function(){r.isShown=!0}).on("hidden"+a,function(){r.isShown=!1}),this.$modal=c,this.$dialog=c.find(".modal-dialog"),i.mergeOptions&&(this.options=i)},r.prototype.show=function(i){var a=t.extend({},this.options,{url:this.$trigger?this.$trigger.attr("href")||this.$trigger.attr("data-url")||this.$trigger.data("url"):this.options.url},i);this.init(a);var r=this,l=this.$modal,h=this.$dialog,c=a.custom,d=h.find(".modal-body").css("padding",""),u=h.find(".modal-header"),p=h.find(".modal-content");l.toggleClass("fade",a.fade).addClass(a.className).toggleClass("modal-loading",!this.isShown),h.toggleClass("modal-md","md"===a.size).toggleClass("modal-sm","sm"===a.size).toggleClass("modal-lg","lg"===a.size).toggleClass("modal-fullscreen","fullscreen"===a.size),u.toggle(a.showHeader),u.find(".modal-icon").attr("class","modal-icon icon-"+a.icon),u.find(".modal-title-name").text(a.title||""),a.size&&"fullscreen"===a.size&&(a.width="",a.height="");var f=function(){clearTimeout(this.resizeTask),this.resizeTask=setTimeout(function(){r.ajustPosition(a.position)},100)},g=function(t,e){return"undefined"==typeof t&&(t=a.delay),setTimeout(function(){h=l.find(".modal-dialog"),a.width&&"auto"!=a.width&&h.css("width",a.width),a.height&&"auto"!=a.height&&(h.css("height",a.height),"iframe"===a.type&&d.css("height",h.height()-u.outerHeight())),r.ajustPosition(a.position),l.removeClass("modal-loading"),"iframe"!=a.type&&h.off("resize."+s).on("resize."+s,f),e&&e()},t)};if("custom"===a.type&&c)if(t.isFunction(c)){var m=c({modal:l,options:a,modalTrigger:r,ready:g});typeof m===o&&(d.html(m),g())}else c instanceof t?(d.html(t("<div>").append(c.clone()).html()),g()):(d.html(c),g());else if(a.url){var v=function(){var t=l.callComEvent(r,"broken");t&&(d.html(t),g())};if(l.attr("ref",a.url),"iframe"===a.type){l.addClass("modal-iframe"),this.firstLoad=!0;var y="iframe-"+a.name;u.detach(),d.detach(),p.empty().append(u).append(d),d.css("padding",0).html('<iframe id="'+y+'" name="'+y+'" src="'+a.url+'" frameborder="no"  allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"  allowtransparency="true" scrolling="auto" style="width: 100%; height: 100%; left: 0px;"></iframe>'),a.waittime>0&&(r.waitTimeout=g(a.waittime,v));var b=document.getElementById(y);b.onload=b.onreadystatechange=function(){if(r.firstLoad&&l.addClass("modal-loading"),!this.readyState||"complete"==this.readyState){r.firstLoad=!1,a.waittime>0&&clearTimeout(r.waitTimeout);try{l.attr("ref",b.contentWindow.location.href);var t=e.frames[y].$;if(t&&"auto"===a.height&&"fullscreen"!=a.size){var i=t("body").addClass("body-modal");a.iframeBodyClass&&i.addClass(a.iframeBodyClass);var n=function(t){l.removeClass("fade");var e=i.outerHeight();t===!0&&a.onlyIncreaseHeight&&(e=Math.max(e,d.data("minModalHeight")||0),d.data("minModalHeight",e)),d.css("height",e),a.fade&&l.addClass("fade"),g()};l.callComEvent(r,"loaded",{modalType:"iframe",jQuery:t}),setTimeout(n,100),i.off("resize."+s).on("resize."+s,f)}else g();t.extend({closeModal:e.closeModal})}catch(o){g()}}}}else t.ajax(t.extend({url:a.url,success:function(i){try{var s=t(i);s.filter(".modal-dialog").length?h.replaceWith(s):s.filter(".modal-content").length?h.find(".modal-content").replaceWith(s):d.wrapInner(s)}catch(a){e.console&&e.console.warn&&console.warn("ZUI: Cannot recogernize remote content.",{error:a,data:i}),l.html(i)}l.callComEvent(r,"loaded",{modalType:n}),g()},error:v},a.ajaxOptions))}l.modal({show:"show",backdrop:a.backdrop,moveable:a.moveable,rememberPos:a.rememberPos,keyboard:a.keyboard})},r.prototype.close=function(i,s){(i||s)&&this.$modal.on("hidden"+a,function(){t.isFunction(i)&&i(),typeof s===o&&("this"===s?e.location.reload():e.location=s)}),this.$modal.modal("hide")},r.prototype.toggle=function(t){this.isShown?this.close():this.show(t)},r.prototype.ajustPosition=function(e){e=e===i?this.options.position:e,t.isFunction(e)&&(e=e(this)),this.$modal.modal("ajustPosition",e)},t.zui({ModalTrigger:r,modalTrigger:new r}),t.fn.modalTrigger=function(e,i){return t(this).each(function(){var n=t(this),a=n.data(s),l=t.extend({title:n.attr("title")||n.text(),url:n.attr("href"),type:n.hasClass("iframe")?"iframe":""},n.data(),t.isPlainObject(e)&&e);a||n.data(s,a=new r(l,n)),typeof e==o?a[e](i):l.show&&a.show(i),n.on((l.trigger||"click")+".toggle."+s,function(t){a.toggle(l),n.is("a")&&t.preventDefault()})})};var l=t.fn.modal;t.fn.modal=function(e,i){return t(this).each(function(){var s=t(this);s.hasClass("modal")?l.call(s,e,i):s.modalTrigger(e,i)})};var h=function(e){var i=typeof e;return"undefined"===i?e=t(".modal.modal-trigger"):i===o&&(e=t(e)),e&&e instanceof t?e:null},c=function(e,i,n){if(t.isFunction(e)){var a=n;n=i,i=e,e=a}e=h(e),e&&e.length&&e.each(function(){t(this).data(s).close(i,n)})},d=function(t,e){e=h(e),e&&e.length&&e.modal("ajustPosition",t)};t.zui({closeModal:c,ajustModalPosition:d}),t(document).on("click."+s+".data-api",'[data-toggle="modal"]',function(e){var i=t(this),n=i.attr("href"),a=null;try{a=t(i.attr("data-target")||n&&n.replace(/.*(?=#[^\s]+$)/,""))}catch(o){}a&&a.length||(i.data(s)?i.trigger(".toggle."+s):i.modalTrigger({show:!0})),i.is("a")&&e.preventDefault()})}(window.jQuery,window,void 0),+function(t){"use strict";var e=function(t,e){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.init("tooltip",t,e)};e.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.prototype.init=function(e,i,s){this.enabled=!0,this.type=e,this.$element=t(i),this.options=this.getOptions(s);for(var n=this.options.trigger.split(" "),a=n.length;a--;){var o=n[a];if("click"==o)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=o){var r="hover"==o?"mouseenter":"focus",l="hover"==o?"mouseleave":"blur";this.$element.on(r+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},e.prototype.getDelegateOptions=function(){var e={},i=this.getDefaults();return this._options&&t.each(this._options,function(t,s){i[t]!=s&&(e[t]=s)}),e},e.prototype.enter=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("zui."+this.type);return clearTimeout(i.timeout),i.hoverState="in",i.options.delay&&i.options.delay.show?void(i.timeout=setTimeout(function(){"in"==i.hoverState&&i.show()},i.options.delay.show)):i.show()},e.prototype.leave=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget)[this.type](this.getDelegateOptions()).data("zui."+this.type);return clearTimeout(i.timeout),i.hoverState="out",i.options.delay&&i.options.delay.hide?void(i.timeout=setTimeout(function(){"out"==i.hoverState&&i.hide()},i.options.delay.hide)):i.hide()},e.prototype.show=function(e){var i=t.Event("show.zui."+this.type);if((e||this.hasContent())&&this.enabled){var s=this;if(s.$element.trigger(i),i.isDefaultPrevented())return;var n=s.tip();s.setContent(e),s.options.animation&&n.addClass("fade");var a="function"==typeof s.options.placement?s.options.placement.call(s,n[0],s.$element[0]):s.options.placement,o=/\s?auto?\s?/i,r=o.test(a);r&&(a=a.replace(o,"")||"top"),n.detach().css({top:0,left:0,display:"block"}).addClass(a),s.options.container?n.appendTo(s.options.container):n.insertAfter(s.$element);var l=s.getPosition(),h=n[0].offsetWidth,c=n[0].offsetHeight;if(r){var d=s.$element.parent(),u=a,p=document.documentElement.scrollTop||document.body.scrollTop,f="body"==s.options.container?window.innerWidth:d.outerWidth(),g="body"==s.options.container?window.innerHeight:d.outerHeight(),m="body"==s.options.container?0:d.offset().left;a="bottom"==a&&l.top+l.height+c-p>g?"top":"top"==a&&l.top-p-c<0?"bottom":"right"==a&&l.right+h>f?"left":"left"==a&&l.left-h<m?"right":a,n.removeClass(u).addClass(a)}var v=s.getCalculatedOffset(a,l,h,c);s.applyPlacement(v,a);var y=function(){var t=s.hoverState;s.$element.trigger("shown.zui."+s.type),s.hoverState=null,"out"==t&&s.leave(s)};t.support.transition&&s.$tip.hasClass("fade")?n.one("bsTransitionEnd",y).emulateTransitionEnd(150):y()}},e.prototype.applyPlacement=function(t,e){var i,s=this.tip(),n=s[0].offsetWidth,a=s[0].offsetHeight,o=parseInt(s.css("margin-top"),10),r=parseInt(s.css("margin-left"),10);isNaN(o)&&(o=0),isNaN(r)&&(r=0),t.top=t.top+o,t.left=t.left+r,s.offset(t).addClass("in");var l=s[0].offsetWidth,h=s[0].offsetHeight;if("top"==e&&h!=a&&(i=!0,t.top=t.top+a-h),/bottom|top/.test(e)){var c=0;t.left<0&&(c=t.left*-2,t.left=0,s.offset(t),l=s[0].offsetWidth,h=s[0].offsetHeight),this.replaceArrow(c-n+l,l,"left")}else this.replaceArrow(h-a,h,"top");i&&s.offset(t)},e.prototype.replaceArrow=function(t,e,i){this.arrow().css(i,t?50*(1-t/e)+"%":"")},e.prototype.setContent=function(t){var e=this.tip(),i=t||this.getTitle();this.options.tipId&&e.attr("id",this.options.tipId),this.options.tipClass&&e.addClass(this.options.tipClass),e.find(".tooltip-inner")[this.options.html?"html":"text"](i),e.removeClass("fade in top bottom left right")},e.prototype.hide=function(){function e(){"in"!=i.hoverState&&s.detach()}var i=this,s=this.tip(),n=t.Event("hide.zui."+this.type);if(this.$element.trigger(n),!n.isDefaultPrevented())return s.removeClass("in"),t.support.transition&&this.$tip.hasClass("fade")?s.one(t.support.transition.end,e).emulateTransitionEnd(150):e(),this.$element.trigger("hidden.zui."+this.type),this},e.prototype.fixTitle=function(){var t=this.$element;(t.attr("title")||"string"!=typeof t.attr("data-original-title"))&&t.attr("data-original-title",t.attr("title")||"").attr("title","")},e.prototype.hasContent=function(){return this.getTitle()},e.prototype.getPosition=function(){var e=this.$element[0];return t.extend({},"function"==typeof e.getBoundingClientRect?e.getBoundingClientRect():{width:e.offsetWidth,height:e.offsetHeight},this.$element.offset())},e.prototype.getCalculatedOffset=function(t,e,i,s){return"bottom"==t?{top:e.top+e.height,left:e.left+e.width/2-i/2}:"top"==t?{top:e.top-s,left:e.left+e.width/2-i/2}:"left"==t?{top:e.top+e.height/2-s/2,left:e.left-i}:{top:e.top+e.height/2-s/2,left:e.left+e.width}},e.prototype.getTitle=function(){var t,e=this.$element,i=this.options;return t=e.attr("data-original-title")||("function"==typeof i.title?i.title.call(e[0]):i.title)},e.prototype.tip=function(){return this.$tip=this.$tip||t(this.options.template)},e.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},e.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},e.prototype.enable=function(){this.enabled=!0},e.prototype.disable=function(){this.enabled=!1},e.prototype.toggleEnabled=function(){this.enabled=!this.enabled},e.prototype.toggle=function(e){var i=e?t(e.currentTarget)[this.type](this.getDelegateOptions()).data("zui."+this.type):this;i.tip().hasClass("in")?i.leave(i):i.enter(i)},e.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("zui."+this.type)};var i=t.fn.tooltip;t.fn.tooltip=function(i,s){return this.each(function(){var n=t(this),a=n.data("zui.tooltip"),o="object"==typeof i&&i;a||n.data("zui.tooltip",a=new e(this,o)),"string"==typeof i&&a[i](s)})},t.fn.tooltip.Constructor=e,t.fn.tooltip.noConflict=function(){return t.fn.tooltip=i,this}}(window.jQuery),+function(t){"use strict";var e=function(t,e){this.init("popover",t,e)};if(!t.fn.tooltip)throw new Error("Popover requires tooltip.js");e.DEFAULTS=t.extend({},t.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),e.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),e.prototype.constructor=e,e.prototype.getDefaults=function(){return e.DEFAULTS},e.prototype.setContent=function(){var t=this.tip(),e=this.getTarget();if(e)return e.find(".arrow").length<1&&t.addClass("no-arrow"),void t.html(e.html());var i=this.getTitle(),s=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](i),t.find(".popover-content")[this.options.html?"html":"text"](s),t.removeClass("fade top bottom left right in"),this.options.tipId&&t.attr("id",this.options.tipId),this.options.tipClass&&t.addClass(this.options.tipClass),t.find(".popover-title").html()||t.find(".popover-title").hide()},e.prototype.hasContent=function(){return this.getTarget()||this.getTitle()||this.getContent()},e.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},e.prototype.getTarget=function(){var e=this.$element,i=this.options,s=e.attr("data-target")||("function"==typeof i.target?i.target.call(e[0]):i.target);return!!s&&("$next"==s?e.next(".popover"):t(s))},e.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},e.prototype.tip=function(){return this.$tip||(this.$tip=t(this.options.template)),this.$tip};var i=t.fn.popover;t.fn.popover=function(i){return this.each(function(){var s=t(this),n=s.data("zui.popover"),a="object"==typeof i&&i;
-n||s.data("zui.popover",n=new e(this,a)),"string"==typeof i&&n[i]()})},t.fn.popover.Constructor=e,t.fn.popover.noConflict=function(){return t.fn.popover=i,this}}(window.jQuery),+function(t){"use strict";function e(){t(n).remove(),t(a).each(function(e){var n=i(t(this));n.hasClass("open")&&(n.trigger(e=t.Event("hide."+s)),e.isDefaultPrevented()||n.removeClass("open").trigger("hidden."+s))})}function i(e){var i=e.attr("data-target");i||(i=e.attr("href"),i=i&&/#/.test(i)&&i.replace(/.*(?=#[^\s]*$)/,""));var s;try{s=i&&t(i)}catch(n){}return s&&s.length?s:e.parent()}var s="zui.dropdown",n=".dropdown-backdrop",a="[data-toggle=dropdown]",o=function(e){t(e).on("click."+s,this.toggle)};o.prototype.toggle=function(n){var a=t(this);if(!a.is(".disabled, :disabled")){var o=i(a),r=o.hasClass("open");if(e(),!r){if("ontouchstart"in document.documentElement&&!o.closest(".navbar-nav").length&&t('<div class="dropdown-backdrop"/>').insertAfter(t(this)).on("click",e),o.trigger(n=t.Event("show."+s)),n.isDefaultPrevented())return;o.toggleClass("open").trigger("shown."+s),a.focus()}return!1}},o.prototype.keydown=function(e){if(/(38|40|27)/.test(e.keyCode)){var s=t(this);if(e.preventDefault(),e.stopPropagation(),!s.is(".disabled, :disabled")){var n=i(s),o=n.hasClass("open");if(!o||o&&27==e.keyCode)return 27==e.which&&n.find(a).focus(),s.click();var r=t("[role=menu] li:not(.divider):visible a",n);if(r.length){var l=r.index(r.filter(":focus"));38==e.keyCode&&l>0&&l--,40==e.keyCode&&l<r.length-1&&l++,~l||(l=0),r.eq(l).focus()}}}};var r=t.fn.dropdown;t.fn.dropdown=function(e){return this.each(function(){var i=t(this),s=i.data("dropdown");s||i.data("dropdown",s=new o(this)),"string"==typeof e&&s[e].call(i)})},t.fn.dropdown.Constructor=o,t.fn.dropdown.noConflict=function(){return t.fn.dropdown=r,this};var l=s+".data-api";t(document).on("click."+l,e).on("click."+l,".dropdown form",function(t){t.stopPropagation()}).on("click."+l,a,o.prototype.toggle).on("keydown."+l,a+", [role=menu]",o.prototype.keydown)}(window.jQuery),function(t,e,i){"use strict";var s=0,n='<div class="messager messager-{type} {placement}" style="display: none"><div class="messager-content"></div><div class="messager-actions"></div></div>',a={type:"default",placement:"top",time:4e3,parent:"body",icon:null,close:!0,fade:!0,scale:!0},o={},r=function(e,r){t.isPlainObject(e)&&(r=e,e=r.message);var l=this;r=l.options=t.extend({},a,r),l.id=r.id||s++;var h=o[l.id];h&&h.destroy(),o[l.id]=l,l.message=(r.icon?'<i class="icon-'+r.icon+' icon"></i> ':"")+e,l.$=t(n.format(r)).toggleClass("fade",r.fade).toggleClass("scale",r.scale).attr("id","messager-"+l.id),r.cssClass&&l.$.addClass(r.cssClass);var c=!1,d=l.$.find(".messager-actions"),u=function(e){var s=t('<button type="button" class="action action-'+e.name+'"/>');"close"===e.name&&s.addClass("close"),e.html!==i&&s.html(e.html),e.icon!==i&&s.append('<i class="action-icon icon-'+e.icon+'"/>'),e.text!==i&&s.append('<span class="action-text">'+e.text+"</span>"),e.tooltip!==i&&s.attr("title",e.tooltip).tooltip(),s.data("action",e),d.append(s)};r.actions&&t.each(r.actions,function(t,e){e.name===i&&(e.name=t),"close"==e.name&&(c=!0),u(e)}),!c&&r.close&&u({name:"close",html:"&times;"}),l.$.on("click",".action",function(e){var i,s=t(this).data("action");r.onAction&&(i=r.onAction.call(this,s.name,s,l),i===!1)||t.isFunction(s.action)&&(i=s.action.call(this,l),i===!1)||(l.hide(),e.stopPropagation())}),l.$.on("click",function(t){if(r.onAction){var e=r.onAction.call(this,"content",null,l);e===!0&&l.hide()}});var p=l.$.find(".messager-content").html(l.message);r.contentClass&&p.addClass(r.contentClass),l.$.data("zui.messager",l),r.show&&l.message!==i&&l.show()};r.prototype.update=function(e,i){var s=this,n=s.options;s.$.removeClass("messager-"+n.type),i&&(n=t.extend(n,i)),s.$.addClass("messager-"+n.type),e&&(s.message=(n.icon?'<i class="icon-'+n.icon+' icon"></i> ':"")+e,s.$.find(".messager-content").html(s.message))},r.prototype.show=function(s,n){var a=this,o=this.options;if(t.isFunction(s)){var r=n;n=s,r!==i&&(s=r)}if(a.isShow)return void a.hide(function(){a.show(s,n)});a.hiding&&(clearTimeout(a.hiding),a.hiding=null),a.update(s);var l=o.placement,h=t(o.parent),c=h.children(".messagers-holder."+l);if(c.length||(c=t("<div/>").attr("class","messagers-holder "+l).appendTo(h)),c.append(a.$),"center"===l){var d=t(e).height()-c.height();c.css("top",Math.max(-d,d/2))}return a.$.show().addClass("in"),o.time&&(a.hiding=setTimeout(function(){a.hide()},o.time)),a.isShow=!0,n&&n(),a},r.prototype.hide=function(t,e){t===!0&&(e=!0,t=null);var i=this;if(i.$.hasClass("in")){i.$.removeClass("in");var s=function(){var e=i.$.parent();i.$.detach(),e.children().length||e.remove(),t&&t(!0)};e?s():setTimeout(s,200)}else t&&t(!1);i.isShow=!1},r.prototype.destroy=function(){var t=this;t.hide(function(){t.$.remove(),t.$=null},!0),delete o[t.id]},r.all=o,r.DEFAULTS=a;var l=function(){t(".messager").each(function(){var e=t(this).data("zui.messager");e&&e.hide&&e.hide(!0)})},h=function(e,s){"string"==typeof s&&(s={type:s}),s=t.extend({},s),s.id===i&&l();var n=o[s.id]||new r(e,s);return n.show(),n},c=function(t){return"string"==typeof t?{placement:t}:t},d={show:h,hide:l};t.each({primary:0,success:"ok-sign",info:"info-sign",warning:"warning-sign",danger:"exclamation-sign",important:0,special:0},function(e,i){d[e]=function(s,n){return h(s,t.extend({type:e,icon:i||null},c(n)))}}),t.zui({Messager:r,showMessager:h,messager:d})}(jQuery,window,void 0),function(t,e,i,s){"use strict";function n(t){if(t=t.toLowerCase(),t&&c.test(t)){var e;if(4===t.length){var i="#";for(e=1;e<4;e+=1)i+=t.slice(e,e+1).concat(t.slice(e,e+1));t=i}var s=[];for(e=1;e<7;e+=2)s.push(b("0x"+t.slice(e,e+2)));return{r:s[0],g:s[1],b:s[2],a:1}}throw new Error("Wrong hex string! (hex: "+t+")")}function a(e){return typeof e===f&&("transparent"===e.toLowerCase()||m[e.toLowerCase()]||c.test(t.trim(e.toLowerCase())))}function o(t){function e(t){return t=t<0?t+1:t>1?t-1:t,6*t<1?r+(o-r)*t*6:2*t<1?o:3*t<2?r+(o-r)*(2/3-t)*6:r}var i=t.h,s=t.s,n=t.l,a=t.a;i=h(i)%u/u,s=l(h(s)),n=l(h(n)),a=l(h(a));var o=n<=.5?n*(s+1):n+s-n*s,r=2*n-o,c={r:e(i+1/3)*d,g:e(i)*d,b:e(i-1/3)*d,a:a};return c}function r(t,i,s){return v(s)&&(s=0),v(i)&&(i=d),e.min(e.max(t,s),i)}function l(t,e){return r(t,e)}function h(t){return"number"==typeof t?t:parseFloat(t)}var c=/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/,d=255,u=360,p=100,f="string",g="object",m={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},v=function(t){return t===s},y=function(t){return!v(t)},b=function(t){return parseInt(t)},w=function(t){return b(l(h(t),d))},x=function(t,e,i,s){var a=this;if(a.r=a.g=a.b=0,a.a=1,y(s)&&(a.a=l(h(s),1)),y(t)&&y(e)&&y(i))a.r=w(t),a.g=w(e),a.b=w(i);else if(y(t)){var r=typeof t;if(r==f)t=t.toLowerCase(),"transparent"===t?a.a=0:m[t]?this.rgb(n(m[t])):a.rgb(n(t));else if("number"==r&&v(e))a.r=a.g=a.b=w(t);else if(r==g&&y(t.r))a.r=w(t.r),y(t.g)&&(a.g=w(t.g)),y(t.b)&&(a.b=w(t.b)),y(t.a)&&(a.a=l(h(t.a),1));else if(r==g&&y(t.h)){var c={h:l(h(t.h),u),s:1,l:1,a:1};y(t.s)&&(c.s=l(h(t.s),1)),y(t.l)&&(c.l=l(h(t.l),1)),y(t.a)&&(c.a=l(h(t.a),1)),a.rgb(o(c))}}};x.prototype.rgb=function(t){var e=this;if(y(t)){if(typeof t==g)y(t.r)&&(e.r=w(t.r)),y(t.g)&&(e.g=w(t.g)),y(t.b)&&(e.b=w(t.b)),y(t.a)&&(e.a=l(h(t.a),1));else{var i=b(h(t));e.r=i,e.g=i,e.b=i}return e}return{r:e.r,g:e.g,b:e.b,a:e.a}},x.prototype.hue=function(t){var e=this,i=e.toHsl();return v(t)?i.h:(i.h=l(h(t),u),e.rgb(o(i)),e)},x.prototype.darken=function(t){var e=this,i=e.toHsl();return i.l-=t/p,i.l=l(i.l,1),e.rgb(o(i)),e},x.prototype.clone=function(){var t=this;return new x(t.r,t.g,t.b,t.a)},x.prototype.lighten=function(t){return this.darken(-t)},x.prototype.fade=function(t){return this.a=l(t/p,1),this},x.prototype.spin=function(t){var e=this.toHsl(),i=(e.h+t)%u;return e.h=i<0?u+i:i,this.rgb(o(e))},x.prototype.toHsl=function(){var t,i,s=this,n=s.r/d,a=s.g/d,o=s.b/d,r=s.a,l=e.max(n,a,o),h=e.min(n,a,o),c=(l+h)/2,p=l-h;if(l===h)t=i=0;else{switch(i=c>.5?p/(2-l-h):p/(l+h),l){case n:t=(a-o)/p+(a<o?6:0);break;case a:t=(o-n)/p+2;break;case o:t=(n-a)/p+4}t/=6}return{h:t*u,s:i,l:c,a:r}},x.prototype.luma=function(){var t=this.r/d,i=this.g/d,s=this.b/d;return t=t<=.03928?t/12.92:e.pow((t+.055)/1.055,2.4),i=i<=.03928?i/12.92:e.pow((i+.055)/1.055,2.4),s=s<=.03928?s/12.92:e.pow((s+.055)/1.055,2.4),.2126*t+.7152*i+.0722*s},x.prototype.saturate=function(t){var e=this.toHsl();return e.s+=t/p,e.s=l(e.s),this.rgb(o(e))},x.prototype.desaturate=function(t){return this.saturate(-t)},x.prototype.contrast=function(t,e,i){if(e=v(e)?new x(d,d,d,1):new x(e),t=v(t)?new x(0,0,0,1):new x(t),t.luma()>e.luma()){var s=e;e=t,t=s}return this.a<.5?t:(i=v(i)?.43:h(i),this.luma()<i?e:t)},x.prototype.hexStr=function(){var t=this.r.toString(16),e=this.g.toString(16),i=this.b.toString(16);return 1==t.length&&(t="0"+t),1==e.length&&(e="0"+e),1==i.length&&(i="0"+i),"#"+t+e+i},x.prototype.toCssStr=function(){var t=this;return t.a>0?t.a<1?"rgba("+t.r+","+t.g+","+t.b+","+t.a+")":t.hexStr():"transparent"},x.isColor=a,x.names=m,x.get=function(t){return new x(t)},t.zui({Color:x})}(jQuery,Math,window,void 0),/*!
+
+// Script: jQuery resize event
+//
+// *Version: 1.1, Last updated: 3/14/2010*
+//
+// Project Home - http://benalman.com/projects/jquery-resize-plugin/
+// GitHub       - http://github.com/cowboy/jquery-resize/
+// Source       - http://github.com/cowboy/jquery-resize/raw/master/jquery.ba-resize.js
+// (Minified)   - http://github.com/cowboy/jquery-resize/raw/master/jquery.ba-resize.min.js (1.0kb)
+//
+// About: License
+//
+// Copyright (c) 2010 "Cowboy" Ben Alman,
+// Dual licensed under the MIT and GPL licenses.
+// http://benalman.com/about/license/
+//
+// About: Examples
+//
+// This working example, complete with fully commented code, illustrates a few
+// ways in which this plugin can be used.
+//
+// resize event - http://benalman.com/code/projects/jquery-resize/examples/resize/
+//
+// About: Support and Testing
+//
+// Information about what version or versions of jQuery this plugin has been
+// tested with, what browsers it has been tested in, and where the unit tests
+// reside (so you can test it yourself).
+//
+// jQuery Versions - 1.3.2, 1.4.1, 1.4.2
+// Browsers Tested - Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome, Opera 9.6-10.1.
+// Unit Tests      - http://benalman.com/code/projects/jquery-resize/unit/
+//
+// About: Release History
+//
+// 1.1 - (3/14/2010) Fixed a minor bug that was causing the event to trigger
+//       immediately after bind in some circumstances. Also changed $.fn.data
+//       to $.data to improve performance.
+// 1.0 - (2/10/2010) Initial release
+
+(function($, window, undefined) {
+    '$:nomunge'; // Used by YUI compressor.
+
+    // A jQuery object containing all non-window elements to which the resize
+    // event is bound.
+    var elems = $([]),
+
+        // Extend $.resize if it already exists, otherwise create it.
+        jq_resize = $.resize = $.extend($.resize, {}),
+
+        timeout_id,
+
+        // Reused strings.
+        str_setTimeout = 'setTimeout',
+        str_resize = 'resize',
+        str_data = str_resize + '-special-event',
+        str_delay = 'delay',
+        str_throttle = 'throttleWindow';
+
+    // Property: jQuery.resize.delay
+    //
+    // The numeric interval (in milliseconds) at which the resize event polling
+    // loop executes. Defaults to 250.
+
+    jq_resize[str_delay] = 250;
+
+    // Property: jQuery.resize.throttleWindow
+    //
+    // Throttle the native window object resize event to fire no more than once
+    // every <jQuery.resize.delay> milliseconds. Defaults to true.
+    //
+    // Because the window object has its own resize event, it doesn't need to be
+    // provided by this plugin, and its execution can be left entirely up to the
+    // browser. However, since certain browsers fire the resize event continuously
+    // while others do not, enabling this will throttle the window resize event,
+    // making event behavior consistent across all elements in all browsers.
+    //
+    // While setting this property to false will disable window object resize
+    // event throttling, please note that this property must be changed before any
+    // window object resize event callbacks are bound.
+
+    jq_resize[str_throttle] = true;
+
+    // Event: resize event
+    //
+    // Fired when an element's width or height changes. Because browsers only
+    // provide this event for the window element, for other elements a polling
+    // loop is initialized, running every <jQuery.resize.delay> milliseconds
+    // to see if elements' dimensions have changed. You may bind with either
+    // .resize( fn ) or .bind( "resize", fn ), and unbind with .unbind( "resize" ).
+    //
+    // Usage:
+    //
+    // > jQuery('selector').bind( 'resize', function(e) {
+    // >   // element's width or height has changed!
+    // >   ...
+    // > });
+    //
+    // Additional Notes:
+    //
+    // * The polling loop is not created until at least one callback is actually
+    //   bound to the 'resize' event, and this single polling loop is shared
+    //   across all elements.
+    //
+    // Double firing issue in jQuery 1.3.2:
+    //
+    // While this plugin works in jQuery 1.3.2, if an element's event callbacks
+    // are manually triggered via .trigger( 'resize' ) or .resize() those
+    // callbacks may double-fire, due to limitations in the jQuery 1.3.2 special
+    // events system. This is not an issue when using jQuery 1.4+.
+    //
+    // > // While this works in jQuery 1.4+
+    // > $(elem).css({ width: new_w, height: new_h }).resize();
+    // >
+    // > // In jQuery 1.3.2, you need to do this:
+    // > var elem = $(elem);
+    // > elem.css({ width: new_w, height: new_h });
+    // > elem.data( 'resize-special-event', { width: elem.width(), height: elem.height() } );
+    // > elem.resize();
+
+    $.event.special[str_resize] = {
+
+        // Called only when the first 'resize' event callback is bound per element.
+        setup: function() {
+            // Since window has its own native 'resize' event, return false so that
+            // jQuery will bind the event using DOM methods. Since only 'window'
+            // objects have a .setTimeout method, this should be a sufficient test.
+            // Unless, of course, we're throttling the 'resize' event for window.
+            if(!jq_resize[str_throttle] && this[str_setTimeout]) {
+                return false;
+            }
+
+            var elem = $(this);
+
+            // Add this element to the list of internal elements to monitor.
+            elems = elems.add(elem);
+
+            // Initialize data store on the element.
+            $.data(this, str_data, {
+                w: elem.width(),
+                h: elem.height()
+            });
+
+            // If this is the first element added, start the polling loop.
+            if(elems.length === 1) {
+                loopy();
+            }
+        },
+
+        // Called only when the last 'resize' event callback is unbound per element.
+        teardown: function() {
+            // Since window has its own native 'resize' event, return false so that
+            // jQuery will unbind the event using DOM methods. Since only 'window'
+            // objects have a .setTimeout method, this should be a sufficient test.
+            // Unless, of course, we're throttling the 'resize' event for window.
+            if(!jq_resize[str_throttle] && this[str_setTimeout]) {
+                return false;
+            }
+
+            var elem = $(this);
+
+            // Remove this element from the list of internal elements to monitor.
+            elems = elems.not(elem);
+
+            // Remove any data stored on the element.
+            elem.removeData(str_data);
+
+            // If this is the last element removed, stop the polling loop.
+            if(!elems.length) {
+                clearTimeout(timeout_id);
+            }
+        },
+
+        // Called every time a 'resize' event callback is bound per element (new in
+        // jQuery 1.4).
+        add: function(handleObj) {
+            // Since window has its own native 'resize' event, return false so that
+            // jQuery doesn't modify the event object. Unless, of course, we're
+            // throttling the 'resize' event for window.
+            if(!jq_resize[str_throttle] && this[str_setTimeout]) {
+                return false;
+            }
+
+            var old_handler;
+
+            // The new_handler function is executed every time the event is triggered.
+            // This is used to update the internal element data store with the width
+            // and height when the event is triggered manually, to avoid double-firing
+            // of the event callback. See the "Double firing issue in jQuery 1.3.2"
+            // comments above for more information.
+
+            function new_handler(e, w, h) {
+                var elem = $(this),
+                    data = $.data(this, str_data) || {};
+
+                // If called from the polling loop, w and h will be passed in as
+                // arguments. If called manually, via .trigger( 'resize' ) or .resize(),
+                // those values will need to be computed.
+                data.w = w !== undefined ? w : elem.width();
+                data.h = h !== undefined ? h : elem.height();
+
+                old_handler.apply(this, arguments);
+            };
+
+            // This may seem a little complicated, but it normalizes the special event
+            // .add method between jQuery 1.4/1.4.1 and 1.4.2+
+            if($.isFunction(handleObj)) {
+                // 1.4, 1.4.1
+                old_handler = handleObj;
+                return new_handler;
+            } else {
+                // 1.4.2+
+                old_handler = handleObj.handler;
+                handleObj.handler = new_handler;
+            }
+        }
+
+    };
+
+    function loopy() {
+
+        // Start the polling loop, asynchronously.
+        timeout_id = window[str_setTimeout](function() {
+
+            // Iterate over all elements to which the 'resize' event is bound.
+            elems.each(function() {
+                var elem = $(this),
+                    width = elem.width(),
+                    height = elem.height(),
+                    data = $.data(this, str_data);
+
+                // If element size has changed since the last time, update the element
+                // data store and trigger the 'resize' event.
+                if(width !== data.w || height !== data.h) {
+                    elem.trigger(str_resize, [data.w = width, data.h = height]);
+                }
+
+            });
+
+            // Loop.
+            loopy();
+
+        }, jq_resize[str_delay]);
+
+    };
+
+})(jQuery, this);
+
+
+/* ========================================================================
+ * ZUI: storeb.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function(window, $) {
+    'use strict';
+
+    var lsName = 'localStorage';
+    var storage,
+        dataset,
+        pageName = 'page_' + window.location.pathname + window.location.search;
+
+    /* The Store object */
+    var Store = function() {
+        this.slience = true;
+        try {
+            if((lsName in window) && window[lsName] && window[lsName].setItem) {
+                this.enable = true;
+                storage = window[lsName];
+            }
+        } catch(e){}
+        if(!this.enable) {
+            dataset = {};
+            storage = {
+                getLength: function() {
+                    var length = 0;
+                    $.each(dataset, function() {
+                        length++;
+                    });
+                    return length;
+                },
+                key: function(index) {
+                    var key, i = 0;
+                    $.each(dataset, function(k) {
+                        if(i === index) {
+                            key = k;
+                            return false;
+                        }
+                        i++;
+                    });
+                    return key;
+                },
+                removeItem: function(key) {
+                    delete dataset[key];
+                },
+                getItem: function(key) {
+                    return dataset[key];
+                },
+                setItem: function(key, val) {
+                    dataset[key] = val;
+                },
+                clear: function() {
+                    dataset = {};
+                }
+            };
+        }
+        this.storage = storage;
+        this.page = this.get(pageName, {});
+    };
+
+    /* Save page data */
+    Store.prototype.pageSave = function() {
+        if($.isEmptyObject(this.page)) {
+            this.remove(pageName);
+        } else {
+            var forDeletes = [],
+                i;
+            for(i in this.page) {
+                var val = this.page[i];
+                if(val === null)
+                    forDeletes.push(i);
+            }
+            for(i = forDeletes.length - 1; i >= 0; i--) {
+                delete this.page[forDeletes[i]];
+            }
+            this.set(pageName, this.page);
+        }
+    };
+
+    /* Remove page data item */
+    Store.prototype.pageRemove = function(key) {
+        if(typeof this.page[key] != 'undefined') {
+            this.page[key] = null;
+            this.pageSave();
+        }
+    };
+
+    /* Clear page data */
+    Store.prototype.pageClear = function() {
+        this.page = {};
+        this.pageSave();
+    };
+
+    /* Get page data */
+    Store.prototype.pageGet = function(key, defaultValue) {
+        var val = this.page[key];
+        return(defaultValue !== undefined && (val === null || val === undefined)) ? defaultValue : val;
+    };
+
+    /* Set page data */
+    Store.prototype.pageSet = function(objOrKey, val) {
+        if($.isPlainObject(objOrKey)) {
+            $.extend(true, this.page, objOrKey);
+        } else {
+            this.page[this.serialize(objOrKey)] = val;
+        }
+        this.pageSave();
+    };
+
+    /* Check enable status */
+    Store.prototype.check = function() {
+        if(!this.enable) {
+            if(!this.slience) throw new Error('Browser not support localStorage or enable status been set true.');
+        }
+        return this.enable;
+    };
+
+    /* Get length */
+    Store.prototype.length = function() {
+        if(this.check()) {
+            return storage.getLength ? storage.getLength() : storage.length;
+        }
+        return 0;
+    };
+
+    /* Remove item with browser localstorage native method */
+    Store.prototype.removeItem = function(key) {
+        storage.removeItem(key);
+        return this;
+    };
+
+    /* Remove item with browser localstorage native method, same as removeItem */
+    Store.prototype.remove = function(key) {
+        return this.removeItem(key);
+    };
+
+    /* Get item value with browser localstorage native method, and without deserialize */
+    Store.prototype.getItem = function(key) {
+        return storage.getItem(key);
+    };
+
+    /* Get item value and deserialize it, if value is null and defaultValue been given then return defaultValue */
+    Store.prototype.get = function(key, defaultValue) {
+        var val = this.deserialize(this.getItem(key));
+        if(typeof val === 'undefined' || val === null) {
+            if(typeof defaultValue !== 'undefined') {
+                return defaultValue;
+            }
+        }
+        return val;
+    };
+
+    /* Get item key by index and deserialize it */
+    Store.prototype.key = function(index) {
+        return storage.key(index);
+    };
+
+    /* Set item value with browser localstorage native method, and without serialize filter */
+    Store.prototype.setItem = function(key, val) {
+        storage.setItem(key, val);
+        return this;
+    };
+
+    /* Set item value, serialize it if the given value is not an string */
+    Store.prototype.set = function(key, val) {
+        if(val === undefined) return this.remove(key);
+        this.setItem(key, this.serialize(val));
+        return this;
+    };
+
+    /* Clear all items with browser localstorage native method */
+    Store.prototype.clear = function() {
+        storage.clear();
+        return this;
+    };
+
+    /* Iterate all items with callback */
+    Store.prototype.forEach = function(callback) {
+        var length = this.length();
+        for(var i = length - 1; i >= 0; i--) {
+            var key = storage.key(i);
+            callback(key, this.get(key));
+        }
+        return this;
+    };
+
+    /* Get all items and set value in an object. */
+    Store.prototype.getAll = function() {
+        var all = {};
+        this.forEach(function(key, val) {
+            all[key] = val;
+        });
+
+        return all;
+    };
+
+    /* Serialize value with JSON.stringify */
+    Store.prototype.serialize = function(value) {
+        if(typeof value === 'string') return value;
+        return JSON.stringify(value);
+    };
+
+    /* Deserialize value, with JSON.parse if the given value is not a string */
+    Store.prototype.deserialize = function(value) {
+        if(typeof value !== 'string') return undefined;
+        try {
+            return JSON.parse(value);
+        } catch(e) {
+            return value || undefined;
+        }
+    };
+
+    $.zui({
+        store: new Store()
+    });
+}(window, jQuery));
+
+
+/* ========================================================================
+ * ZUI: searchbox.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    var NAME = 'zui.searchBox'; // modal name
+
+    // The searchbox modal class
+    var SearchBox = function(element, options) {
+        var that = this;
+        that.name = name;
+        that.$ = $(element);
+
+        that.options = options = $.extend({}, SearchBox.DEFAULTS, that.$.data(), options);
+
+        // Initialize here
+        var $input = that.$.is(options.inputSelector) ? that.$ : that.$.find(options.inputSelector);
+        if ($input.length) {
+            var clearChangeTimer = function() {
+                if (that.changeTimer) {
+                    clearTimeout(that.changeTimer);
+                    that.changeTimer = null;
+                }
+            };
+
+            var handleChange = function() {
+                clearChangeTimer();
+                var value = that.getSearch();
+                if (value !== that.lastValue) {
+                    var isEmpty = value === '';
+                    $input.toggleClass('empty', isEmpty);
+                    that.$.callComEvent(that, 'onSearchChange', [value, isEmpty]);
+                    that.lastValue = value;
+                }
+            };
+
+            that.$input = $input = $input.first();
+            that.lastValue = that.getSearch();
+
+            $input.on(options.listenEvent, function(params) {
+                that.changeTimer = setTimeout(function() {
+                    handleChange();
+                }, options.changeDelay);
+            }).on('focus', function(e) {
+                $input.addClass('focus');
+                that.$.callComEvent(that, 'onFocus', [e]);
+            }).on('blur', function(e) {
+                $input.removeClass('focus');
+                that.$.callComEvent(that, 'onBlur', [e]);
+            }).on('keydown', function(e) {
+                var handled = 0;
+                var keyCode = e.which;
+                if (keyCode === 27 && options.escToClear) { // esc
+                    this.setSearch('', true);
+                    handleChange();
+                    handled = 1;
+                } else if (keyCode === 13 && options.onPressEnter) {
+                    handleChange();
+                    that.$.callComEvent(that, 'onPressEnter', [e]);
+                }
+                var onKeyDownResult = that.$.callComEvent(that, 'onKeyDown', [e]);
+                if (onKeyDownResult === false) {
+                    handled = 1;
+                }
+                if (handled) {
+                    e.preventDefault();
+                }
+            });
+
+            that.$.on('click', '.search-clear-btn', function(e) {
+                that.setSearch('', true);
+                handleChange();
+                e.preventDefault();
+            });
+
+            handleChange();
+        } else {
+            console.error('ZUI: search box init error, cannot find search box input element.');
+        }
+    };
+
+    // default options
+    SearchBox.DEFAULTS = {
+        inputSelector: 'input[type="search"],input[type="text"]',
+        listenEvent: 'change input paste',
+        changeDelay: 500,
+
+        // onKeyDown: null,
+        // onFocus: null,
+        // onBlur: null,
+        // onSearchChange: null,
+        // onPressEnter: null,
+        // escToClear: true
+    };
+
+    // Get current search string
+    SearchBox.prototype.getSearch = function() {
+        return this.$input && $.trim(this.$input.val());
+    };
+
+    // Set current search string
+    SearchBox.prototype.setSearch = function(value, notTriggerChange) {
+        var $input = this.$input;
+        if ($input) {
+            $input.val(value);
+            if (!notTriggerChange) {
+                $input.trigger('change');
+            }
+        }
+    };
+
+    // Focus input element
+    SearchBox.prototype.focus = function() {
+        this.$input && this.$input.focus();
+    };
+
+    // Extense jquery element
+    $.fn.searchBox = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new SearchBox(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    SearchBox.NAME = NAME;
+
+    $.fn.searchBox.Constructor = SearchBox;
+}(jQuery));
+
+
+/* ========================================================================
+ * ZUI: draggable.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, document) {
+    'use strict';
+
+    var NAME     = 'zui.draggable',
+        DEFAULTS = {
+        // selector: '',
+        container: 'body',
+        move: true
+        // mouseButton: -1 // 0, 1, 2, -1, all, left,  right, middle
+    };
+    var idIncrementer = 0;
+
+    var Draggable = function(element, options) {
+        var that     = this;
+        that.$       = $(element);
+        that.id      = idIncrementer++;
+        that.options = $.extend({}, DEFAULTS, that.$.data(), options);
+        that.init();
+    };
+
+    Draggable.DEFAULTS = DEFAULTS;
+    Draggable.NAME     = NAME;
+
+    Draggable.prototype.init = function() {
+        var that           = this,
+            $root          = that.$,
+            BEFORE         = 'before',
+            DRAG           = 'drag',
+            FINISH         = 'finish',
+            eventSuffix    = '.' + NAME + '.' + that.id,
+            mouseDownEvent = 'mousedown' + eventSuffix,
+            mouseUpEvent   = 'mouseup' + eventSuffix,
+            mouseMoveEvent = 'mousemove' + eventSuffix,
+            setting        = that.options,
+            selector       = setting.selector,
+            handle         = setting.handle,
+            $ele           = $root,
+            isMoveFunc     = $.isFunction(setting.move),
+            startPos,
+            cPos,
+            startOffset,
+            mousePos,
+            moved;
+
+        var mouseMove = function(event) {
+            var mX      = event.pageX,
+                mY      = event.pageY;
+                moved   = true;
+            var dragPos = {
+                left: mX - startOffset.x,
+                top: mY - startOffset.y
+            };
+
+            $ele.removeClass('drag-ready').addClass('dragging');
+            if(setting.move) {
+                if (isMoveFunc) {
+                    setting.move(dragPos, $ele);
+                } else {
+                    $ele.css(dragPos);
+                }
+            }
+
+            setting[DRAG] && setting[DRAG]({
+                event: event,
+                element: $ele,
+                startOffset: startOffset,
+                pos: dragPos,
+                offset: {
+                    x: mX - startPos.x,
+                    y: mY - startPos.y
+                },
+                smallOffset: {
+                    x: mX - mousePos.x,
+                    y: mY - mousePos.y
+                }
+            });
+            mousePos.x = mX;
+            mousePos.y = mY;
+
+            if(setting.stopPropagation) {
+                event.stopPropagation();
+            }
+        };
+
+        var mouseUp = function(event) {
+            $(document).off(eventSuffix);
+            if(!moved) {
+                $ele.removeClass('drag-ready');
+                return;
+            }
+            var endPos = {
+                left: event.pageX - startOffset.x,
+                top: event.pageY - startOffset.y
+            };
+            $ele.removeClass('drag-ready dragging');
+            if(setting.move) {
+                if (isMoveFunc) {
+                    setting.move(endPos, $ele);
+                } else {
+                    $ele.css(endPos);
+                }
+            }
+
+            setting[FINISH] && setting[FINISH]({
+                event: event,
+                element: $ele,
+                startOffset: startOffset,
+                pos: endPos,
+                offset: {
+                    x: event.pageX - startPos.x,
+                    y: event.pageY - startPos.y
+                },
+                smallOffset: {
+                    x: event.pageX - mousePos.x,
+                    y: event.pageY - mousePos.y
+                }
+            });
+            event.preventDefault();
+            if(setting.stopPropagation) {
+                event.stopPropagation();
+            }
+        };
+
+        var mouseDown = function(event) {
+            var mouseButton = $.zui.getMouseButtonCode(setting.mouseButton);
+            if(mouseButton > -1 && event.button !== mouseButton) {
+                return;
+            }
+
+            var $mouseDownEle = $(this);
+            if(selector) {
+                $ele = handle ? $mouseDownEle.closest(selector) : $mouseDownEle;
+            }
+
+            if(setting[BEFORE]) {
+                var isSure = setting[BEFORE]({
+                    event: event,
+                    element: $ele
+                });
+                if(isSure === false) return;
+            }
+
+            var $container = $(setting.container),
+                pos        = $ele.offset();
+                cPos       = $container.offset();
+                startPos   = {
+                    x: event.pageX,
+                    y: event.pageY
+                };
+                startOffset = {
+                    x: event.pageX - pos.left + cPos.left,
+                    y: event.pageY - pos.top + cPos.top
+                };
+                mousePos    = $.extend({}, startPos);
+                moved       = false;
+
+            $ele.addClass('drag-ready');
+            event.preventDefault();
+
+            if(setting.stopPropagation) {
+                event.stopPropagation();
+            }
+
+            $(document).on(mouseMoveEvent, mouseMove).on(mouseUpEvent, mouseUp);
+        };
+
+        if(handle) {
+            $root.on(mouseDownEvent, handle, mouseDown);
+        } else if(selector) {
+            $root.on(mouseDownEvent, selector, mouseDown);
+        } else {
+            $root.on(mouseDownEvent, mouseDown);
+        }
+    };
+
+    Draggable.prototype.destroy = function() {
+        var eventSuffix = '.' + NAME + '.' + this.id;
+        this.$.off(eventSuffix);
+        $(document).off(eventSuffix);
+        this.$.data(NAME, null);
+    };
+
+    $.fn.draggable = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new Draggable(this, options)));
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.draggable.Constructor = Draggable;
+}(jQuery, document));
+
+
+/* ========================================================================
+ * ZUI: droppable.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, document, Math) {
+    'use strict';
+
+    var NAME     = 'zui.droppable',
+        DEFAULTS = {
+        // container: '',
+        // selector: '',
+        // handle: '',
+        // flex: false,
+        // nested: false,
+        target: '.droppable-target',
+        deviation: 5,
+        sensorOffsetX: 0,
+        sensorOffsetY: 0,
+         // mouseButton: -1 // 0, 1, 2, -1, all, left,  right, middle
+    };
+    var idIncrementer = 0;
+
+    var Droppable = function(element, options) {
+        var that     = this;
+        that.id      = idIncrementer++;
+        that.$       = $(element);
+        that.options = $.extend({}, DEFAULTS, that.$.data(), options);
+        that.init();
+    };
+
+    Droppable.DEFAULTS = DEFAULTS;
+    Droppable.NAME     = NAME;
+
+    Droppable.prototype.trigger = function(name, params) {
+        return $.zui.callEvent(this.options[name], params, this);
+    };
+
+    Droppable.prototype.init = function() {
+        var that           = this,
+            $root          = that.$,
+            setting        = that.options,
+            deviation      = setting.deviation,
+            eventSuffix    = '.' + NAME + '.' + that.id,
+            mouseDownEvent = 'mousedown' + eventSuffix,
+            mouseUpEvent   = 'mouseup' + eventSuffix,
+            mouseMoveEvent = 'mousemove' + eventSuffix,
+            selector       = setting.selector,
+            handle         = setting.handle,
+            flex           = setting.flex,
+            container      = setting.container,
+            canMoveHere    = setting.canMoveHere,
+            $ele           = $root,
+            isMouseDown    = false,
+            $container     = container ? $(setting.container).first() : (selector ? $root : $('body')),
+            $targets,
+            $target,
+            $shadow,
+            isIn,
+            isSelf,
+            oldCssPosition,
+            startOffset,
+            startMouseOffset,
+            containerOffset,
+            clickOffset,
+            mouseOffset,
+            lastMouseOffset,
+            mouseDownBackEventCall;
+
+        var mouseMove = function(event) {
+            if(!isMouseDown) return;
+
+            mouseOffset = {left: event.pageX, top: event.pageY};
+
+            // ignore small move
+            if(Math.abs(mouseOffset.left - startMouseOffset.left) < deviation && Math.abs(mouseOffset.top - startMouseOffset.top) < deviation) return;
+
+            if($shadow === null) // create shadow
+            {
+                var cssPosition = $container.css('position');
+                if(cssPosition != 'absolute' && cssPosition != 'relative' && cssPosition != 'fixed') {
+                    oldCssPosition = cssPosition;
+                    $container.css('position', 'relative');
+                }
+
+                $shadow = $ele.clone().removeClass('drag-from').addClass('drag-shadow').css({
+                    position:   'absolute',
+                    width:      $ele.outerWidth(),
+                    transition: 'none'
+                }).appendTo($container);
+                $ele.addClass('dragging');
+
+                that.trigger('start', {
+                    event:   event,
+                    element: $ele
+                });
+            }
+
+            var offset = {
+                left: mouseOffset.left - clickOffset.left,
+                top:  mouseOffset.top - clickOffset.top
+            };
+            var position = {
+                left: offset.left - containerOffset.left,
+                top:  offset.top - containerOffset.top
+            };
+            $shadow.css(position);
+            $.extend(lastMouseOffset, mouseOffset);
+
+            var isNew = false;
+                isIn = false;
+
+            if(!flex) {
+                $targets.removeClass('drop-to');
+            }
+
+            var $newTarget = null;
+            $targets.each(function() {
+                var t    = $(this),
+                    tPos = t.offset(),
+                    tW   = t.outerWidth(),
+                    tH   = t.outerHeight(),
+                    tX   = tPos.left + setting.sensorOffsetX,
+                    tY   = tPos.top + setting.sensorOffsetY;
+
+                if(mouseOffset.left > tX && mouseOffset.top > tY && mouseOffset.left < (tX + tW) && mouseOffset.top < (tY + tH)) {
+                    if($newTarget) $newTarget.removeClass('drop-to');
+                    $newTarget = t;
+                    if(!setting.nested) return false;
+                }
+            });
+
+            if($newTarget) {
+                isIn = true;
+                var id = $newTarget.data('id');
+                if($ele.data('id') != id) isSelf = false;
+                if($target === null || ($target.data('id') !== id && (!isSelf))) isNew = true;
+                $target = $newTarget;
+                if(flex) {
+                    $targets.removeClass('drop-to');
+                }
+                $target.addClass('drop-to');
+            }
+
+
+            if(!flex) {
+                $ele.toggleClass('drop-in', isIn);
+                $shadow.toggleClass('drop-in', isIn);
+            } else if($target !== null && $target.length) {
+                isIn = true;
+            }
+
+            if(!canMoveHere || canMoveHere($ele, $target) !== false) {
+                that.trigger('drag', {
+                    event: event,
+                    isIn: isIn,
+                    target: $target,
+                    element: $ele,
+                    isNew: isNew,
+                    selfTarget: isSelf,
+                    clickOffset: clickOffset,
+                    offset: offset,
+                    position: {
+                        left: offset.left - containerOffset.left,
+                        top: offset.top - containerOffset.top
+                    },
+                    mouseOffset: mouseOffset
+                });
+            }
+
+            event.preventDefault();
+        };
+
+        var mouseUp = function(event) {
+            $(document).off(eventSuffix);
+            clearTimeout(mouseDownBackEventCall);
+            if(!isMouseDown) return;
+
+            isMouseDown = false;
+
+            if(oldCssPosition) {
+                $container.css('position', oldCssPosition);
+            }
+
+            if($shadow === null) {
+                $ele.removeClass('drag-from');
+                that.trigger('always', {
+                    event: event,
+                    cancel: true
+                });
+                return;
+            }
+
+            if(!isIn) $target = null;
+            var isSure = true;
+            mouseOffset = event ? {
+                left: event.pageX,
+                top: event.pageY
+            } : lastMouseOffset;
+            var offset = {
+                left: mouseOffset.left - clickOffset.left,
+                top: mouseOffset.top - clickOffset.top
+            };
+            var moveOffset = {
+                left: mouseOffset.left - lastMouseOffset.left,
+                top: mouseOffset.top - lastMouseOffset.top
+            };
+            lastMouseOffset.left = mouseOffset.left;
+            lastMouseOffset.top = mouseOffset.top;
+            var eventOptions = {
+                event: event,
+                isIn: isIn,
+                target: $target,
+                element: $ele,
+                isNew: (!isSelf) && $target !== null,
+                selfTarget: isSelf,
+                offset: offset,
+                mouseOffset: mouseOffset,
+                position: {
+                    left: offset.left - containerOffset.left,
+                    top: offset.top - containerOffset.top
+                },
+                lastMouseOffset: lastMouseOffset,
+                moveOffset: moveOffset
+            };
+
+            isSure = that.trigger('beforeDrop', eventOptions);
+
+            if(isSure && isIn) {
+                that.trigger('drop', eventOptions);
+            }
+
+            $targets.removeClass('drop-to');
+            $ele.removeClass('dragging').removeClass('drag-from');
+            $shadow.remove();
+            $shadow = null;
+
+            that.trigger('finish', eventOptions);
+            that.trigger('always', eventOptions);
+
+            if(event) event.preventDefault();
+        };
+
+        var mouseDown = function(event) {
+            var mouseButton = $.zui.getMouseButtonCode(setting.mouseButton);
+            if(mouseButton > -1 && event.button !== mouseButton) {
+                return;
+            }
+
+            var $mouseDownEle = $(this);
+            if(selector) {
+                $ele = handle ? $mouseDownEle.closest(selector) : $mouseDownEle;
+            }
+
+            if($ele.hasClass('drag-shadow')) {
+                return;
+            }
+
+            if(setting['before']) {
+                if(setting['before']({
+                    event: event,
+                    element: $ele
+                }) === false) return;
+            }
+
+            isMouseDown = true;
+            $targets         = $.isFunction(setting.target) ? setting.target($root) : $container.find(setting.target),
+            $target          = null,
+            $shadow          = null,
+            isIn             = false,
+            isSelf           = true,
+            oldCssPosition   = null,
+            startOffset      = $ele.offset(),
+            containerOffset  = $container.offset();
+            startMouseOffset = {left: event.pageX, top: event.pageY};
+            lastMouseOffset  = $.extend({}, startMouseOffset);
+            clickOffset      = {
+                left: startMouseOffset.left - startOffset.left,
+                top: startMouseOffset.top - startOffset.top
+            };
+
+            $ele.addClass('drag-from');
+            $(document).on(mouseMoveEvent, mouseMove).on(mouseUpEvent, mouseUp);
+            mouseDownBackEventCall = setTimeout(function() {
+                $(document).on(mouseDownEvent, mouseUp);
+            }, 10);
+            event.preventDefault();
+        };
+
+        if(handle) {
+            $root.on(mouseDownEvent, handle, mouseDown);
+        } else if(selector) {
+            $root.on(mouseDownEvent, selector, mouseDown);
+        } else {
+            $root.on(mouseDownEvent, mouseDown);
+        }
+    };
+
+    Droppable.prototype.destroy = function() {
+        var eventSuffix = '.' + NAME + '.' + this.id;
+        this.$.off(eventSuffix);
+        $(document).off(eventSuffix);
+        this.$.data(NAME, null);
+    };
+
+    Droppable.prototype.reset = function() {
+        this.destroy();
+        this.init();
+    };
+
+    $.fn.droppable = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new Droppable(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.droppable.Constructor = Droppable;
+}(jQuery, document, Math));
+
+/* ========================================================================
+ * Bootstrap: modal.js v3.2.0
+ * http://getbootstrap.com/javascript/#modals
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ========================================================================
+ * Updates in ZUI：
+ * 1. changed event namespace to *.zui.modal
+ * 2. added position option to ajust poisition of modal
+ * 3. added event 'escaping.zui.modal' with an param 'esc' to judge the esc
+ *    key down
+ * 4. get moveable options value from '.modal-moveable' on '.modal-dialog'
+ * 5. add setMoveable method to make modal dialog moveable
+ * ======================================================================== */
+
++ function($, undefined) {
+    'use strict';
+
+    // MODAL CLASS DEFINITION
+    // ======================
+
+    var zuiname = 'zui.modal'
+    var Modal = function(element, options) {
+        var that = this;
+        that.options = options
+        that.$body = $(document.body)
+        that.$element = $(element)
+        that.$backdrop =
+            that.isShown = null
+        that.scrollbarWidth = 0
+
+        if(options.moveable === undefined) {
+            that.options.moveable = that.$element.hasClass('modal-moveable');
+        }
+
+        if(options.remote) {
+            that.$element
+                .find('.modal-content')
+                .load(options.remote, function() {
+                    that.$element.trigger('loaded.' + zuiname)
+                })
+        }
+    }
+
+    Modal.VERSION = '3.2.0'
+
+    Modal.TRANSITION_DURATION = 300
+    Modal.BACKDROP_TRANSITION_DURATION = 150
+
+    Modal.DEFAULTS = {
+        backdrop: true,
+        keyboard: true,
+        show: true,
+        // rememberPos: false,
+        // moveable: false,
+        position: 'fit' // 'center' or '40px' or '10%',
+    };
+
+    var setDialogPos = function($dialog, pos) {
+        var $window = $(window);
+        pos.left = Math.max(0, Math.min(pos.left, $window.width() - $dialog.outerWidth()));
+        pos.top = Math.max(0, Math.min(pos.top, $window.height() - $dialog.outerHeight()));
+        $dialog.css(pos);
+    };
+
+    Modal.prototype.toggle = function(_relatedTarget, position) {
+        return this.isShown ? this.hide() : this.show(_relatedTarget, position)
+    }
+
+    Modal.prototype.ajustPosition = function(position) {
+        var that = this;
+        var options = that.options;
+        if(position === undefined) position = options.position;
+        if(position === undefined) return;
+        if ($.isFunction(position)) {
+            position = position(that);
+        }
+        var $dialog = that.$element.find('.modal-dialog');
+
+        var half = Math.max(0, ($(window).height() - $dialog.outerHeight()) / 2);
+        if (position === 'fit') {
+            position = {marginTop: half * 2 / 3};
+        } else if (position === 'center') {
+            position = {marginTop: half};
+        } else if (!$.isPlainObject(position)) {
+            position = {marginTop: position};
+        }
+        if($dialog.hasClass('modal-moveable')) {
+            var pos = null;
+            var rememberPos = options.rememberPos;
+            if(rememberPos) {
+                if(rememberPos === true) {
+                    pos = that.$element.data('modal-pos');
+                } else if($.zui.store) {
+                    pos = $.zui.store.pageGet(zuiname + '.rememberPos.' + rememberPos);
+                }
+            }
+            position = $.extend(position, {left: Math.max(0, ($(window).width() - $dialog.outerWidth()) / 2)}, pos);
+            if (options.moveable === 'inside') {
+                setDialogPos($dialog, position);
+            } else {
+                $dialog.css(position);
+            }
+        } else {
+            $dialog.css(position);
+        }
+    }
+
+    Modal.prototype.setMoveale = function() {
+        if(!$.fn.draggable) console.error('Moveable modal requires draggable.js.');
+        var that = this;
+        var options = that.options;
+        var $dialog = that.$element.find('.modal-dialog').removeClass('modal-dragged');
+        $dialog.toggleClass('modal-moveable', !!options.moveable);
+
+        if(!that.$element.data('modal-moveable-setup')) {
+            $dialog.draggable({
+                container: that.$element,
+                handle: '.modal-header',
+                before: function() {
+                    var marginTop = $dialog.css('margin-top');
+                    if (marginTop && marginTop !== '0px') {
+                        $dialog.css('top', marginTop).css('margin-top', '').addClass('modal-dragged');
+                    }
+                },
+                finish: function(e) {
+                    var rememberPos = options.rememberPos;
+                    if(rememberPos) {
+                        that.$element.data('modal-pos', e.pos);
+                        if($.zui.store && rememberPos !== true) {
+                            $.zui.store.pageSet(zuiname + '.rememberPos.' + rememberPos, e.pos);
+                        }
+                    }
+                },
+                move: options.moveable === 'inside' ? function (dragPos) {
+                    setDialogPos($dialog, dragPos);
+                } : true
+            });
+        }
+    }
+
+    Modal.prototype.show = function(_relatedTarget, position) {
+        var that = this
+        var e = $.Event('show.' + zuiname, {
+            relatedTarget: _relatedTarget
+        })
+
+        that.$element.trigger(e)
+
+        if(that.isShown || e.isDefaultPrevented()) return
+
+        that.isShown = true
+
+        if(that.options.moveable) that.setMoveale();
+
+        that.checkScrollbar()
+        if (that.options.backdrop !== false) {
+            that.$body.addClass('modal-open')
+            that.setScrollbar()
+        }
+
+        that.escape()
+
+        that.$element.on('click.dismiss.' + zuiname, '[data-dismiss="modal"]', $.proxy(that.hide, that))
+
+        that.backdrop(function() {
+            var transition = $.support.transition && that.$element.hasClass('fade')
+
+            if(!that.$element.parent().length) {
+                that.$element.appendTo(that.$body) // don't move modals dom position
+            }
+
+            that.$element
+                .show()
+                .scrollTop(0)
+
+            if(transition) {
+                that.$element[0].offsetWidth // force reflow
+            }
+
+            that.$element
+                .addClass('in')
+                .attr('aria-hidden', false)
+
+            that.ajustPosition(position);
+
+            that.enforceFocus()
+
+            var e = $.Event('shown.' + zuiname, {
+                relatedTarget: _relatedTarget
+            })
+
+            transition ?
+                that.$element.find('.modal-dialog') // wait for modal to slide in
+                .one('bsTransitionEnd', function() {
+                    that.$element.trigger('focus').trigger(e)
+                })
+                .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
+                that.$element.trigger('focus').trigger(e)
+        })
+    }
+
+    Modal.prototype.hide = function(e) {
+        if(e) e.preventDefault()
+
+        var that = this;
+
+        e = $.Event('hide.' + zuiname)
+
+        that.$element.trigger(e)
+
+        if(!that.isShown || e.isDefaultPrevented()) return
+
+        that.isShown = false
+
+        if (that.options.backdrop !== false) {
+            that.$body.removeClass('modal-open')
+            that.resetScrollbar()
+        }
+
+        that.escape()
+
+        $(document).off('focusin.' + zuiname)
+
+        that.$element
+            .removeClass('in')
+            .attr('aria-hidden', true)
+            .off('click.dismiss.' + zuiname)
+
+        $.support.transition && that.$element.hasClass('fade') ?
+            that.$element
+            .one('bsTransitionEnd', $.proxy(that.hideModal, that))
+            .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
+            that.hideModal()
+    }
+
+    Modal.prototype.enforceFocus = function() {
+        $(document)
+            .off('focusin.' + zuiname) // guard against infinite focus loop
+            .on('focusin.' + zuiname, $.proxy(function(e) {
+                if(this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+                    this.$element.trigger('focus')
+                }
+            }, this))
+    }
+
+    Modal.prototype.escape = function() {
+        if(this.isShown && this.options.keyboard) {
+            $(document).on('keydown.dismiss.' + zuiname, $.proxy(function(e) {
+                if(e.which == 27) {
+                    var et = $.Event('escaping.' + zuiname)
+                    var result = this.$element.triggerHandler(et, 'esc')
+                    if(result != undefined && (!result)) return
+                    this.hide()
+                }
+            }, this))
+        } else if(!this.isShown) {
+            $(document).off('keydown.dismiss.' + zuiname)
+        }
+    }
+
+    Modal.prototype.hideModal = function() {
+        var that = this
+        this.$element.hide()
+        this.backdrop(function() {
+            that.$element.trigger('hidden.' + zuiname)
+        })
+    }
+
+    Modal.prototype.removeBackdrop = function() {
+        this.$backdrop && this.$backdrop.remove()
+        this.$backdrop = null
+    }
+
+    Modal.prototype.backdrop = function(callback) {
+        var that = this
+        var animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+        if(this.isShown && this.options.backdrop) {
+            var doAnimate = $.support.transition && animate
+
+            this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+                .appendTo(this.$body)
+
+            this.$element.on('mousedown.dismiss.' + zuiname, $.proxy(function(e) {
+                if(e.target !== e.currentTarget) return
+                this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this)
+            }, this))
+
+            if(doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+            this.$backdrop.addClass('in')
+
+            if(!callback) return
+
+            doAnimate ?
+                this.$backdrop
+                .one('bsTransitionEnd', callback)
+                .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
+                callback()
+
+        } else if(!this.isShown && this.$backdrop) {
+            this.$backdrop.removeClass('in')
+
+            var callbackRemove = function() {
+                that.removeBackdrop()
+                callback && callback()
+            }
+            $.support.transition && this.$element.hasClass('fade') ?
+                this.$backdrop
+                .one('bsTransitionEnd', callbackRemove)
+                .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
+                callbackRemove()
+
+        } else if(callback) {
+            callback()
+        }
+    }
+
+    Modal.prototype.checkScrollbar = function() {
+        if(document.body.clientWidth >= window.innerWidth) return
+        this.scrollbarWidth = this.scrollbarWidth || this.measureScrollbar()
+    }
+
+    Modal.prototype.setScrollbar = function() {
+        var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+        if(this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+    }
+
+    Modal.prototype.resetScrollbar = function() {
+        this.$body.css('padding-right', '')
+    }
+
+    Modal.prototype.measureScrollbar = function() { // thx walsh
+        var scrollDiv = document.createElement('div')
+        scrollDiv.className = 'modal-scrollbar-measure'
+        this.$body.append(scrollDiv)
+        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
+        this.$body[0].removeChild(scrollDiv)
+        return scrollbarWidth
+    }
+
+
+    // MODAL PLUGIN DEFINITION
+    // =======================
+
+    function Plugin(option, _relatedTarget, position) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data(zuiname)
+            var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+            if(!data) $this.data(zuiname, (data = new Modal(this, options)))
+            if(typeof option == 'string') data[option](_relatedTarget, position)
+            else if(options.show) data.show(_relatedTarget, position)
+        })
+    }
+
+    var old = $.fn.modal
+
+    $.fn.modal = Plugin
+    $.fn.modal.Constructor = Modal
+
+
+    // MODAL NO CONFLICT
+    // =================
+
+    $.fn.modal.noConflict = function() {
+        $.fn.modal = old
+        return this
+    }
+
+
+    // MODAL DATA-API
+    // ==============
+
+    $(document).on('click.' + zuiname + '.data-api', '[data-toggle="modal"]', function(e) {
+        var $this = $(this)
+        var href = $this.attr('href')
+        var $target = null
+        try {
+            // strip for ie7
+            $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')));
+        } catch(ex) {
+            return
+        }
+        if(!$target.length) return;
+        var option = $target.data(zuiname) ? 'toggle' : $.extend({
+            remote: !/#/.test(href) && href
+        }, $target.data(), $this.data())
+
+        if($this.is('a')) e.preventDefault()
+
+        $target.one('show.' + zuiname, function(showEvent) {
+            // only register focus restorer if modal will actually get shown
+            if(showEvent.isDefaultPrevented()) return
+            $target.one('hidden.' + zuiname, function() {
+                $this.is(':visible') && $this.trigger('focus')
+            })
+        })
+        Plugin.call($target, option, this, $this.data('position'))
+    })
+
+}(jQuery, undefined);
+
+
+/* ========================================================================
+ * ZUI: modal.trigger.js [1.2.0+]
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, window, undefined) {
+    'use strict';
+
+    if(!$.fn.modal) throw new Error('Modal trigger requires modal.js');
+
+    var NAME = 'zui.modaltrigger',
+        STR_AJAX = 'ajax',
+        ZUI_MODAL = '.zui.modal',
+        STR_STRING = 'string';
+
+    // MODAL TRIGGER CLASS DEFINITION
+    // ======================
+    var ModalTrigger = function(options, $trigger) {
+        options = $.extend({}, ModalTrigger.DEFAULTS, $.ModalTriggerDefaults, $trigger ? $trigger.data() : null, options);
+        this.isShown;
+        this.$trigger = $trigger;
+        this.options = options;
+        this.id = $.zui.uuid();
+    };
+
+    ModalTrigger.DEFAULTS = {
+        type: 'custom',
+        // width: null, // number, css definition
+        // size: null, // 'md', 'sm', 'lg', 'fullscreen'
+        height: 'auto',
+        // icon: null,
+        name: 'triggerModal',
+        // className: '',
+        fade: true,
+        position: 'fit',
+        showHeader: true,
+        delay: 0,
+        // iframeBodyClass: '',
+        // onlyIncreaseHeight: false,
+        // moveable: false,
+        // rememberPos: false,
+        backdrop: true,
+        keyboard: true,
+        waittime: 0,
+        loadingIcon: 'icon-spinner-indicator'
+    };
+
+    ModalTrigger.prototype.init = function(options) {
+        var that = this;
+        if(options.url) {
+            if(!options.type || (options.type != STR_AJAX && options.type != 'iframe')) {
+                options.type = STR_AJAX;
+            }
+        }
+        if(options.remote) {
+            options.type = STR_AJAX;
+            if(typeof options.remote === STR_STRING) options.url = options.remote;
+        } else if(options.iframe) {
+            options.type = 'iframe';
+            if(typeof options.iframe === STR_STRING) options.url = options.iframe;
+        } else if(options.custom) {
+            options.type = 'custom';
+            if(typeof options.custom === STR_STRING) {
+                var $doms;
+                try {
+                    $doms = $(options.custom);
+                } catch(e) {}
+
+                if($doms && $doms.length) {
+                    options.custom = $doms;
+                } else if($.isFunction(window[options.custom])) {
+                    options.custom = window[options.custom];
+                }
+            }
+        }
+
+        var $modal = $('#' + options.name);
+        if($modal.length) {
+            if(!that.isShown) $modal.off(ZUI_MODAL);
+            $modal.remove();
+        }
+        $modal = $('<div id="' + options.name + '" class="modal modal-trigger ' + (options.className || '') + '">' + (typeof options.loadingIcon === 'string' && options.loadingIcon.indexOf('icon-') === 0 ? ('<div class="icon icon-spin loader ' + options.loadingIcon + '"></div>') : options.loadingIcon) + '<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo('body').data(NAME, that);
+
+        var bindEvent = function(optonName, eventName) {
+            var handleFunc = options[optonName];
+            if($.isFunction(handleFunc)) $modal.on(eventName + ZUI_MODAL, handleFunc);
+        };
+        bindEvent('onShow', 'show');
+        bindEvent('shown',  'shown');
+        bindEvent('onHide', 'hide');
+        bindEvent('hidden', 'hidden');
+        bindEvent('loaded', 'loaded');
+
+        $modal.on('shown' + ZUI_MODAL, function() {
+            that.isShown = true;
+        }).on('hidden' + ZUI_MODAL, function() {
+            that.isShown = false;
+        });
+
+        this.$modal = $modal;
+        this.$dialog = $modal.find('.modal-dialog');
+
+        if(options.mergeOptions) this.options = options;
+    };
+
+    ModalTrigger.prototype.show = function(option) {
+        var options = $.extend({}, this.options, {url: this.$trigger ? (this.$trigger.attr('href') || this.$trigger.attr('data-url') || this.$trigger.data('url')) : this.options.url}, option);
+        this.init(options);
+        var that = this,
+            $modal = this.$modal,
+            $dialog = this.$dialog,
+            custom = options.custom;
+        var $body = $dialog.find('.modal-body').css('padding', ''),
+            $header = $dialog.find('.modal-header'),
+            $content = $dialog.find('.modal-content');
+
+        $modal.toggleClass('fade', options.fade)
+            .addClass(options.className)
+            .toggleClass('modal-loading', !this.isShown);
+
+        $dialog.toggleClass('modal-md', options.size === 'md')
+            .toggleClass('modal-sm', options.size === 'sm')
+            .toggleClass('modal-lg', options.size === 'lg')
+            .toggleClass('modal-fullscreen', options.size === 'fullscreen');
+
+        $header.toggle(options.showHeader);
+        $header.find('.modal-icon').attr('class', 'modal-icon icon-' + options.icon);
+        $header.find('.modal-title-name').text(options.title || '');
+        if(options.size && options.size === 'fullscreen') {
+            options.width = '';
+            options.height = '';
+        }
+
+        var resizeDialog = function() {
+            clearTimeout(this.resizeTask);
+            this.resizeTask = setTimeout(function() {
+                that.ajustPosition(options.position);
+            }, 100);
+        };
+
+        var readyToShow = function(delay, callback) {
+            if(typeof delay === 'undefined') delay = options.delay;
+            return setTimeout(function() {
+                $dialog = $modal.find('.modal-dialog');
+                if(options.width && options.width != 'auto') {
+                    $dialog.css('width', options.width);
+                }
+                if(options.height && options.height != 'auto') {
+                    $dialog.css('height', options.height);
+                    if(options.type === 'iframe') $body.css('height', $dialog.height() - $header.outerHeight());
+                }
+                that.ajustPosition(options.position);
+                $modal.removeClass('modal-loading');
+
+                if(options.type != 'iframe') {
+                    $dialog.off('resize.' + NAME).on('resize.' + NAME, resizeDialog);
+                }
+
+                callback && callback();
+            }, delay);
+        };
+
+        if(options.type === 'custom' && custom) {
+            if($.isFunction(custom)) {
+                var customContent = custom({
+                    modal: $modal,
+                    options: options,
+                    modalTrigger: that,
+                    ready: readyToShow
+                });
+                if(typeof customContent === STR_STRING) {
+                    $body.html(customContent);
+                    readyToShow();
+                }
+            } else if(custom instanceof $) {
+                $body.html($('<div>').append(custom.clone()).html());
+                readyToShow();
+            } else {
+                $body.html(custom);
+                readyToShow();
+            }
+        } else if(options.url) {
+            var onLoadBroken = function() {
+                var brokenContent = $modal.callComEvent(that, 'broken');
+                if(brokenContent) {
+                    $body.html(brokenContent);
+                    readyToShow();
+                }
+            };
+
+            $modal.attr('ref', options.url);
+            if(options.type === 'iframe') {
+                $modal.addClass('modal-iframe');
+                this.firstLoad = true;
+                var iframeName = 'iframe-' + options.name;
+                $header.detach();
+                $body.detach();
+                $content.empty().append($header).append($body);
+                $body.css('padding', 0)
+                    .html('<iframe id="' + iframeName + '" name="' + iframeName + '" src="' + options.url + '" frameborder="no"  allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"  allowtransparency="true" scrolling="auto" style="width: 100%; height: 100%; left: 0px;"></iframe>');
+
+                if(options.waittime > 0) {
+                    that.waitTimeout = readyToShow(options.waittime, onLoadBroken);
+                }
+
+                var frame = document.getElementById(iframeName);
+                frame.onload = frame.onreadystatechange = function() {
+                    if(that.firstLoad) $modal.addClass('modal-loading');
+                    if(this.readyState && this.readyState != 'complete') return;
+                    that.firstLoad = false;
+
+                    if(options.waittime > 0) {
+                        clearTimeout(that.waitTimeout);
+                    }
+
+                    try {
+                        $modal.attr('ref', frame.contentWindow.location.href);
+                        var frame$ = window.frames[iframeName].$;
+                        if(frame$ && options.height === 'auto' && options.size != 'fullscreen') {
+                            // todo: update iframe url to ref attribute
+                            var $framebody = frame$('body').addClass('body-modal');
+                            if(options.iframeBodyClass) $framebody.addClass(options.iframeBodyClass);
+                            var ajustFrameSize = function(check) {
+                                $modal.removeClass('fade');
+                                var height = $framebody.outerHeight();
+                                if(check === true && options.onlyIncreaseHeight) {
+                                    height = Math.max(height, $body.data('minModalHeight') || 0);
+                                    $body.data('minModalHeight', height);
+                                }
+                                $body.css('height', height);
+                                if(options.fade) $modal.addClass('fade');
+                                readyToShow();
+                            };
+
+                            $modal.callComEvent(that, 'loaded', {
+                                modalType: 'iframe',
+                                jQuery: frame$
+                            });
+
+                            setTimeout(ajustFrameSize, 100);
+
+                            $framebody.off('resize.' + NAME).on('resize.' + NAME, resizeDialog);
+                        } else {
+                            readyToShow();
+                        }
+
+                        frame$.extend({
+                            closeModal: window.closeModal
+                        });
+                    } catch(e) {
+                        readyToShow();
+                    }
+                };
+            } else {
+                $.ajax($.extend({
+                    url: options.url,
+                    success: function(data) {
+                        try {
+                            var $data = $(data);
+                            if($data.filter('.modal-dialog').length) {
+                                $dialog.replaceWith($data);
+                            } else if($data.filter('.modal-content').length) {
+                                $dialog.find('.modal-content').replaceWith($data);
+                            } else {
+                                $body.wrapInner($data);
+                            }
+                        } catch(e) {
+                            if (window.console && window.console.warn) {
+                                console.warn('ZUI: Cannot recogernize remote content.', {error: e, data: data});
+                            }
+                            $modal.html(data);
+                        }
+                        $modal.callComEvent(that, 'loaded', {
+                            modalType: STR_AJAX
+                        });
+                        readyToShow();
+                    },
+                    error: onLoadBroken
+                }, options.ajaxOptions));
+            }
+        }
+
+        $modal.modal({
+            show       : 'show',
+            backdrop   : options.backdrop,
+            moveable   : options.moveable,
+            rememberPos: options.rememberPos,
+            keyboard   : options.keyboard
+        });
+    };
+
+    ModalTrigger.prototype.close = function(callback, redirect) {
+        if(callback || redirect) {
+            this.$modal.on('hidden' + ZUI_MODAL, function() {
+                if($.isFunction(callback)) callback();
+
+                if(typeof redirect === STR_STRING) {
+                    if(redirect === 'this') window.location.reload();
+                    else window.location = redirect;
+                }
+            });
+        }
+        this.$modal.modal('hide');
+    };
+
+    ModalTrigger.prototype.toggle = function(options) {
+        if(this.isShown) this.close();
+        else this.show(options);
+    };
+
+    ModalTrigger.prototype.ajustPosition = function(position) {
+        position = position === undefined ? this.options.position : position;
+        if ($.isFunction(position)) {
+            position = position(this);
+        }
+        this.$modal.modal('ajustPosition', position);
+    };
+
+    $.zui({
+        ModalTrigger: ModalTrigger,
+        modalTrigger: new ModalTrigger()
+    });
+
+    $.fn.modalTrigger = function(option, settings) {
+        return $(this).each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME),
+                options = $.extend({
+                    title: $this.attr('title') || $this.text(),
+                    url: $this.attr('href'),
+                    type: $this.hasClass('iframe') ? 'iframe' : ''
+                }, $this.data(), $.isPlainObject(option) && option);
+            if(!data) $this.data(NAME, (data = new ModalTrigger(options, $this)));
+            if(typeof option == STR_STRING) data[option](settings);
+            else if(options.show) data.show(settings);
+
+            $this.on((options.trigger || 'click') + '.toggle.' + NAME, function(e) {
+                data.toggle(options);
+                if($this.is('a')) e.preventDefault();
+            });
+        });
+    };
+
+    var old = $.fn.modal;
+    $.fn.modal = function(option, settings) {
+        return $(this).each(function() {
+            var $this = $(this);
+            if($this.hasClass('modal')) old.call($this, option, settings);
+            else $this.modalTrigger(option, settings);
+        });
+    };
+
+    var getModal = function(modal) {
+        var modalType = typeof(modal);
+        if(modalType === 'undefined') {
+            modal = $('.modal.modal-trigger');
+        } else if(modalType === STR_STRING) {
+            modal = $(modal);
+        }
+        if(modal && (modal instanceof $)) return modal;
+        return null;
+    };
+
+    // callback, redirect, modal
+    var closeModal = function(modal, callback, redirect) {
+        if($.isFunction(modal)) {
+            var oldModal = redirect;
+            redirect = callback;
+            callback = modal;
+            modal = oldModal;
+        }
+        modal = getModal(modal);
+        if(modal && modal.length) {
+            modal.each(function() {
+                $(this).data(NAME).close(callback, redirect);
+            });
+        }
+    };
+
+    var ajustModalPosition = function(position, modal) {
+        modal = getModal(modal);
+        if(modal && modal.length) {
+            modal.modal('ajustPosition', position);
+        }
+    };
+
+    $.zui({
+        closeModal: closeModal,
+        ajustModalPosition: ajustModalPosition
+    });
+
+    $(document).on('click.' + NAME + '.data-api', '[data-toggle="modal"]', function(e) {
+        var $this = $(this);
+        var href = $this.attr('href');
+        var $target = null;
+        try {
+            $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')));
+        } catch(ex) {}
+        if(!$target || !$target.length) {
+            if(!$this.data(NAME)) {
+                $this.modalTrigger({
+                    show: true,
+                });
+            } else {
+                $this.trigger('.toggle.' + NAME);
+            }
+        }
+        if($this.is('a')) {
+            e.preventDefault();
+        }
+    });
+}(window.jQuery, window, undefined));
+
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.0.0
+ * http://twzui.github.com/bootstrap/javascript.html#tooltip
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ *  
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // TOOLTIP PUBLIC CLASS DEFINITION
+    // ===============================
+
+    var Tooltip = function(element, options) {
+        this.type = null
+        this.options = null
+        this.enabled = null
+        this.timeout = null
+        this.hoverState = null
+        this.$element = null
+
+        this.init('tooltip', element, options)
+    } 
+
+    Tooltip.DEFAULTS = {
+        animation: true,
+        placement: 'top',
+        selector: false,
+        template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
+        trigger: 'hover focus',
+        title: '',
+        delay: 0,
+        html: false,
+        container: false
+    }
+
+    Tooltip.prototype.init = function(type, element, options) {
+        this.enabled = true
+        this.type = type
+        this.$element = $(element)
+        this.options = this.getOptions(options)
+
+        var triggers = this.options.trigger.split(' ')
+
+        for(var i = triggers.length; i--;) {
+            var trigger = triggers[i]
+
+            if(trigger == 'click') {
+                this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+            } else if(trigger != 'manual') {
+                var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
+                var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
+
+                this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+                this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+            }
+        }
+
+        this.options.selector ?
+            (this._options = $.extend({}, this.options, {
+                trigger: 'manual',
+                selector: ''
+            })) :
+            this.fixTitle()
+    }
+
+    Tooltip.prototype.getDefaults = function() {
+        return Tooltip.DEFAULTS
+    }
+
+    Tooltip.prototype.getOptions = function(options) {
+        options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+
+        if(options.delay && typeof options.delay == 'number') {
+            options.delay = {
+                show: options.delay,
+                hide: options.delay
+            }
+        }
+
+        return options
+    }
+
+    Tooltip.prototype.getDelegateOptions = function() {
+        var options = {}
+        var defaults = this.getDefaults()
+
+        this._options && $.each(this._options, function(key, value) {
+            if(defaults[key] != value) options[key] = value
+        })
+
+        return options
+    }
+
+    Tooltip.prototype.enter = function(obj) {
+        var self = obj instanceof this.constructor ?
+            obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type)
+
+        clearTimeout(self.timeout)
+
+        self.hoverState = 'in'
+
+        if(!self.options.delay || !self.options.delay.show) return self.show()
+
+        self.timeout = setTimeout(function() {
+            if(self.hoverState == 'in') self.show()
+        }, self.options.delay.show)
+    }
+
+    Tooltip.prototype.leave = function(obj) {
+        var self = obj instanceof this.constructor ?
+            obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type)
+
+        clearTimeout(self.timeout)
+
+        self.hoverState = 'out'
+
+        if(!self.options.delay || !self.options.delay.hide) return self.hide()
+
+        self.timeout = setTimeout(function() {
+            if(self.hoverState == 'out') self.hide()
+        }, self.options.delay.hide)
+    }
+
+    Tooltip.prototype.show = function(content) {
+        var e = $.Event('show.zui.' + this.type)
+
+        if((content || this.hasContent()) && this.enabled) {
+            var that = this
+            that.$element.trigger(e)
+
+            if(e.isDefaultPrevented()) return
+
+            var $tip = that.tip()
+
+            that.setContent(content)
+
+            if(that.options.animation) $tip.addClass('fade')
+
+            var placement = typeof that.options.placement == 'function' ?
+                that.options.placement.call(that, $tip[0], that.$element[0]) :
+                that.options.placement
+
+            var autoToken = /\s?auto?\s?/i
+            var autoPlace = autoToken.test(placement)
+            if(autoPlace) placement = placement.replace(autoToken, '') || 'top'
+
+            $tip
+                .detach()
+                .css({
+                    top: 0,
+                    left: 0,
+                    display: 'block'
+                })
+                .addClass(placement)
+
+            that.options.container ? $tip.appendTo(that.options.container) : $tip.insertAfter(that.$element)
+
+            var pos = that.getPosition()
+            var actualWidth = $tip[0].offsetWidth
+            var actualHeight = $tip[0].offsetHeight
+
+            if(autoPlace) {
+                var $parent = that.$element.parent()
+
+                var orgPlacement = placement
+                var docScroll = document.documentElement.scrollTop || document.body.scrollTop
+                var parentWidth = that.options.container == 'body' ? window.innerWidth : $parent.outerWidth()
+                var parentHeight = that.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
+                var parentLeft = that.options.container == 'body' ? 0 : $parent.offset().left
+
+                placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :
+                    placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :
+                    placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :
+                    placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :
+                    placement
+
+                $tip
+                    .removeClass(orgPlacement)
+                    .addClass(placement)
+            }
+
+            var calculatedOffset = that.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+
+            that.applyPlacement(calculatedOffset, placement)
+            var complete = function () {
+                var prevHoverState = that.hoverState
+                that.$element.trigger('shown.zui.' + that.type)
+                that.hoverState = null
+
+                if (prevHoverState == 'out') that.leave(that)
+            }
+
+            $.support.transition && that.$tip.hasClass('fade') ?
+                $tip
+                  .one('bsTransitionEnd', complete)
+                  .emulateTransitionEnd(150) :
+                complete()
+        }
+    }
+
+    Tooltip.prototype.applyPlacement = function(offset, placement) {
+        var replace
+        var $tip = this.tip()
+        var width = $tip[0].offsetWidth
+        var height = $tip[0].offsetHeight
+
+        // manually read margins because getBoundingClientRect includes difference
+        var marginTop = parseInt($tip.css('margin-top'), 10)
+        var marginLeft = parseInt($tip.css('margin-left'), 10)
+
+        // we must check for NaN for ie 8/9
+        if(isNaN(marginTop)) marginTop = 0
+        if(isNaN(marginLeft)) marginLeft = 0
+
+        offset.top = offset.top + marginTop
+        offset.left = offset.left + marginLeft
+
+        $tip
+            .offset(offset)
+            .addClass('in')
+
+        // check to see if placing tip in new offset caused the tip to resize itself
+        var actualWidth = $tip[0].offsetWidth
+        var actualHeight = $tip[0].offsetHeight
+
+        if(placement == 'top' && actualHeight != height) {
+            replace = true
+            offset.top = offset.top + height - actualHeight
+        }
+
+        if(/bottom|top/.test(placement)) {
+            var delta = 0
+
+            if(offset.left < 0) {
+                delta = offset.left * -2
+                offset.left = 0
+
+                $tip.offset(offset)
+
+                actualWidth = $tip[0].offsetWidth
+                actualHeight = $tip[0].offsetHeight
+            }
+
+            this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
+        } else {
+            this.replaceArrow(actualHeight - height, actualHeight, 'top')
+        }
+
+        if(replace) $tip.offset(offset)
+    }
+
+    Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
+        this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
+    }
+
+    Tooltip.prototype.setContent = function(content) {
+        var $tip = this.tip()
+        var title = content || this.getTitle()
+
+        if(this.options.tipId) $tip.attr('id', this.options.tipId)
+        if(this.options.tipClass) $tip.addClass(this.options.tipClass)
+
+        $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+        $tip.removeClass('fade in top bottom left right')
+    }
+
+    Tooltip.prototype.hide = function() {
+        var that = this
+        var $tip = this.tip()
+        var e = $.Event('hide.zui.' + this.type)
+
+        function complete() {
+            if(that.hoverState != 'in') $tip.detach()
+        }
+
+        this.$element.trigger(e)
+
+        if(e.isDefaultPrevented()) return
+
+        $tip.removeClass('in')
+
+        $.support.transition && this.$tip.hasClass('fade') ?
+            $tip
+            .one($.support.transition.end, complete)
+            .emulateTransitionEnd(150) :
+            complete()
+
+        this.$element.trigger('hidden.zui.' + this.type)
+
+        return this
+    }
+
+    Tooltip.prototype.fixTitle = function() {
+        var $e = this.$element
+        if($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+            $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
+        }
+    }
+
+    Tooltip.prototype.hasContent = function() {
+        return this.getTitle()
+    }
+
+    Tooltip.prototype.getPosition = function() {
+        var el = this.$element[0]
+        return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
+            width: el.offsetWidth,
+            height: el.offsetHeight
+        }, this.$element.offset())
+    }
+
+    Tooltip.prototype.getCalculatedOffset = function(placement, pos, actualWidth, actualHeight) {
+        return placement == 'bottom' ? {
+                top: pos.top + pos.height,
+                left: pos.left + pos.width / 2 - actualWidth / 2
+            } :
+            placement == 'top' ? {
+                top: pos.top - actualHeight,
+                left: pos.left + pos.width / 2 - actualWidth / 2
+            } :
+            placement == 'left' ? {
+                top: pos.top + pos.height / 2 - actualHeight / 2,
+                left: pos.left - actualWidth
+            } :
+            /* placement == 'right' */
+            {
+                top: pos.top + pos.height / 2 - actualHeight / 2,
+                left: pos.left + pos.width
+            }
+    }
+
+    Tooltip.prototype.getTitle = function() {
+        var title
+        var $e = this.$element
+        var o = this.options
+
+        title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+
+        return title
+    }
+
+    Tooltip.prototype.tip = function() {
+        return this.$tip = this.$tip || $(this.options.template)
+    }
+
+    Tooltip.prototype.arrow = function() {
+        return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
+    }
+
+    Tooltip.prototype.validate = function() {
+        if(!this.$element[0].parentNode) {
+            this.hide()
+            this.$element = null
+            this.options = null
+        }
+    }
+
+    Tooltip.prototype.enable = function() {
+        this.enabled = true
+    }
+
+    Tooltip.prototype.disable = function() {
+        this.enabled = false
+    }
+
+    Tooltip.prototype.toggleEnabled = function() {
+        this.enabled = !this.enabled
+    }
+
+    Tooltip.prototype.toggle = function(e) {
+        var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type) : this
+        self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+    }
+
+    Tooltip.prototype.destroy = function() {
+        this.hide().$element.off('.' + this.type).removeData('zui.' + this.type)
+    }
+
+
+    // TOOLTIP PLUGIN DEFINITION
+    // =========================
+
+    var old = $.fn.tooltip
+
+    $.fn.tooltip = function(option, params) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data('zui.tooltip')
+            var options = typeof option == 'object' && option
+
+            if(!data) $this.data('zui.tooltip', (data = new Tooltip(this, options)))
+            if(typeof option == 'string') data[option](params)
+        })
+    }
+
+    $.fn.tooltip.Constructor = Tooltip
+
+
+    // TOOLTIP NO CONFLICT
+    // ===================
+
+    $.fn.tooltip.noConflict = function() {
+        $.fn.tooltip = old
+        return this
+    }
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * Bootstrap: popover.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#popovers
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // POPOVER PUBLIC CLASS DEFINITION
+    // ===============================
+
+    var Popover = function(element, options) {
+        this.init('popover', element, options)
+    }
+
+    if(!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+
+    Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
+        placement: 'right',
+        trigger: 'click',
+        content: '',
+        template: '<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
+    })
+
+
+    // NOTE: POPOVER EXTENDS tooltip.js
+    // ================================
+
+    Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+
+    Popover.prototype.constructor = Popover
+
+    Popover.prototype.getDefaults = function() {
+        return Popover.DEFAULTS
+    }
+
+    Popover.prototype.setContent = function() {
+        var $tip = this.tip()
+        var target = this.getTarget()
+
+        if(target) {
+            if(target.find('.arrow').length < 1)
+                $tip.addClass('no-arrow')
+            $tip.html(target.html())
+            return
+        }
+
+        var title = this.getTitle()
+        var content = this.getContent()
+
+        $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+        $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
+
+        $tip.removeClass('fade top bottom left right in')
+
+        if(this.options.tipId) $tip.attr('id', this.options.tipId)
+        if(this.options.tipClass) $tip.addClass(this.options.tipClass)
+
+        // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+        // this manually by checking the contents.
+        if(!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+    }
+
+    Popover.prototype.hasContent = function() {
+        return this.getTarget() || this.getTitle() || this.getContent()
+    }
+
+    Popover.prototype.getContent = function() {
+        var $e = this.$element
+        var o = this.options
+
+        return $e.attr('data-content') || (typeof o.content == 'function' ?
+            o.content.call($e[0]) :
+            o.content)
+    }
+
+    Popover.prototype.getTarget = function() {
+        var $e = this.$element
+        var o = this.options
+
+        var target = $e.attr('data-target') || (typeof o.target == 'function' ?
+            o.target.call($e[0]) :
+            o.target)
+        return(target && true) ? (target == '$next' ? $e.next('.popover') : $(target)) : false
+    }
+
+    Popover.prototype.arrow = function() {
+        return this.$arrow = this.$arrow || this.tip().find('.arrow')
+    }
+
+    Popover.prototype.tip = function() {
+        if(!this.$tip) this.$tip = $(this.options.template)
+        return this.$tip
+    }
+
+
+    // POPOVER PLUGIN DEFINITION
+    // =========================
+
+    var old = $.fn.popover
+
+    $.fn.popover = function(option) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data('zui.popover')
+            var options = typeof option == 'object' && option
+
+            if(!data) $this.data('zui.popover', (data = new Popover(this, options)))
+            if(typeof option == 'string') data[option]()
+        })
+    }
+
+    $.fn.popover.Constructor = Popover
+
+
+    // POPOVER NO CONFLICT
+    // ===================
+
+    $.fn.popover.noConflict = function() {
+        $.fn.popover = old
+        return this
+    }
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#dropdowns
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * Bootsrap version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++ function($) {
+    'use strict';
+
+    // DROPDOWN CLASS DEFINITION
+    // =========================
+
+    var zuiname = 'zui.dropdown';
+    var backdrop = '.dropdown-backdrop'
+    var toggle = '[data-toggle=dropdown]'
+    var Dropdown = function(element) {
+        var $el = $(element).on('click.' + zuiname, this.toggle)
+    }
+
+    Dropdown.prototype.toggle = function(e) {
+        var $this = $(this)
+
+        if($this.is('.disabled, :disabled')) return
+
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+
+        clearMenus()
+
+        if(!isActive) {
+            if('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
+                // if mobile we we use a backdrop because click events don't delegate
+                $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
+            }
+
+            $parent.trigger(e = $.Event('show.' + zuiname))
+
+            if(e.isDefaultPrevented()) return
+
+            $parent
+                .toggleClass('open')
+                .trigger('shown.' + zuiname)
+
+            $this.focus()
+        }
+
+        return false
+    }
+
+    Dropdown.prototype.keydown = function(e) {
+        if(!/(38|40|27)/.test(e.keyCode)) return
+
+        var $this = $(this)
+
+        e.preventDefault()
+        e.stopPropagation()
+
+        if($this.is('.disabled, :disabled')) return
+
+        var $parent = getParent($this)
+        var isActive = $parent.hasClass('open')
+
+        if(!isActive || (isActive && e.keyCode == 27)) {
+            if(e.which == 27) $parent.find(toggle).focus()
+            return $this.click()
+        }
+
+        var $items = $('[role=menu] li:not(.divider):visible a', $parent)
+
+        if(!$items.length) return
+
+        var index = $items.index($items.filter(':focus'))
+
+        if(e.keyCode == 38 && index > 0) index-- // up
+            if(e.keyCode == 40 && index < $items.length - 1) index++ // down
+                if(!~index) index = 0
+
+        $items.eq(index).focus()
+    }
+
+    function clearMenus() {
+        $(backdrop).remove()
+        $(toggle).each(function(e) {
+            var $parent = getParent($(this))
+            if(!$parent.hasClass('open')) return
+            $parent.trigger(e = $.Event('hide.' + zuiname))
+            if(e.isDefaultPrevented()) return
+            $parent.removeClass('open').trigger('hidden.' + zuiname)
+        })
+    }
+
+    function getParent($this) {
+        var selector = $this.attr('data-target')
+
+        if(!selector) {
+            selector = $this.attr('href')
+            selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+        }
+        var $parent;
+        try {
+            $parent = selector && $(selector);
+        } catch(e) {}
+        return $parent && $parent.length ? $parent : $this.parent()
+    }
+
+
+    // DROPDOWN PLUGIN DEFINITION
+    // ==========================
+
+    var old = $.fn.dropdown
+
+    $.fn.dropdown = function(option) {
+        return this.each(function() {
+            var $this = $(this)
+            var data = $this.data('dropdown')
+
+            if(!data) $this.data('dropdown', (data = new Dropdown(this)))
+            if(typeof option == 'string') data[option].call($this)
+        })
+    }
+
+    $.fn.dropdown.Constructor = Dropdown
+
+
+    // DROPDOWN NO CONFLICT
+    // ====================
+
+    $.fn.dropdown.noConflict = function() {
+        $.fn.dropdown = old
+        return this
+    }
+
+
+    // APPLY TO STANDARD DROPDOWN ELEMENTS
+    // ===================================
+
+    var apiName = zuiname + '.data-api'
+    $(document)
+        .on('click.' + apiName, clearMenus)
+        .on('click.' + apiName, '.dropdown form', function(e) {
+            e.stopPropagation()
+        })
+        .on('click.' + apiName, toggle, Dropdown.prototype.toggle)
+        .on('keydown.' + apiName, toggle + ', [role=menu]', Dropdown.prototype.keydown)
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * ZUI: messager.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, window, undefined) {
+    'use strict';
+
+    var id = 0;
+    var template = '<div class="messager messager-{type} {placement}" style="display: none"><div class="messager-content"></div><div class="messager-actions"></div></div>';
+    var DEFAULTS = {
+        type: 'default',
+        placement: 'top',
+        time: 4000,
+        parent: 'body',
+        // clear: false,
+        icon: null,
+        close: true,
+        // actions: [{icon, name, action, title}],
+        // contentClass: null,
+        // cssClass: null,
+        // onAction: function,
+        fade: true,
+        scale: true
+    };
+    var all = {};
+
+    var Messager = function(message, options) {
+        if($.isPlainObject(message)) {
+            options = message;
+            message = options.message;
+        }
+
+        var that = this;
+        options = that.options = $.extend({}, DEFAULTS, options);
+
+        that.id = options.id || (id++);
+        var oldMessager = all[that.id];
+        if(oldMessager) oldMessager.destroy();
+        all[that.id] = that;
+        that.message = (options.icon ? '<i class="icon-' + options.icon + ' icon"></i> ' : '') + message;
+
+        that.$ = $(template.format(options)).toggleClass('fade', options.fade).toggleClass('scale', options.scale).attr('id', 'messager-' + that.id);
+
+        if(options.cssClass) that.$.addClass(options.cssClass);
+
+        var hasCloseAction = false;
+        var $actions = that.$.find('.messager-actions');
+        var appendAction = function(action) {
+            var $btn = $('<button type="button" class="action action-' + action.name + '"/>');
+            if(action.name === 'close') $btn.addClass('close');
+            if(action.html !== undefined) {
+                $btn.html(action.html);
+            }
+            if(action.icon !== undefined) {
+                $btn.append('<i class="action-icon icon-' + action.icon + '"/>');
+            }
+            if(action.text !== undefined) {
+                $btn.append('<span class="action-text">' + action.text + '</span>');
+            }
+            if(action.tooltip !== undefined) {
+                $btn.attr('title', action.tooltip).tooltip();
+            }
+            $btn.data('action', action);
+            $actions.append($btn);
+        };
+        if(options.actions) {
+            $.each(options.actions, function(idx, action) {
+                if(action.name === undefined) action.name = idx;
+                if(action.name == 'close') hasCloseAction = true;
+                appendAction(action);
+            });
+        }
+        if(!hasCloseAction && options.close) {
+            appendAction({name: 'close', html: '&times;'});
+        }
+
+        that.$.on('click', '.action', function(e) {
+            var action = $(this).data('action'), result;
+            if(options.onAction) {
+                result = options.onAction.call(this, action.name, action, that);
+                if(result === false) return;
+            }
+            if($.isFunction(action.action)) {
+                result = action.action.call(this, that);
+                if(result === false) return;
+            }
+            that.hide();
+            e.stopPropagation();
+        });
+
+        that.$.on('click', function(e) {
+            if(options.onAction) {
+                var result = options.onAction.call(this, 'content', null, that);
+                if(result === true) that.hide();
+            }
+        });
+
+        var $content = that.$.find('.messager-content').html(that.message);
+        if(options.contentClass) $content.addClass(options.contentClass);
+
+        that.$.data('zui.messager', that);
+
+        if(options.show && that.message !== undefined) {
+            that.show();
+        }
+    };
+
+    Messager.prototype.update = function(message, newOptions) {
+        var that = this;
+        var options = that.options;
+        that.$.removeClass('messager-' + options.type);
+        if(newOptions) {
+            options = $.extend(options, newOptions);
+        }
+        that.$.addClass('messager-' + options.type);
+        if(message) {
+            that.message = (options.icon ? '<i class="icon-' + options.icon + ' icon"></i> ' : '') + message;
+            that.$.find('.messager-content').html(that.message);
+        }
+    };
+
+    Messager.prototype.show = function(message, callback) {
+        var that = this,
+            options = this.options;
+
+        if($.isFunction(message)) {
+            var oldCallback = callback;
+            callback = message;
+            if(oldCallback !== undefined) {
+                message = oldCallback;
+            }
+        }
+
+        if(that.isShow) {
+            that.hide(function() {
+                that.show(message, callback);
+            });
+            return;
+        }
+
+        if(that.hiding) {
+            clearTimeout(that.hiding);
+            that.hiding = null;
+        }
+
+        that.update(message);
+
+        var placement = options.placement;
+        var $parent = $(options.parent);
+        var $holder = $parent.children('.messagers-holder.' + placement);
+        if(!$holder.length) {
+            $holder = $('<div/>').attr('class', 'messagers-holder ' + placement).appendTo($parent);
+        }
+        $holder.append(that.$);
+        if(placement === 'center') {
+            var offset = $(window).height() - $holder.height();
+            $holder.css('top', Math.max(-offset, offset/2));
+        }
+
+        that.$.show().addClass('in');
+
+        if(options.time) {
+            that.hiding = setTimeout(function() {
+                that.hide();
+            }, options.time);
+        }
+
+        that.isShow = true;
+        callback && callback();
+        return that;
+    };
+
+    Messager.prototype.hide = function(callback, immediately) {
+        if(callback === true) {
+            immediately = true;
+            callback = null;
+        }
+        var that = this;
+        if(that.$.hasClass('in')) {
+            that.$.removeClass('in');
+            var removeMessager = function() {
+                var $parent = that.$.parent();
+                that.$.detach();
+                if(!$parent.children().length) $parent.remove();
+                callback && callback(true);
+            };
+            if(immediately) removeMessager();
+            else setTimeout(removeMessager, 200);
+        } else {
+            callback && callback(false);
+        }
+
+        that.isShow = false;
+    };
+
+    Messager.prototype.destroy = function() {
+        var that = this;
+        that.hide(function()
+        {
+            that.$.remove();
+            that.$ = null;
+        }, true);
+        delete all[that.id];
+    };
+
+    Messager.all = all;
+    Messager.DEFAULTS = DEFAULTS;
+
+    var hideMessage = function() {
+        $('.messager').each(function() {
+            var msg = $(this).data('zui.messager');
+            if(msg && msg.hide) msg.hide(true);
+        });
+    };
+
+    var showMessage = function(message, options) {
+        if(typeof options === 'string') {
+            options = {
+                type: options
+            };
+        }
+        options = $.extend({}, options);
+        if(options.id === undefined) hideMessage();
+        var msg = all[options.id] || new Messager(message, options);
+        msg.show();
+        return msg;
+    };
+
+    var getOptions = function(options) {
+        return(typeof options === 'string') ? {
+            placement: options
+        } : options;
+    };
+
+    var zuiMessager = {
+        show: showMessage,
+        hide: hideMessage
+    };
+
+    $.each({
+        primary  : 0,
+        success  : 'ok-sign',
+        info     : 'info-sign',
+        warning  : 'warning-sign',
+        danger   : 'exclamation-sign',
+        important: 0,
+        special  : 0
+    }, function(name, icon){
+        zuiMessager[name] = function(message, options) {
+            return showMessage(message, $.extend({
+                type: name,
+                icon: icon || null
+            }, getOptions(options)));
+        };
+    });
+
+    $.zui({
+        Messager: Messager,
+        showMessager: showMessage,
+        messager: zuiMessager
+    });
+}(jQuery, window, undefined));
+
+
+/* ========================================================================
+ * ZUI: color.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($, Math, window, undefined) {
+    'use strict';
+
+    var hexReg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/,
+        N255 = 255,
+        N360 = 360,
+        N100 = 100,
+        STR_STRING = 'string',
+        STR_OBJECT = 'object',
+        namedColors = {
+            aliceblue: '#f0f8ff',
+            antiquewhite: '#faebd7',
+            aqua: '#00ffff',
+            aquamarine: '#7fffd4',
+            azure: '#f0ffff',
+            beige: '#f5f5dc',
+            bisque: '#ffe4c4',
+            black: '#000000',
+            blanchedalmond: '#ffebcd',
+            blue: '#0000ff',
+            blueviolet: '#8a2be2',
+            brown: '#a52a2a',
+            burlywood: '#deb887',
+            cadetblue: '#5f9ea0',
+            chartreuse: '#7fff00',
+            chocolate: '#d2691e',
+            coral: '#ff7f50',
+            cornflowerblue: '#6495ed',
+            cornsilk: '#fff8dc',
+            crimson: '#dc143c',
+            cyan: '#00ffff',
+            darkblue: '#00008b',
+            darkcyan: '#008b8b',
+            darkgoldenrod: '#b8860b',
+            darkgray: '#a9a9a9',
+            darkgreen: '#006400',
+            darkkhaki: '#bdb76b',
+            darkmagenta: '#8b008b',
+            darkolivegreen: '#556b2f',
+            darkorange: '#ff8c00',
+            darkorchid: '#9932cc',
+            darkred: '#8b0000',
+            darksalmon: '#e9967a',
+            darkseagreen: '#8fbc8f',
+            darkslateblue: '#483d8b',
+            darkslategray: '#2f4f4f',
+            darkturquoise: '#00ced1',
+            darkviolet: '#9400d3',
+            deeppink: '#ff1493',
+            deepskyblue: '#00bfff',
+            dimgray: '#696969',
+            dodgerblue: '#1e90ff',
+            firebrick: '#b22222',
+            floralwhite: '#fffaf0',
+            forestgreen: '#228b22',
+            fuchsia: '#ff00ff',
+            gainsboro: '#dcdcdc',
+            ghostwhite: '#f8f8ff',
+            gold: '#ffd700',
+            goldenrod: '#daa520',
+            gray: '#808080',
+            green: '#008000',
+            greenyellow: '#adff2f',
+            honeydew: '#f0fff0',
+            hotpink: '#ff69b4',
+            indianred: '#cd5c5c',
+            indigo: '#4b0082',
+            ivory: '#fffff0',
+            khaki: '#f0e68c',
+            lavender: '#e6e6fa',
+            lavenderblush: '#fff0f5',
+            lawngreen: '#7cfc00',
+            lemonchiffon: '#fffacd',
+            lightblue: '#add8e6',
+            lightcoral: '#f08080',
+            lightcyan: '#e0ffff',
+            lightgoldenrodyellow: '#fafad2',
+            lightgray: '#d3d3d3',
+            lightgreen: '#90ee90',
+            lightpink: '#ffb6c1',
+            lightsalmon: '#ffa07a',
+            lightseagreen: '#20b2aa',
+            lightskyblue: '#87cefa',
+            lightslategray: '#778899',
+            lightsteelblue: '#b0c4de',
+            lightyellow: '#ffffe0',
+            lime: '#00ff00',
+            limegreen: '#32cd32',
+            linen: '#faf0e6',
+            magenta: '#ff00ff',
+            maroon: '#800000',
+            mediumaquamarine: '#66cdaa',
+            mediumblue: '#0000cd',
+            mediumorchid: '#ba55d3',
+            mediumpurple: '#9370db',
+            mediumseagreen: '#3cb371',
+            mediumslateblue: '#7b68ee',
+            mediumspringgreen: '#00fa9a',
+            mediumturquoise: '#48d1cc',
+            mediumvioletred: '#c71585',
+            midnightblue: '#191970',
+            mintcream: '#f5fffa',
+            mistyrose: '#ffe4e1',
+            moccasin: '#ffe4b5',
+            navajowhite: '#ffdead',
+            navy: '#000080',
+            oldlace: '#fdf5e6',
+            olive: '#808000',
+            olivedrab: '#6b8e23',
+            orange: '#ffa500',
+            orangered: '#ff4500',
+            orchid: '#da70d6',
+            palegoldenrod: '#eee8aa',
+            palegreen: '#98fb98',
+            paleturquoise: '#afeeee',
+            palevioletred: '#db7093',
+            papayawhip: '#ffefd5',
+            peachpuff: '#ffdab9',
+            peru: '#cd853f',
+            pink: '#ffc0cb',
+            plum: '#dda0dd',
+            powderblue: '#b0e0e6',
+            purple: '#800080',
+            red: '#ff0000',
+            rosybrown: '#bc8f8f',
+            royalblue: '#4169e1',
+            saddlebrown: '#8b4513',
+            salmon: '#fa8072',
+            sandybrown: '#f4a460',
+            seagreen: '#2e8b57',
+            seashell: '#fff5ee',
+            sienna: '#a0522d',
+            silver: '#c0c0c0',
+            skyblue: '#87ceeb',
+            slateblue: '#6a5acd',
+            slategray: '#708090',
+            snow: '#fffafa',
+            springgreen: '#00ff7f',
+            steelblue: '#4682b4',
+            tan: '#d2b48c',
+            teal: '#008080',
+            thistle: '#d8bfd8',
+            tomato: '#ff6347',
+            turquoise: '#40e0d0',
+            violet: '#ee82ee',
+            wheat: '#f5deb3',
+            white: '#ffffff',
+            whitesmoke: '#f5f5f5',
+            yellow: '#ffff00',
+            yellowgreen: '#9acd32'
+        };
+
+    var isUndefined = function(x) {
+        return x === undefined;
+    };
+
+    var isNotUndefined = function(x) {
+        return !isUndefined(x);
+    };
+
+    var convertToInt = function(x) {
+        return parseInt(x);
+    };
+
+    var convertToRgbInt = function(x) {
+        return convertToInt(clamp(number(x), N255));
+    };
+
+    /* color */
+    var Color = function(r, g, b, a) {
+        var that = this;
+        that.r = that.g = that.b = 0;
+        that.a = 1;
+
+        if(isNotUndefined(a)) that.a = clamp(number(a), 1);
+        if(isNotUndefined(r) && isNotUndefined(g) && isNotUndefined(b)) {
+            that.r = convertToRgbInt(r);
+            that.g = convertToRgbInt(g);
+            that.b = convertToRgbInt(b);
+        } else if(isNotUndefined(r)) {
+            var type = typeof(r);
+            if(type == STR_STRING) {
+                r = r.toLowerCase();
+                if(r === 'transparent') {
+                    that.a = 0;
+                } else if(namedColors[r]) {
+                    this.rgb(hexToRgb(namedColors[r]));
+                } else {
+                    that.rgb(hexToRgb(r));
+                }
+            } else if(type == 'number' && isUndefined(g)) {
+                that.r = that.g = that.b = convertToRgbInt(r);
+            } else if(type == STR_OBJECT && isNotUndefined(r.r)) {
+                that.r = convertToRgbInt(r.r);
+                if(isNotUndefined(r.g)) that.g = convertToRgbInt(r.g);
+                if(isNotUndefined(r.b)) that.b = convertToRgbInt(r.b);
+                if(isNotUndefined(r.a)) that.a = clamp(number(r.a), 1);
+            } else if(type == STR_OBJECT && isNotUndefined(r.h)) {
+                var hsl = {
+                    h: clamp(number(r.h), N360),
+                    s: 1,
+                    l: 1,
+                    a: 1
+                };
+                if(isNotUndefined(r.s)) hsl.s = clamp(number(r.s), 1);
+                if(isNotUndefined(r.l)) hsl.l = clamp(number(r.l), 1);
+                if(isNotUndefined(r.a)) hsl.a = clamp(number(r.a), 1);
+
+                that.rgb(hslToRgb(hsl));
+            }
+        }
+    };
+
+    Color.prototype.rgb = function(rgb) {
+        var that = this;
+        if(isNotUndefined(rgb)) {
+            if(typeof(rgb) == STR_OBJECT) {
+                if(isNotUndefined(rgb.r)) that.r = convertToRgbInt(rgb.r);
+                if(isNotUndefined(rgb.g)) that.g = convertToRgbInt(rgb.g);
+                if(isNotUndefined(rgb.b)) that.b = convertToRgbInt(rgb.b);
+                if(isNotUndefined(rgb.a)) that.a = clamp(number(rgb.a), 1);
+            } else {
+                var v = convertToInt(number(rgb));
+                that.r = v;
+                that.g = v;
+                that.b = v;
+            }
+            return that;
+        } else return {
+            r: that.r,
+            g: that.g,
+            b: that.b,
+            a: that.a
+        };
+    };
+
+    Color.prototype.hue = function(hue) {
+        var that = this;
+        var hsl = that.toHsl();
+
+        if(isUndefined(hue)) return hsl.h;
+        else {
+            hsl.h = clamp(number(hue), N360);
+            that.rgb(hslToRgb(hsl));
+            return that;
+        }
+    };
+
+    Color.prototype.darken = function(amount) {
+        var that = this;
+        var hsl = that.toHsl();
+
+        hsl.l -= amount / N100;
+        hsl.l = clamp(hsl.l, 1);
+
+        that.rgb(hslToRgb(hsl));
+        return that;
+    };
+
+    Color.prototype.clone = function() {
+        var that = this;
+        return new Color(that.r, that.g, that.b, that.a);
+    };
+
+    Color.prototype.lighten = function(amount) {
+        return this.darken(-amount);
+    };
+
+    Color.prototype.fade = function(amount) {
+        this.a = clamp(amount / N100, 1);
+
+        return this;
+    };
+
+    Color.prototype.spin = function(amount) {
+        var hsl = this.toHsl();
+        var hue = (hsl.h + amount) % N360;
+
+        hsl.h = hue < 0 ? N360 + hue : hue;
+        return this.rgb(hslToRgb(hsl));
+    };
+
+    Color.prototype.toHsl = function() {
+        var that = this;
+        var r = that.r / N255,
+            g = that.g / N255,
+            b = that.b / N255,
+            a = that.a;
+
+        var max = Math.max(r, g, b),
+            min = Math.min(r, g, b);
+        var h, s, l = (max + min) / 2,
+            d = max - min;
+
+        if(max === min) {
+            h = s = 0;
+        } else {
+            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+            switch(max) {
+                case r:
+                    h = (g - b) / d + (g < b ? 6 : 0);
+                    break;
+                case g:
+                    h = (b - r) / d + 2;
+                    break;
+                case b:
+                    h = (r - g) / d + 4;
+                    break;
+            }
+            h /= 6;
+        }
+        return {
+            h: h * N360,
+            s: s,
+            l: l,
+            a: a
+        };
+    };
+
+    Color.prototype.luma = function() {
+        var r = this.r / N255,
+            g = this.g / N255,
+            b = this.b / N255;
+
+        r = (r <= 0.03928) ? r / 12.92 : Math.pow(((r + 0.055) / 1.055), 2.4);
+        g = (g <= 0.03928) ? g / 12.92 : Math.pow(((g + 0.055) / 1.055), 2.4);
+        b = (b <= 0.03928) ? b / 12.92 : Math.pow(((b + 0.055) / 1.055), 2.4);
+
+        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    };
+
+    Color.prototype.saturate = function(amount) {
+        var hsl = this.toHsl();
+
+        hsl.s += amount / N100;
+        hsl.s = clamp(hsl.s);
+
+        return this.rgb(hslToRgb(hsl));
+    };
+
+    Color.prototype.desaturate = function(amount) {
+        return this.saturate(-amount);
+    };
+
+    Color.prototype.contrast = function(dark, light, threshold) {
+        if(isUndefined(light)) light = new Color(N255, N255, N255, 1);
+        else light = new Color(light);
+        if(isUndefined(dark)) dark = new Color(0, 0, 0, 1);
+        else dark = new Color(dark);
+
+        if(dark.luma() > light.luma()) {
+            var t = light;
+            light = dark;
+            dark = t;
+        }
+        
+        if(this.a < 0.5) return dark;
+
+        if(isUndefined(threshold)) threshold = 0.43;
+        else threshold = number(threshold);
+
+        if(this.luma() < threshold) {
+            return light;
+        } else {
+            return dark;
+        }
+    };
+
+    Color.prototype.hexStr = function() {
+        var r = this.r.toString(16),
+            g = this.g.toString(16),
+            b = this.b.toString(16);
+        if(r.length == 1) r = '0' + r;
+        if(g.length == 1) g = '0' + g;
+        if(b.length == 1) b = '0' + b;
+
+        return '#' + r + g + b;
+    };
+
+    Color.prototype.toCssStr = function() {
+        var that = this;
+        if(that.a > 0) {
+            if(that.a < 1) {
+                return 'rgba(' + that.r + ',' + that.g + ',' + that.b + ',' + that.a + ')';
+            } else {
+                return that.hexStr();
+            }
+        } else {
+            return 'transparent';
+        }
+    };
+
+    Color.isColor = isColor;
+    Color.names = namedColors;
+
+    Color.get = function(colorName) {
+        return new Color(colorName);
+    };
+
+    /* helpers */
+    function hexToRgb(hex) {
+        hex = hex.toLowerCase();
+        if(hex && hexReg.test(hex)) {
+            var i;
+            if(hex.length === 4) {
+                var hexNew = '#';
+                for(i = 1; i < 4; i += 1) {
+                    hexNew += hex.slice(i, i + 1).concat(hex.slice(i, i + 1));
+                }
+                hex = hexNew;
+            }
+
+            var hexChange = [];
+            for(i = 1; i < 7; i += 2) {
+                hexChange.push(convertToInt('0x' + hex.slice(i, i + 2)));
+            }
+            return {
+                r: hexChange[0],
+                g: hexChange[1],
+                b: hexChange[2],
+                a: 1
+            };
+        } else {
+            throw new Error('Wrong hex string! (hex: ' + hex + ')');
+        }
+    }
+
+    function isColor(hex) {
+        return typeof(hex) === STR_STRING && (hex.toLowerCase() === 'transparent' || namedColors[hex.toLowerCase()] || hexReg.test($.trim(hex.toLowerCase())));
+    }
+
+    function hslToRgb(hsl) {
+        var h = hsl.h,
+            s = hsl.s,
+            l = hsl.l,
+            a = hsl.a;
+
+        h = (number(h) % N360) / N360;
+        s = clamp(number(s));
+        l = clamp(number(l));
+        a = clamp(number(a));
+
+        var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+        var m1 = l * 2 - m2;
+
+        var r = {
+            r: hue(h + 1 / 3) * N255,
+            g: hue(h) * N255,
+            b: hue(h - 1 / 3) * N255,
+            a: a
+        };
+
+        return r;
+
+        function hue(h) {
+            h = h < 0 ? h + 1 : (h > 1 ? h - 1 : h);
+            if(h * 6 < 1) {
+                return m1 + (m2 - m1) * h * 6;
+            } else if(h * 2 < 1) {
+                return m2;
+            } else if(h * 3 < 2) {
+                return m1 + (m2 - m1) * (2 / 3 - h) * 6;
+            } else {
+                return m1;
+            }
+        }
+    }
+
+    function fit(n, end, start) {
+        if(isUndefined(start)) start = 0;
+        if(isUndefined(end)) end = N255;
+
+        return Math.min(Math.max(n, start), end);
+    }
+
+    function clamp(v, max) {
+        return fit(v, max);
+    }
+
+    function number(n) {
+        if(typeof(n) == 'number') return n;
+        return parseFloat(n);
+    }
+
+    $.zui({
+        Color: Color
+    });
+
+}(jQuery, Math, window, undefined));
+
+/* ========================================================================
+ * Chart.js: Chart.Core.js [Version: 1.0.2]
+ * http://chartjs.org/
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2015 Nick Downie, Released under the MIT license
+ * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
+ * ======================================================================== */
+
+
+/*!
  * Chart.js 1.0.2
  * Copyright 2015 Nick Downie
  * Released under the MIT license
  * http://chartjs.org/
  */
-function(t){"use strict";var e=t&&t.zui?t.zui:this,i=(e.Chart,function(t){this.canvas=t.canvas,this.ctx=t;var e=function(t,e){return t["offset"+e]?t["offset"+e]:document.defaultView.getComputedStyle(t).getPropertyValue(e)},i=this.width=e(t.canvas,"Width"),n=this.height=e(t.canvas,"Height");t.canvas.width=i,t.canvas.height=n;var i=this.width=t.canvas.width,n=this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,s.retinaScale(this),this});i.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%if (datasetLabel){%><%=datasetLabel%>: <%}%><%= value %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},i.types={};var s=i.helpers={},n=s.each=function(t,e,i){var s=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var n;for(n=0;n<t.length;n++)e.apply(i,[t[n],n].concat(s))}else for(var a in t)e.apply(i,[t[a],a].concat(s))},a=s.clone=function(t){var e={};return n(t,function(i,s){t.hasOwnProperty(s)&&(e[s]=i)}),e},o=s.extend=function(t){return n(Array.prototype.slice.call(arguments,1),function(e){n(e,function(i,s){e.hasOwnProperty(s)&&(t[s]=i)})}),t},r=s.merge=function(t,e){var i=Array.prototype.slice.call(arguments,0);return i.unshift({}),o.apply(null,i)},l=s.indexOf=function(t,e){if(Array.prototype.indexOf)return t.indexOf(e);for(var i=0;i<t.length;i++)if(t[i]===e)return i;return-1},h=(s.where=function(t,e){var i=[];return s.each(t,function(t){e(t)&&i.push(t)}),i},s.findNextWhere=function(t,e,i){i||(i=-1);for(var s=i+1;s<t.length;s++){var n=t[s];if(e(n))return n}},s.findPreviousWhere=function(t,e,i){i||(i=t.length);for(var s=i-1;s>=0;s--){var n=t[s];if(e(n))return n}},s.inherits=function(t){var e=this,i=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return e.apply(this,arguments)},s=function(){this.constructor=i};return s.prototype=e.prototype,i.prototype=new s,i.extend=h,t&&o(i.prototype,t),i.__super__=e.prototype,i}),c=s.noop=function(){},d=s.uid=function(){var t=0;return function(){return"chart-"+t++}}(),u=s.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},p=s.amd="function"==typeof define&&define.amd,f=s.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=s.max=function(t){return Math.max.apply(Math,t)},m=s.min=function(t){return Math.min.apply(Math,t)},v=(s.cap=function(t,e,i){if(f(e)){if(t>e)return e}else if(f(i)&&t<i)return i;return t},s.getDecimalPlaces=function(t){return t%1!==0&&f(t)?t.toString().split(".")[1].length:0}),y=s.radians=function(t){return t*(Math.PI/180)},b=(s.getAngleFromPoint=function(t,e){var i=e.x-t.x,s=e.y-t.y,n=Math.sqrt(i*i+s*s),a=2*Math.PI+Math.atan2(s,i);return i<0&&s<0&&(a+=2*Math.PI),{angle:a,distance:n}},s.aliasPixel=function(t){return t%2===0?0:.5}),w=(s.splineCurve=function(t,e,i,s){var n=Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)),a=Math.sqrt(Math.pow(i.x-e.x,2)+Math.pow(i.y-e.y,2)),o=s*n/(n+a),r=s*a/(n+a);return{inner:{x:e.x-o*(i.x-t.x),y:e.y-o*(i.y-t.y)},outer:{x:e.x+r*(i.x-t.x),y:e.y+r*(i.y-t.y)}}},s.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),x=(s.calculateScaleRange=function(t,e,i,s,n){var a=2,o=Math.floor(e/(1.5*i)),r=a>=o,l=g(t),h=m(t);l===h&&(l+=.5,h>=.5&&!s?h-=.5:l+=.5);for(var c=Math.abs(l-h),d=w(c),u=Math.ceil(l/(1*Math.pow(10,d)))*Math.pow(10,d),p=s?0:Math.floor(h/(1*Math.pow(10,d)))*Math.pow(10,d),f=u-p,v=Math.pow(10,d),y=Math.round(f/v);(y>o||2*y<o)&&!r;)if(y>o)v*=2,y=Math.round(f/v),y%1!==0&&(r=!0);else if(n&&d>=0){if(v/2%1!==0)break;v/=2,y=Math.round(f/v)}else v/=2,y=Math.round(f/v);return r&&(y=a,v=f/y),{steps:y,stepValue:v,min:p,max:p+y*v}},s.template=function(t,e){function i(t,e){var i=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):s[t]=s[t];return e?i(e):i}if(t instanceof Function)return t(e);var s={};return i(t,e)}),_=(s.generateLabels=function(t,e,i,s){var a=new Array(e);return labelTemplateString&&n(a,function(e,n){a[n]=x(t,{value:i+s*(n+1)})}),a},s.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,i=0,s=1;return 0===t?0:1==(t/=1)?1:(i||(i=.3),s<Math.abs(1)?(s=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/s),-(s*Math.pow(2,10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)))},easeOutElastic:function(t){var e=1.70158,i=0,s=1;return 0===t?0:1==(t/=1)?1:(i||(i=.3),s<Math.abs(1)?(s=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/s),s*Math.pow(2,-10*t)*Math.sin((1*t-e)*(2*Math.PI)/i)+1)},easeInOutElastic:function(t){var e=1.70158,i=0,s=1;return 0===t?0:2==(t/=.5)?1:(i||(i=1*(.3*1.5)),s<Math.abs(1)?(s=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/s),t<1?-.5*(s*Math.pow(2,10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)):s*Math.pow(2,-10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)*.5+1)},easeInBack:function(t){var e=1.70158;return 1*(t/=1)*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return 1*((t=t/1-1)*t*((e+1)*t+e)+1)},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?.5*(t*t*(((e*=1.525)+1)*t-e)):.5*((t-=2)*t*(((e*=1.525)+1)*t+e)+2)},easeInBounce:function(t){return 1-_.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?1*(7.5625*t*t):t<2/2.75?1*(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return t<.5?.5*_.easeInBounce(2*t):.5*_.easeOutBounce(2*t-1)+.5}}),C=s.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),k=s.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),T=(s.animationLoop=function(t,e,i,s,n,a){var o=0,r=_[i]||_.linear,l=function(){o++;var i=o/e,h=r(i);t.call(a,h,i,o),s.call(a,h,i),o<e?a.animationFrame=C(l):n.apply(a)};C(l)},s.getRelativePosition=function(t){var e,i,s=t.originalEvent||t,n=t.currentTarget||t.srcElement,a=n.getBoundingClientRect();return s.touches?(e=s.touches[0].clientX-a.left,i=s.touches[0].clientY-a.top):(e=s.clientX-a.left,i=s.clientY-a.top),{x:e,y:i}},s.addEvent=function(t,e,i){t.addEventListener?t.addEventListener(e,i):t.attachEvent?t.attachEvent("on"+e,i):t["on"+e]=i}),S=s.removeEvent=function(t,e,i){t.removeEventListener?t.removeEventListener(e,i,!1):t.detachEvent?t.detachEvent("on"+e,i):t["on"+e]=c},D=(s.bindEvents=function(t,e,i){t.events||(t.events={}),n(e,function(e){t.events[e]=function(){i.apply(t,arguments)},T(t.chart.canvas,e,t.events[e])})},s.unbindEvents=function(t,e){n(e,function(e,i){S(t.chart.canvas,i,e)})}),M=s.getMaximumWidth=function(t){var e=t.parentNode;return e.clientWidth},P=s.getMaximumHeight=function(t){var e=t.parentNode;return e.clientHeight},F=(s.getMaximumSize=s.getMaximumWidth,s.retinaScale=function(t){var e=t.ctx,i=t.canvas.width,s=t.canvas.height;window.devicePixelRatio&&(e.canvas.style.width=i+"px",e.canvas.style.height=s+"px",e.canvas.height=s*window.devicePixelRatio,e.canvas.width=i*window.devicePixelRatio,e.scale(window.devicePixelRatio,window.devicePixelRatio))}),L=s.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},z=s.fontString=function(t,e,i){return e+" "+t+"px "+i},$=s.longestText=function(t,e,i){t.font=e;var s=0;return n(i,function(e){var i=t.measureText(e).width;s=i>s?i:s}),s},E=s.drawRoundedRectangle=function(t,e,i,s,n,a){t.beginPath(),t.moveTo(e+a,i),t.lineTo(e+s-a,i),t.quadraticCurveTo(e+s,i,e+s,i+a),t.lineTo(e+s,i+n-a),t.quadraticCurveTo(e+s,i+n,e+s-a,i+n),t.lineTo(e+a,i+n),t.quadraticCurveTo(e,i+n,e,i+n-a),t.lineTo(e,i+a),t.quadraticCurveTo(e,i,e+a,i),t.closePath()};i.instances={},i.Type=function(t,e,s){this.options=e,this.chart=s,this.id=d(),i.instances[this.id]=this,e.responsive&&this.resize(),this.initialize.call(this,t)},o(i.Type.prototype,{initialize:function(){return this},clear:function(){return L(this.chart),this},stop:function(){return k(this.animationFrame),this},resize:function(t){this.stop();var e=this.chart.canvas,i=M(this.chart.canvas),s=this.options.maintainAspectRatio?i/this.chart.aspectRatio:P(this.chart.canvas);return e.width=this.chart.width=i,e.height=this.chart.height=s,F(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?s.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return x(this.options.legendTemplate,this)},destroy:function(){this.clear(),D(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete i.instances[this.id]},showTooltip:function(t,e){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var a=function(t){var e=!1;return t.length!==this.activeElements.length?e=!0:(n(t,function(t,i){t!==this.activeElements[i]&&(e=!0)},this),e)}.call(this,t);if(a||e){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var o,r,h=this.datasets.length-1;h>=0&&(o=this.datasets[h].points||this.datasets[h].bars||this.datasets[h].segments,r=l(o,t[0]),r===-1);h--);var c=[],d=[],u=function(t){var e,i,n,a,o,l=[],h=[],u=[];return s.each(this.datasets,function(t){t.showTooltips!==!1&&(e=t.points||t.bars||t.segments,e[r]&&e[r].hasValue()&&l.push(e[r]))}),s.each(l,function(t){h.push(t.x),u.push(t.y),c.push(s.template(this.options.multiTooltipTemplate,t)),d.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),o=m(u),n=g(u),a=m(h),i=g(h),{x:a>this.chart.width/2?a:i,y:(o+n)/2}}.call(this,r);new i.MultiTooltip({x:u.x,y:u.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:d,legendColorBackground:this.options.multiTooltipKeyBackground,title:t[0].label,chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else n(t,function(t){var e=t.tooltipPosition();new i.Tooltip({x:Math.round(e.x),y:Math.round(e.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:x(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),i.Type.extend=function(t){var e=this,s=function(){return e.apply(this,arguments)};if(s.prototype=a(e.prototype),o(s.prototype,t),s.extend=i.Type.extend,t.name||e.prototype.name){var n=t.name||e.prototype.name,l=i.defaults[e.prototype.name]?a(i.defaults[e.prototype.name]):{};i.defaults[n]=o(l,t.defaults),i.types[n]=s,i.prototype[n]=function(t,e){var a=r(i.defaults.global,i.defaults[n],e||{});return new s(t,a,this)}}else u("Name not provided for this chart, so it hasn't been registered");return e},i.Element=function(t){o(this,t),this.initialize.apply(this,arguments),this.save()},o(i.Element.prototype,{initialize:function(){},restore:function(t){return t?n(t,function(t){this[t]=this._saved[t]},this):o(this,this._saved),this},save:function(){return this._saved=a(this),delete this._saved._saved,this},update:function(t){return n(t,function(t,e){this._saved[e]=this[e],this[e]=t},this),this},transition:function(t,e){return n(t,function(t,i){this[i]=(t-this._saved[i])*e+this._saved[i]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return f(this.value)}}),i.Element.extend=h,i.Point=i.Element.extend({display:!0,inRange:function(t,e){var i=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(e-this.y,2)<Math.pow(i,2)},draw:function(){if(this.display){var t=this.ctx;t.beginPath(),t.arc(this.x,this.y,this.radius,0,2*Math.PI),t.closePath(),t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.fillStyle=this.fillColor,t.fill(),t.stroke()}}}),i.Arc=i.Element.extend({inRange:function(t,e){var i=s.getAngleFromPoint(this,{x:t,y:e}),n=i.angle>=this.startAngle&&i.angle<=this.endAngle,a=i.distance>=this.innerRadius&&i.distance<=this.outerRadius;return n&&a},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,e=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*e,y:this.y+Math.sin(t)*e}},draw:function(t){var e=this.ctx;if(e.beginPath(),e.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),e.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),e.closePath(),e.strokeStyle=this.strokeColor,e.lineWidth=this.strokeWidth,e.fillStyle=this.fillColor,e.fill(),e.lineJoin="bevel",this.showStroke&&e.stroke(),this.circleBeginEnd){var i=(this.outerRadius+this.innerRadius)/2,s=(this.outerRadius-this.innerRadius)/2;e.beginPath(),e.arc(this.x+Math.cos(this.startAngle)*i,this.y+Math.sin(this.startAngle)*i,s,0,2*Math.PI),e.closePath(),e.fill(),e.beginPath(),e.arc(this.x+Math.cos(this.endAngle)*i,this.y+Math.sin(this.endAngle)*i,s,0,2*Math.PI),e.closePath(),e.fill()}}}),i.Rectangle=i.Element.extend({draw:function(){var t=this.ctx,e=this.width/2,i=this.x-e,s=this.x+e,n=this.base-(this.base-this.y),a=this.strokeWidth/2;this.showStroke&&(i+=a,s-=a,n+=a),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(i,this.base),t.lineTo(i,n),t.lineTo(s,n),t.lineTo(s,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,e){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&e>=this.y&&e<=this.base}}),i.Tooltip=i.Element.extend({draw:function(){var t=this.chart.ctx;t.font=z(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var e=this.caretPadding=2,i=t.measureText(this.text).width+2*this.xPadding,s=this.fontSize+2*this.yPadding,n=s+this.caretHeight+e;this.x+i/2>this.chart.width?this.xAlign="left":this.x-i/2<0&&(this.xAlign="right"),this.y-n<0&&(this.yAlign="below");var a=this.x-i/2,o=this.y-n;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-e),t.lineTo(this.x+this.caretHeight,this.y-(e+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(e+this.caretHeight)),t.closePath(),t.fill();break;case"below":o=this.y+e+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+e),t.lineTo(this.x+this.caretHeight,this.y+e+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+e+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":a=this.x-i+(this.cornerRadius+this.caretHeight);break;case"right":a=this.x-(this.cornerRadius+this.caretHeight)}E(t,a,o,i,s,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,a+i/2,o+s/2)}}}),i.MultiTooltip=i.Element.extend({initialize:function(){this.font=z(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=z(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,e=$(this.ctx,this.font,this.labels)+this.fontSize+3,i=g([e,t]);this.width=i+2*this.xPadding;var s=this.height/2;this.y-s<0?this.y=s:this.y+s>this.chart.height&&(this.y=this.chart.height-s),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var e=this.y-this.height/2+this.yPadding,i=t-1;return 0===t?e+this.titleFontSize/2:e+(1.5*this.fontSize*i+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{E(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,s.each(this.labels,function(e,i){t.fillStyle=this.textColor,t.fillText(e,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(i+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(i+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[i].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(i+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),i.Scale=i.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),e=0;e<=this.steps;e++)this.yLabels.push(x(this.templateString,{value:(this.min+e*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?$(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,e=this.endPoint-this.startPoint;for(this.calculateYRange(e),this.buildYLabels(),this.calculateXLabelRotation();e>this.endPoint-this.startPoint;)e=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(e),this.buildYLabels(),t<this.yLabelWidth&&this.calculateXLabelRotation()},calculateXLabelRotation:function(){this.ctx.font=this.font;var t,e,i=this.ctx.measureText(this.xLabels[0]).width,s=this.ctx.measureText(this.xLabels[this.xLabels.length-1]).width;if(this.xScalePaddingRight=s/2+3,this.xScalePaddingLeft=i/2>this.yLabelWidth+10?i/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var n,a=$(this.ctx,this.font,this.xLabels);this.xLabelWidth=a;for(var o=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>o&&0===this.xLabelRotation||this.xLabelWidth>o&&this.xLabelRotation<=90&&this.xLabelRotation>0;)n=Math.cos(y(this.xLabelRotation)),t=n*i,e=n*s,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=n*a;this.xLabelRotation>0&&(this.endPoint-=Math.sin(y(this.xLabelRotation))*a+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var e=this.drawingArea()/(this.min-this.max);return this.endPoint-e*(t-this.min)},calculateX:function(t){var e=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),i=e/Math.max(this.valuesCount-(this.offsetGridLines?0:1),1),s=i*t+this.xScalePaddingLeft;return this.offsetGridLines&&(s+=i/2),Math.round(s)},update:function(t){s.extend(this,t),this.fit()},draw:function(){var t=this.ctx,e=(this.endPoint-this.startPoint)/this.steps,i=Math.round(this.xScalePaddingLeft);if(this.display){t.fillStyle=this.textColor,t.font=this.font;var a=this.showBeyondLine?5:0;n(this.yLabels,function(n,o){var r=this.endPoint-e*o,l=Math.round(r),h=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(n,i-10,r),0!==o||h||(h=!0),h&&t.beginPath(),o>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),l+=s.aliasPixel(t.lineWidth),h&&(t.moveTo(i,l),t.lineTo(this.width,l),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(i-a,l),t.lineTo(i,l),t.stroke(),t.closePath()},this),n(this.xLabels,function(e,i){var s=this.calculateX(i)+b(this.lineWidth),n=this.calculateX(i-(this.offsetGridLines?.5:0))+b(this.lineWidth),o=this.xLabelRotation>0,r=this.showVerticalLines;0!==i||r||(r=!0),r&&t.beginPath(),i>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),r&&(t.moveTo(n,this.endPoint),t.lineTo(n,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(n,this.endPoint),t.lineTo(n,this.endPoint+a),t.stroke(),t.closePath(),t.save(),t.translate(s,o?this.endPoint+12:this.endPoint+8),t.rotate(y(this.xLabelRotation)*-1),t.font=this.font,t.textAlign=o?"right":"center",t.textBaseline=o?"middle":"top",t.fillText(e,0,0),t.restore()},this)}}}),i.RadialScale=i.Element.extend({initialize:function(){this.size=m([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var e=this.drawingArea/(this.max-this.min);return(t-this.min)*e},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),e=0;e<=this.steps;e++)this.yLabels.push(x(this.templateString,{value:(this.min+e*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,e,i,s,n,a,o,r,l,h,c,d,u=m([this.height/2-this.pointLabelFontSize-5,this.width/2]),p=this.width,g=0;for(this.ctx.font=z(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),e=0;e<this.valuesCount;e++)t=this.getPointPosition(e,u),i=this.ctx.measureText(x(this.templateString,{value:this.labels[e]})).width+5,0===e||e===this.valuesCount/2?(s=i/2,t.x+s>p&&(p=t.x+s,n=e),t.x-s<g&&(g=t.x-s,o=e)):e<this.valuesCount/2?t.x+i>p&&(p=t.x+i,n=e):e>this.valuesCount/2&&t.x-i<g&&(g=t.x-i,o=e);l=g,h=Math.ceil(p-this.width),a=this.getIndexAngle(n),r=this.getIndexAngle(o),c=h/Math.sin(a+Math.PI/2),d=l/Math.sin(r+Math.PI/2),c=f(c)?c:0,d=f(d)?d:0,this.drawingArea=u-(d+c)/2,this.setCenterPoint(d,c)},setCenterPoint:function(t,e){var i=this.width-e-this.drawingArea,s=t+this.drawingArea;this.xCenter=(s+i)/2,this.yCenter=this.height/2},getIndexAngle:function(t){var e=2*Math.PI/this.valuesCount;return t*e-Math.PI/2},getPointPosition:function(t,e){var i=this.getIndexAngle(t);return{x:Math.cos(i)*e+this.xCenter,y:Math.sin(i)*e+this.yCenter}},draw:function(){if(this.display){var t=this.ctx;if(n(this.yLabels,function(e,i){if(i>0){var s,n=i*(this.drawingArea/this.steps),a=this.yCenter-n;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,n,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var o=0;o<this.valuesCount;o++)s=this.getPointPosition(o,this.calculateCenterOffset(this.min+i*this.stepValue)),0===o?t.moveTo(s.x,s.y):t.lineTo(s.x,s.y);t.closePath(),t.stroke()}if(this.showLabels){if(t.font=z(this.fontSize,this.fontStyle,this.fontFamily),this.showLabelBackdrop){var r=t.measureText(e).width;t.fillStyle=this.backdropColor,t.fillRect(this.xCenter-r/2-this.backdropPaddingX,a-this.fontSize/2-this.backdropPaddingY,r+2*this.backdropPaddingX,this.fontSize+2*this.backdropPaddingY)}t.textAlign="center",t.textBaseline="middle",t.fillStyle=this.fontColor,t.fillText(e,this.xCenter,a)}}},this),!this.lineArc){t.lineWidth=this.angleLineWidth,t.strokeStyle=this.angleLineColor;for(var e=this.valuesCount-1;e>=0;e--){if(this.angleLineWidth>0){var i=this.getPointPosition(e,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(i.x,i.y),t.stroke(),t.closePath()}var s=this.getPointPosition(e,this.calculateCenterOffset(this.max)+5);t.font=z(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var a=this.labels.length,o=this.labels.length/2,r=o/2,l=e<r||e>a-r,h=e===r||e===a-r;0===e?t.textAlign="center":e===o?t.textAlign="center":e<o?t.textAlign="left":t.textAlign="right",h?t.textBaseline="middle":l?t.textBaseline="bottom":t.textBaseline="top",t.fillText(this.labels[e],s.x,s.y)}}}}}),s.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){n(i.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),p?define(function(){return i}):"object"==typeof module&&module.exports&&(module.exports=i),e.Chart=i,t.fn.chart=function(){var t=[];return this.each(function(){t.push(new i(this.getContext("2d")))}),1===t.length?t[0]:t}}.call(this,jQuery),function(t){"use strict";var e=t&&t.zui?t.zui:this,i=e.Chart,s=i.helpers,n={scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowBeyondLine:!0,scaleShowVerticalLines:!0,bezierCurve:!0,bezierCurveTension:.4,pointDot:!0,pointDotRadius:4,pointDotStrokeWidth:1,pointHitDetectionRadius:20,datasetStroke:!0,datasetStrokeWidth:2,datasetFill:!0,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};i.Type.extend({name:"Line",defaults:n,initialize:function(e){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)<Math.pow(this.radius+this.hitDetectionRadius,2)}}),this.datasets=[],this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),s.each(e,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(e)}),s.each(e.datasets,function(i){if(t.zui&&t.zui.Color&&t.zui.Color.get){var n=t.zui.Color.get(i.color),a=n.toCssStr();i.fillColor||(i.fillColor=n.clone().fade(20).toCssStr()),i.strokeColor||(i.strokeColor=a),i.pointColor||(i.pointColor=a),i.pointStrokeColor||(i.pointStrokeColor="#fff"),i.pointHighlightFill||(i.pointHighlightFill="#fff"),i.pointHighlightStroke||(i.pointHighlightStroke=a)}var o={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,pointColor:i.pointColor,pointStrokeColor:i.pointStrokeColor,showTooltips:i.showTooltips!==!1,points:[]};this.datasets.push(o),s.each(i.data,function(t,s){o.points.push(new this.PointClass({value:t,label:e.labels[s],datasetLabel:i.label,strokeColor:i.pointStrokeColor,fillColor:i.pointColor,highlightFill:i.pointHighlightFill||i.pointColor,highlightStroke:i.pointHighlightStroke||i.pointStrokeColor}))},this),this.buildScale(e.labels),this.eachPoints(function(t,e){s.extend(t,{x:this.scale.calculateX(e),y:this.scale.endPoint}),t.save()},this)},this),this.render()},update:function(){this.scale.update(),s.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachPoints(function(t){t.save()}),this.render()},eachPoints:function(t){s.each(this.datasets,function(e){s.each(e.points,t,this)},this)},getPointsAtEvent:function(t){var e=[],i=s.getRelativePosition(t);return s.each(this.datasets,function(t){s.each(t.points,function(t){t.inRange(i.x,i.y)&&e.push(t)})},this),e},buildScale:function(t){var e=this,n=function(){var t=[];return e.eachPoints(function(e){t.push(e.value)}),t},a={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var e=s.calculateScaleRange(n(),t,this.fontSize,this.beginAtZero,this.integersOnly);s.extend(this,e)},xLabels:t,font:s.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,showBeyondLine:this.options.scaleShowBeyondLine,gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",
-padding:this.options.showScale?0:this.options.pointDotRadius+this.options.pointDotStrokeWidth,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&s.extend(a,{calculateYRange:s.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new i.Scale(a)},addData:function(t,e){s.each(t,function(t,i){this.datasets[i].points.push(new this.PointClass({value:t,label:e,datasetLabel:this.datasets[i].label,x:this.scale.calculateX(this.scale.valuesCount+1),y:this.scale.endPoint,strokeColor:this.datasets[i].pointStrokeColor,fillColor:this.datasets[i].pointColor}))},this),this.scale.addXLabel(e),this.update()},removeData:function(){this.scale.removeXLabel(),s.each(this.datasets,function(t){t.points.shift()},this),this.update()},reflow:function(){var t=s.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},draw:function(t){var e=t||1;this.clear();var i=this.chart.ctx,n=function(t){return null!==t.value},a=function(t,e,i){return s.findNextWhere(e,n,i)||t},o=function(t,e,i){return s.findPreviousWhere(e,n,i)||t};this.scale.draw(e),s.each(this.datasets,function(t){var r=s.where(t.points,n);s.each(t.points,function(t,i){t.hasValue()&&t.transition({y:this.scale.calculateY(t.value),x:this.scale.calculateX(i)},e)},this),this.options.bezierCurve&&s.each(r,function(t,e){var i=e>0&&e<r.length-1?this.options.bezierCurveTension:0;t.controlPoints=s.splineCurve(o(t,r,e),t,a(t,r,e),i),t.controlPoints.outer.y>this.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.y<this.scale.startPoint&&(t.controlPoints.outer.y=this.scale.startPoint),t.controlPoints.inner.y>this.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y<this.scale.startPoint&&(t.controlPoints.inner.y=this.scale.startPoint)},this),i.lineWidth=this.options.datasetStrokeWidth,i.strokeStyle=t.strokeColor,i.beginPath(),s.each(r,function(t,e){if(0===e)i.moveTo(t.x,t.y);else if(this.options.bezierCurve){var s=o(t,r,e);i.bezierCurveTo(s.controlPoints.outer.x,s.controlPoints.outer.y,t.controlPoints.inner.x,t.controlPoints.inner.y,t.x,t.y)}else i.lineTo(t.x,t.y)},this),i.stroke(),this.options.datasetFill&&r.length>0&&(i.lineTo(r[r.length-1].x,this.scale.endPoint),i.lineTo(r[0].x,this.scale.endPoint),i.fillStyle=t.fillColor,i.closePath(),i.fill()),s.each(r,function(t){t.draw()})},this)}}),t.fn.lineChart=function(e,s){var n=[];return this.each(function(){var a=t(this);n.push(new i(this.getContext("2d")).Line(e,t.extend(a.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery),function(t){"use strict";var e=t&&t.zui?t.zui:this,i=e.Chart,s=i.helpers,n={segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:1,percentageInnerCutout:50,scaleShowLabels:!1,scaleLabel:"<%=value%>",scaleLabelPlacement:"auto",animationSteps:60,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'};i.Type.extend({name:"Doughnut",defaults:n,initialize:function(t){this.segments=[],this.outerRadius=(s.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=i.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];s.each(this.segments,function(t){t.restore(["fillColor"])}),s.each(e,function(t){t.fillColor=t.highlightColor}),this.showTooltip(e)}),this.calculateTotal(t),s.each(t,function(t,e){this.addData(t,e,!0)},this),this.render()},getSegmentsAtEvent:function(t){var e=[],i=s.getRelativePosition(t);return s.each(this.segments,function(t){t.inRange(i.x,i.y)&&e.push(t)},this),e},addData:function(e,i,s){if(t.zui&&t.zui.Color&&t.zui.Color.get){var n=new t.zui.Color.get(e.color);e.color=n.toCssStr(),e.highlight||(e.highlight=n.lighten(5).toCssStr())}var a=i||this.segments.length;this.segments.splice(a,0,new this.SegmentArc({id:"undefined"==typeof e.id?a:e.id,value:e.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:e.color,highlightColor:e.highlight||e.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(e.value),showLabel:e.showLabel!==!1,circleBeginEnd:e.circleBeginEnd,label:e.label})),s||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(Math.abs(t)/this.total)},calculateTotal:function(t){this.total=0,s.each(t,function(t){this.total+=Math.abs(t.value)},this)},update:function(){this.calculateTotal(this.segments),s.each(this.activeElements,function(t){t.restore(["fillColor"])}),s.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var e=s.isNumber(t)?t:this.segments.length-1;this.segments.splice(e,1),this.reflow(),this.update()},reflow:function(){s.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(s.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,s.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},drawLabel:function(e,i,n){var a=this.options,o=(e.endAngle+e.startAngle)/2,r=a.scaleLabelPlacement;"inside"!==r&&"outside"!==r&&this.chart.width-this.chart.height>50&&e.circumference<Math.PI/18&&(r="outside");var l=Math.cos(o)*e.outerRadius,h=Math.sin(o)*e.outerRadius,c=s.template(a.scaleLabel,{value:"undefined"==typeof i?e.value:Math.round(i*e.value),label:e.label}),d=this.chart.ctx;d.font=s.fontString(a.scaleFontSize,a.scaleFontStyle,a.scaleFontFamily),d.textBaseline="middle",d.textAlign="center";var u=(d.measureText(c).width,this.chart.width/2),p=this.chart.height/2;if("outside"===r){var f=l>=0,g=l+u,m=h+p;d.textAlign=f?"left":"right",d.measureText(c).width,l=f?Math.max(u+e.outerRadius+10,l+30+u):Math.min(u-e.outerRadius-10,l-30+u);var v=a.scaleFontSize*(a.scaleLineHeight||1),y=Math.round((.8*h+p)/v)+1,b=(Math.floor(this.chart.width/v)+1,f?1:-1);if(n[y*b]&&(y>1?y--:y++),n[y*b])return;h=(y-1)*v+a.scaleFontSize/2,n[y*b]=!0,d.beginPath(),d.moveTo(g,m),d.lineTo(l,h),l=f?l+5:l-5,d.lineTo(l,h),d.strokeStyle=t.zui&&t.zui.Color?new t.zui.Color(e.fillColor).fade(40).toCssStr():e.fillColor,d.strokeWidth=a.scaleLineWidth,d.stroke(),d.fillStyle=e.fillColor}else l=.7*l+u,h=.7*h+p,d.fillStyle=t.zui&&t.zui.Color?new t.zui.Color(e.fillColor).contrast().toCssStr():"#fff";d.fillText(c,l,h)},draw:function(t){var e=t?t:1;this.clear();var i;if(s.each(this.segments,function(t,i){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},e),t.endAngle=t.startAngle+t.circumference,this.options.reverseDrawOrder||t.draw(),0===i&&(t.startAngle=1.5*Math.PI),i<this.segments.length-1&&(this.segments[i+1].startAngle=t.endAngle)},this),this.options.reverseDrawOrder&&s.each(this.segments.slice().reverse(),function(t,e){t.draw()},this),this.options.scaleShowLabels){var n=this.segments.slice().sort(function(t,e){return e.value-t.value}),i={};s.each(n,function(e,s){e.showLabel&&this.drawLabel(e,t,i)},this)}}}),i.types.Doughnut.extend({name:"Pie",defaults:s.merge(n,{percentageInnerCutout:0})}),t.fn.pieChart=function(e,s){var n=[];return this.each(function(){var a=t(this);n.push(new i(this.getContext("2d")).Pie(e,t.extend(a.data(),s)))}),1===n.length?n[0]:n},t.fn.doughnutChart=function(e,s){var n=[];return this.each(function(){var a=t(this);n.push(new i(this.getContext("2d")).Doughnut(e,t.extend(a.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery),function(t){"use strict";var e=t&&t.zui?t.zui:this,i=e.Chart,s=i.helpers,n={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,scaleShowBeyondLine:!0,barShowStroke:!0,barStrokeWidth:1,scaleValuePlacement:"auto",barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};i.Type.extend({name:"Bar",defaults:n,initialize:function(e){var n=this.options;this.ScaleClass=i.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,e,i){var s=this.calculateBaseWidth(),a=this.calculateX(i)-s/2,o=this.calculateBarWidth(t);return a+o*e+e*n.barDatasetSpacing+o/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*n.barValueSpacing},calculateBarWidth:function(t){var e=this.calculateBaseWidth()-(t-1)*n.barDatasetSpacing;return e/t}}),this.datasets=[],this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),s.each(e,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(e)}),this.BarClass=i.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),s.each(e.datasets,function(i,n){if(t.zui&&t.zui.Color&&t.zui.Color.get){var a=t.zui.Color.get(i.color),o=a.toCssStr();i.fillColor||(i.fillColor=a.clone().fade(50).toCssStr()),i.strokeColor||(i.strokeColor=o)}var r={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,bars:[]};this.datasets.push(r),s.each(i.data,function(t,s){r.bars.push(new this.BarClass({value:t,label:e.labels[s],datasetLabel:i.label,strokeColor:i.strokeColor,fillColor:i.fillColor,highlightFill:i.highlightFill||i.fillColor,highlightStroke:i.highlightStroke||i.strokeColor}))},this)},this),this.buildScale(e.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,e,i){s.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,i,e),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),s.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){s.each(this.datasets,function(e,i){s.each(e.bars,t,this,i)},this)},getBarsAtEvent:function(t){for(var e,i=[],n=s.getRelativePosition(t),a=function(t){i.push(t.bars[e])},o=0;o<this.datasets.length;o++)for(e=0;e<this.datasets[o].bars.length;e++)if(this.datasets[o].bars[e].inRange(n.x,n.y))return s.each(this.datasets,a),i;return i},buildScale:function(t){var e=this,i=function(){var t=[];return e.eachBars(function(e){t.push(e.value)}),t},n={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var e=s.calculateScaleRange(i(),t,this.fontSize,this.beginAtZero,this.integersOnly);s.extend(this,e)},xLabels:t,font:s.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,showBeyondLine:this.options.scaleShowBeyondLine,gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",padding:this.options.showScale?0:this.options.barShowStroke?this.options.barStrokeWidth:0,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&s.extend(n,{calculateYRange:s.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new this.ScaleClass(n)},addData:function(t,e){s.each(t,function(t,i){this.datasets[i].bars.push(new this.BarClass({value:t,label:e,x:this.scale.calculateBarX(this.datasets.length,i,this.scale.valuesCount+1),y:this.scale.endPoint,width:this.scale.calculateBarWidth(this.datasets.length),base:this.scale.endPoint,strokeColor:this.datasets[i].strokeColor,fillColor:this.datasets[i].fillColor}))},this),this.scale.addXLabel(e),this.update()},removeData:function(){this.scale.removeXLabel(),s.each(this.datasets,function(t){t.bars.shift()},this),this.update()},reflow:function(){s.extend(this.BarClass.prototype,{y:this.scale.endPoint,base:this.scale.endPoint});var t=s.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},drawLabel:function(t,e){var i=this.options;e=e||i.scaleValuePlacement,e=e?e.toLowerCase():"auto","auto"===e&&(e=t.y<15?"insdie":"outside");var n="insdie"===e?t.y+10:t.y-10,a=this.chart.ctx;a.font=s.fontString(i.scaleFontSize,i.scaleFontStyle,i.scaleFontFamily),a.textBaseline="middle",a.textAlign="center",a.fillStyle=i.scaleFontColor,a.fillText(t.value,t.x,n)},draw:function(t){var e=t||1;this.clear();this.chart.ctx;this.scale.draw(e);var i=this.options.scaleShowLabels&&this.options.scaleValuePlacement;s.each(this.datasets,function(t,n){s.each(t.bars,function(t,s){t.hasValue()&&(t.base=this.scale.endPoint,t.transition({x:this.scale.calculateBarX(this.datasets.length,n,s),y:this.scale.calculateY(t.value),width:this.scale.calculateBarWidth(this.datasets.length)},e).draw()),i&&this.drawLabel(t)},this)},this)}}),t.fn.barChart=function(e,s){var n=[];return this.each(function(){var a=t(this);n.push(new i(this.getContext("2d")).Bar(e,t.extend(a.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery),/*!
+
+/// ----- ZUI change begin -----
+/// Add jquery object to namespace
+
+/// (function(){ // Old code
+(function($) {
+
+    /// ----- ZUI change end -----
+
+
+    "use strict";
+
+    //Declare root variable - window in the browser, global on the server
+    /// ----- ZUI change begin -----
+    /// Change root to zui shared object
+    ///
+    ///   var root = this, // old code
+    var root = $ && $.zui ? $.zui : this,
+        /// ----- ZUI change end -----
+        previous = root.Chart;
+
+    //Occupy the global variable of Chart, and create a simple base class
+    var Chart = function(context) {
+        var chart = this;
+        this.canvas = context.canvas;
+
+        this.ctx = context;
+
+        //Variables global to the chart
+        var computeDimension = function(element, dimension) {
+            if(element['offset' + dimension]) {
+                return element['offset' + dimension];
+            } else {
+                return document.defaultView.getComputedStyle(element).getPropertyValue(dimension);
+            }
+        }
+
+        var width = this.width = computeDimension(context.canvas, 'Width');
+        var height = this.height = computeDimension(context.canvas, 'Height');
+
+        // Firefox requires this to work correctly
+        context.canvas.width = width;
+        context.canvas.height = height;
+
+        var width = this.width = context.canvas.width;
+        var height = this.height = context.canvas.height;
+        this.aspectRatio = this.width / this.height;
+        //High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale.
+        helpers.retinaScale(this);
+
+        return this;
+    };
+
+    //Globally expose the defaults to allow for user updating/changing
+    Chart.defaults = {
+        global: {
+            // Boolean - Whether to animate the chart
+            animation: true,
+
+            // Number - Number of animation steps
+            animationSteps: 60,
+
+            // String - Animation easing effect
+            // Possible effects are:
+            // [easeInOutQuart, linear, easeOutBounce, easeInBack, easeInOutQuad,
+            //  easeOutQuart, easeOutQuad, easeInOutBounce, easeOutSine, easeInOutCubic,
+            //  easeInExpo, easeInOutBack, easeInCirc, easeInOutElastic, easeOutBack,
+            //  easeInQuad, easeInOutExpo, easeInQuart, easeOutQuint, easeInOutCirc,
+            //  easeInSine, easeOutExpo, easeOutCirc, easeOutCubic, easeInQuint,
+            //  easeInElastic, easeInOutSine, easeInOutQuint, easeInBounce,
+            //  easeOutElastic, easeInCubic]
+            animationEasing: "easeOutQuart",
+
+            // Boolean - If we should show the scale at all
+            showScale: true,
+
+            // Boolean - If we want to override with a hard coded scale
+            scaleOverride: false,
+
+            // ** Required if scaleOverride is true **
+            // Number - The number of steps in a hard coded scale
+            scaleSteps: null,
+            // Number - The value jump in the hard coded scale
+            scaleStepWidth: null,
+            // Number - The scale starting value
+            scaleStartValue: null,
+
+            // String - Colour of the scale line
+            scaleLineColor: "rgba(0,0,0,.1)",
+
+            // Number - Pixel width of the scale line
+            scaleLineWidth: 1,
+
+            // Boolean - Whether to show labels on the scale
+            scaleShowLabels: true,
+
+            // Interpolated JS string - can access value
+            scaleLabel: "<%=value%>",
+
+            // Boolean - Whether the scale should stick to integers, and not show any floats even if drawing space is there
+            scaleIntegersOnly: true,
+
+            // Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
+            scaleBeginAtZero: false,
+
+            // String - Scale label font declaration for the scale label
+            scaleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+
+            // Number - Scale label font size in pixels
+            scaleFontSize: 12,
+
+            // String - Scale label font weight style
+            scaleFontStyle: "normal",
+
+            // String - Scale label font colour
+            scaleFontColor: "#666",
+
+            // Boolean - whether or not the chart should be responsive and resize when the browser does.
+            responsive: false,
+
+            // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
+            maintainAspectRatio: true,
+
+            // Boolean - Determines whether to draw tooltips on the canvas or not - attaches events to touchmove & mousemove
+            showTooltips: true,
+
+            // Boolean - Determines whether to draw built-in tooltip or call custom tooltip function
+            customTooltips: false,
+
+            // Array - Array of string names to attach tooltip events
+            tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
+
+            // String - Tooltip background colour
+            tooltipFillColor: "rgba(0,0,0,0.8)",
+
+            // String - Tooltip label font declaration for the scale label
+            tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+
+            // Number - Tooltip label font size in pixels
+            tooltipFontSize: 14,
+
+            // String - Tooltip font weight style
+            tooltipFontStyle: "normal",
+
+            // String - Tooltip label font colour
+            tooltipFontColor: "#fff",
+
+            // String - Tooltip title font declaration for the scale label
+            tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
+
+            // Number - Tooltip title font size in pixels
+            tooltipTitleFontSize: 14,
+
+            // String - Tooltip title font weight style
+            tooltipTitleFontStyle: "bold",
+
+            // String - Tooltip title font colour
+            tooltipTitleFontColor: "#fff",
+
+            // Number - pixel width of padding around tooltip text
+            tooltipYPadding: 6,
+
+            // Number - pixel width of padding around tooltip text
+            tooltipXPadding: 6,
+
+            // Number - Size of the caret on the tooltip
+            tooltipCaretSize: 8,
+
+            // Number - Pixel radius of the tooltip border
+            tooltipCornerRadius: 6,
+
+            // Number - Pixel offset from point x to tooltip edge
+            tooltipXOffset: 10,
+
+            // String - Template string for single tooltips
+            tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",
+
+            // String - Template string for single tooltips
+            multiTooltipTemplate: "<%if (datasetLabel){%><%=datasetLabel%>: <%}%><%= value %>",
+
+            // String - Colour behind the legend colour block
+            multiTooltipKeyBackground: '#fff',
+
+            // Function - Will fire on animation progression.
+            onAnimationProgress: function() {},
+
+            // Function - Will fire on animation completion.
+            onAnimationComplete: function() {}
+
+        }
+    };
+
+    //Create a dictionary of chart types, to allow for extension of existing types
+    Chart.types = {};
+
+    //Global Chart helpers object for utility methods and classes
+    var helpers = Chart.helpers = {};
+
+    //-- Basic js utility methods
+    var each = helpers.each = function(loopable, callback, self) {
+            var additionalArgs = Array.prototype.slice.call(arguments, 3);
+            // Check to see if null or undefined firstly.
+            if(loopable) {
+                if(loopable.length === +loopable.length) {
+                    var i;
+                    for(i = 0; i < loopable.length; i++) {
+                        callback.apply(self, [loopable[i], i].concat(additionalArgs));
+                    }
+                } else {
+                    for(var item in loopable) {
+                        callback.apply(self, [loopable[item], item].concat(additionalArgs));
+                    }
+                }
+            }
+        },
+        clone = helpers.clone = function(obj) {
+            var objClone = {};
+            each(obj, function(value, key) {
+                if(obj.hasOwnProperty(key)) objClone[key] = value;
+            });
+            return objClone;
+        },
+        extend = helpers.extend = function(base) {
+            each(Array.prototype.slice.call(arguments, 1), function(extensionObject) {
+                each(extensionObject, function(value, key) {
+                    if(extensionObject.hasOwnProperty(key)) base[key] = value;
+                });
+            });
+            return base;
+        },
+        merge = helpers.merge = function(base, master) {
+            //Merge properties in left object over to a shallow clone of object right.
+            var args = Array.prototype.slice.call(arguments, 0);
+            args.unshift({});
+            return extend.apply(null, args);
+        },
+        indexOf = helpers.indexOf = function(arrayToSearch, item) {
+            if(Array.prototype.indexOf) {
+                return arrayToSearch.indexOf(item);
+            } else {
+                for(var i = 0; i < arrayToSearch.length; i++) {
+                    if(arrayToSearch[i] === item) return i;
+                }
+                return -1;
+            }
+        },
+        where = helpers.where = function(collection, filterCallback) {
+            var filtered = [];
+
+            helpers.each(collection, function(item) {
+                if(filterCallback(item)) {
+                    filtered.push(item);
+                }
+            });
+
+            return filtered;
+        },
+        findNextWhere = helpers.findNextWhere = function(arrayToSearch, filterCallback, startIndex) {
+            // Default to start of the array
+            if(!startIndex) {
+                startIndex = -1;
+            }
+            for(var i = startIndex + 1; i < arrayToSearch.length; i++) {
+                var currentItem = arrayToSearch[i];
+                if(filterCallback(currentItem)) {
+                    return currentItem;
+                }
+            }
+        },
+        findPreviousWhere = helpers.findPreviousWhere = function(arrayToSearch, filterCallback, startIndex) {
+            // Default to end of the array
+            if(!startIndex) {
+                startIndex = arrayToSearch.length;
+            }
+            for(var i = startIndex - 1; i >= 0; i--) {
+                var currentItem = arrayToSearch[i];
+                if(filterCallback(currentItem)) {
+                    return currentItem;
+                }
+            }
+        },
+        inherits = helpers.inherits = function(extensions) {
+            //Basic javascript inheritance based on the model created in Backbone.js
+            var parent = this;
+            var ChartElement = (extensions && extensions.hasOwnProperty("constructor")) ? extensions.constructor : function() {
+                return parent.apply(this, arguments);
+            };
+
+            var Surrogate = function() {
+                this.constructor = ChartElement;
+            };
+            Surrogate.prototype = parent.prototype;
+            ChartElement.prototype = new Surrogate();
+
+            ChartElement.extend = inherits;
+
+            if(extensions) extend(ChartElement.prototype, extensions);
+
+            ChartElement.__super__ = parent.prototype;
+
+            return ChartElement;
+        },
+        noop = helpers.noop = function() {},
+        uid = helpers.uid = (function() {
+            var id = 0;
+            return function() {
+                return "chart-" + id++;
+            };
+        })(),
+        warn = helpers.warn = function(str) {
+            //Method for warning of errors
+            if(window.console && typeof window.console.warn == "function") console.warn(str);
+        },
+        amd = helpers.amd = (typeof define == 'function' && define.amd),
+        //-- Math methods
+        isNumber = helpers.isNumber = function(n) {
+            return !isNaN(parseFloat(n)) && isFinite(n);
+        },
+        max = helpers.max = function(array) {
+            return Math.max.apply(Math, array);
+        },
+        min = helpers.min = function(array) {
+            return Math.min.apply(Math, array);
+        },
+        cap = helpers.cap = function(valueToCap, maxValue, minValue) {
+            if(isNumber(maxValue)) {
+                if(valueToCap > maxValue) {
+                    return maxValue;
+                }
+            } else if(isNumber(minValue)) {
+                if(valueToCap < minValue) {
+                    return minValue;
+                }
+            }
+            return valueToCap;
+        },
+        getDecimalPlaces = helpers.getDecimalPlaces = function(num) {
+            if(num % 1 !== 0 && isNumber(num)) {
+                return num.toString().split(".")[1].length;
+            } else {
+                return 0;
+            }
+        },
+        toRadians = helpers.radians = function(degrees) {
+            return degrees * (Math.PI / 180);
+        },
+        // Gets the angle from vertical upright to the point about a centre.
+        getAngleFromPoint = helpers.getAngleFromPoint = function(centrePoint, anglePoint) {
+            var distanceFromXCenter = anglePoint.x - centrePoint.x,
+                distanceFromYCenter = anglePoint.y - centrePoint.y,
+                radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter);
+
+
+            var angle = Math.PI * 2 + Math.atan2(distanceFromYCenter, distanceFromXCenter);
+
+            //If the segment is in the top left quadrant, we need to add another rotation to the angle
+            if(distanceFromXCenter < 0 && distanceFromYCenter < 0) {
+                angle += Math.PI * 2;
+            }
+
+            return {
+                angle: angle,
+                distance: radialDistanceFromCenter
+            };
+        },
+        aliasPixel = helpers.aliasPixel = function(pixelWidth) {
+            return(pixelWidth % 2 === 0) ? 0 : 0.5;
+        },
+        splineCurve = helpers.splineCurve = function(FirstPoint, MiddlePoint, AfterPoint, t) {
+            //Props to Rob Spencer at scaled innovation for his post on splining between points
+            //http://scaledinnovation.com/analytics/splines/aboutSplines.html
+            var d01 = Math.sqrt(Math.pow(MiddlePoint.x - FirstPoint.x, 2) + Math.pow(MiddlePoint.y - FirstPoint.y, 2)),
+                d12 = Math.sqrt(Math.pow(AfterPoint.x - MiddlePoint.x, 2) + Math.pow(AfterPoint.y - MiddlePoint.y, 2)),
+                fa = t * d01 / (d01 + d12), // scaling factor for triangle Ta
+                fb = t * d12 / (d01 + d12);
+            return {
+                inner: {
+                    x: MiddlePoint.x - fa * (AfterPoint.x - FirstPoint.x),
+                    y: MiddlePoint.y - fa * (AfterPoint.y - FirstPoint.y)
+                },
+                outer: {
+                    x: MiddlePoint.x + fb * (AfterPoint.x - FirstPoint.x),
+                    y: MiddlePoint.y + fb * (AfterPoint.y - FirstPoint.y)
+                }
+            };
+        },
+        calculateOrderOfMagnitude = helpers.calculateOrderOfMagnitude = function(val) {
+            return Math.floor(Math.log(val) / Math.LN10);
+        },
+        calculateScaleRange = helpers.calculateScaleRange = function(valuesArray, drawingSize, textSize, startFromZero, integersOnly) {
+
+            //Set a minimum step of two - a point at the top of the graph, and a point at the base
+            var minSteps = 2,
+                maxSteps = Math.floor(drawingSize / (textSize * 1.5)),
+                skipFitting = (minSteps >= maxSteps);
+
+            var maxValue = max(valuesArray),
+                minValue = min(valuesArray);
+
+            // We need some degree of seperation here to calculate the scales if all the values are the same
+            // Adding/minusing 0.5 will give us a range of 1.
+            if(maxValue === minValue) {
+                maxValue += 0.5;
+                // So we don't end up with a graph with a negative start value if we've said always start from zero
+                if(minValue >= 0.5 && !startFromZero) {
+                    minValue -= 0.5;
+                } else {
+                    // Make up a whole number above the values
+                    maxValue += 0.5;
+                }
+            }
+
+            var valueRange = Math.abs(maxValue - minValue),
+                rangeOrderOfMagnitude = calculateOrderOfMagnitude(valueRange),
+                graphMax = Math.ceil(maxValue / (1 * Math.pow(10, rangeOrderOfMagnitude))) * Math.pow(10, rangeOrderOfMagnitude),
+                graphMin = (startFromZero) ? 0 : Math.floor(minValue / (1 * Math.pow(10, rangeOrderOfMagnitude))) * Math.pow(10, rangeOrderOfMagnitude),
+                graphRange = graphMax - graphMin,
+                stepValue = Math.pow(10, rangeOrderOfMagnitude),
+                numberOfSteps = Math.round(graphRange / stepValue);
+
+            //If we have more space on the graph we'll use it to give more definition to the data
+            while((numberOfSteps > maxSteps || (numberOfSteps * 2) < maxSteps) && !skipFitting) {
+                if(numberOfSteps > maxSteps) {
+                    stepValue *= 2;
+                    numberOfSteps = Math.round(graphRange / stepValue);
+                    // Don't ever deal with a decimal number of steps - cancel fitting and just use the minimum number of steps.
+                    if(numberOfSteps % 1 !== 0) {
+                        skipFitting = true;
+                    }
+                }
+                //We can fit in double the amount of scale points on the scale
+                else {
+                    //If user has declared ints only, and the step value isn't a decimal
+                    if(integersOnly && rangeOrderOfMagnitude >= 0) {
+                        //If the user has said integers only, we need to check that making the scale more granular wouldn't make it a float
+                        if(stepValue / 2 % 1 === 0) {
+                            stepValue /= 2;
+                            numberOfSteps = Math.round(graphRange / stepValue);
+                        }
+                        //If it would make it a float break out of the loop
+                        else {
+                            break;
+                        }
+                    }
+                    //If the scale doesn't have to be an int, make the scale more granular anyway.
+                    else {
+                        stepValue /= 2;
+                        numberOfSteps = Math.round(graphRange / stepValue);
+                    }
+
+                }
+            }
+
+            if(skipFitting) {
+                numberOfSteps = minSteps;
+                stepValue = graphRange / numberOfSteps;
+            }
+
+            return {
+                steps: numberOfSteps,
+                stepValue: stepValue,
+                min: graphMin,
+                max: graphMin + (numberOfSteps * stepValue)
+            };
+
+        },
+        /* jshint ignore:start */
+        // Blows up jshint errors based on the new Function constructor
+        //Templating methods
+        //Javascript micro templating by John Resig - source at http://ejohn.org/blog/javascript-micro-templating/
+        template = helpers.template = function(templateString, valuesObject) {
+
+            // If templateString is function rather than string-template - call the function for valuesObject
+
+            if(templateString instanceof Function) {
+                return templateString(valuesObject);
+            }
+
+            var cache = {};
+
+            function tmpl(str, data) {
+                // Figure out if we're getting a template, or if we need to
+                // load the template - and be sure to cache the result.
+                var fn = !/\W/.test(str) ?
+                    cache[str] = cache[str] :
+
+                    // Generate a reusable function that will serve as a template
+                    // generator (and which will be cached).
+                    new Function("obj",
+                        "var p=[],print=function(){p.push.apply(p,arguments);};" +
+
+                        // Introduce the data as local variables using with(){}
+                        "with(obj){p.push('" +
+
+                        // Convert the template into pure JavaScript
+                        str
+                        .replace(/[\r\t\n]/g, " ")
+                        .split("<%").join("\t")
+                        .replace(/((^|%>)[^\t]*)'/g, "$1\r")
+                        .replace(/\t=(.*?)%>/g, "',$1,'")
+                        .split("\t").join("');")
+                        .split("%>").join("p.push('")
+                        .split("\r").join("\\'") +
+                        "');}return p.join('');"
+                    );
+
+                // Provide some basic currying to the user
+                return data ? fn(data) : fn;
+            }
+            return tmpl(templateString, valuesObject);
+        },
+        /* jshint ignore:end */
+        generateLabels = helpers.generateLabels = function(templateString, numberOfSteps, graphMin, stepValue) {
+            var labelsArray = new Array(numberOfSteps);
+            if(labelTemplateString) {
+                each(labelsArray, function(val, index) {
+                    labelsArray[index] = template(templateString, {
+                        value: (graphMin + (stepValue * (index + 1)))
+                    });
+                });
+            }
+            return labelsArray;
+        },
+        //--Animation methods
+        //Easing functions adapted from Robert Penner's easing equations
+        //http://www.robertpenner.com/easing/
+        easingEffects = helpers.easingEffects = {
+            linear: function(t) {
+                return t;
+            },
+            easeInQuad: function(t) {
+                return t * t;
+            },
+            easeOutQuad: function(t) {
+                return -1 * t * (t - 2);
+            },
+            easeInOutQuad: function(t) {
+                if((t /= 1 / 2) < 1) return 1 / 2 * t * t;
+                return -1 / 2 * ((--t) * (t - 2) - 1);
+            },
+            easeInCubic: function(t) {
+                return t * t * t;
+            },
+            easeOutCubic: function(t) {
+                return 1 * ((t = t / 1 - 1) * t * t + 1);
+            },
+            easeInOutCubic: function(t) {
+                if((t /= 1 / 2) < 1) return 1 / 2 * t * t * t;
+                return 1 / 2 * ((t -= 2) * t * t + 2);
+            },
+            easeInQuart: function(t) {
+                return t * t * t * t;
+            },
+            easeOutQuart: function(t) {
+                return -1 * ((t = t / 1 - 1) * t * t * t - 1);
+            },
+            easeInOutQuart: function(t) {
+                if((t /= 1 / 2) < 1) return 1 / 2 * t * t * t * t;
+                return -1 / 2 * ((t -= 2) * t * t * t - 2);
+            },
+            easeInQuint: function(t) {
+                return 1 * (t /= 1) * t * t * t * t;
+            },
+            easeOutQuint: function(t) {
+                return 1 * ((t = t / 1 - 1) * t * t * t * t + 1);
+            },
+            easeInOutQuint: function(t) {
+                if((t /= 1 / 2) < 1) return 1 / 2 * t * t * t * t * t;
+                return 1 / 2 * ((t -= 2) * t * t * t * t + 2);
+            },
+            easeInSine: function(t) {
+                return -1 * Math.cos(t / 1 * (Math.PI / 2)) + 1;
+            },
+            easeOutSine: function(t) {
+                return 1 * Math.sin(t / 1 * (Math.PI / 2));
+            },
+            easeInOutSine: function(t) {
+                return -1 / 2 * (Math.cos(Math.PI * t / 1) - 1);
+            },
+            easeInExpo: function(t) {
+                return(t === 0) ? 1 : 1 * Math.pow(2, 10 * (t / 1 - 1));
+            },
+            easeOutExpo: function(t) {
+                return(t === 1) ? 1 : 1 * (-Math.pow(2, -10 * t / 1) + 1);
+            },
+            easeInOutExpo: function(t) {
+                if(t === 0) return 0;
+                if(t === 1) return 1;
+                if((t /= 1 / 2) < 1) return 1 / 2 * Math.pow(2, 10 * (t - 1));
+                return 1 / 2 * (-Math.pow(2, -10 * --t) + 2);
+            },
+            easeInCirc: function(t) {
+                if(t >= 1) return t;
+                return -1 * (Math.sqrt(1 - (t /= 1) * t) - 1);
+            },
+            easeOutCirc: function(t) {
+                return 1 * Math.sqrt(1 - (t = t / 1 - 1) * t);
+            },
+            easeInOutCirc: function(t) {
+                if((t /= 1 / 2) < 1) return -1 / 2 * (Math.sqrt(1 - t * t) - 1);
+                return 1 / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1);
+            },
+            easeInElastic: function(t) {
+                var s = 1.70158;
+                var p = 0;
+                var a = 1;
+                if(t === 0) return 0;
+                if((t /= 1) == 1) return 1;
+                if(!p) p = 1 * 0.3;
+                if(a < Math.abs(1)) {
+                    a = 1;
+                    s = p / 4;
+                } else s = p / (2 * Math.PI) * Math.asin(1 / a);
+                return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p));
+            },
+            easeOutElastic: function(t) {
+                var s = 1.70158;
+                var p = 0;
+                var a = 1;
+                if(t === 0) return 0;
+                if((t /= 1) == 1) return 1;
+                if(!p) p = 1 * 0.3;
+                if(a < Math.abs(1)) {
+                    a = 1;
+                    s = p / 4;
+                } else s = p / (2 * Math.PI) * Math.asin(1 / a);
+                return a * Math.pow(2, -10 * t) * Math.sin((t * 1 - s) * (2 * Math.PI) / p) + 1;
+            },
+            easeInOutElastic: function(t) {
+                var s = 1.70158;
+                var p = 0;
+                var a = 1;
+                if(t === 0) return 0;
+                if((t /= 1 / 2) == 2) return 1;
+                if(!p) p = 1 * (0.3 * 1.5);
+                if(a < Math.abs(1)) {
+                    a = 1;
+                    s = p / 4;
+                } else s = p / (2 * Math.PI) * Math.asin(1 / a);
+                if(t < 1) return -0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p));
+                return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p) * 0.5 + 1;
+            },
+            easeInBack: function(t) {
+                var s = 1.70158;
+                return 1 * (t /= 1) * t * ((s + 1) * t - s);
+            },
+            easeOutBack: function(t) {
+                var s = 1.70158;
+                return 1 * ((t = t / 1 - 1) * t * ((s + 1) * t + s) + 1);
+            },
+            easeInOutBack: function(t) {
+                var s = 1.70158;
+                if((t /= 1 / 2) < 1) return 1 / 2 * (t * t * (((s *= (1.525)) + 1) * t - s));
+                return 1 / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2);
+            },
+            easeInBounce: function(t) {
+                return 1 - easingEffects.easeOutBounce(1 - t);
+            },
+            easeOutBounce: function(t) {
+                if((t /= 1) < (1 / 2.75)) {
+                    return 1 * (7.5625 * t * t);
+                } else if(t < (2 / 2.75)) {
+                    return 1 * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75);
+                } else if(t < (2.5 / 2.75)) {
+                    return 1 * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375);
+                } else {
+                    return 1 * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375);
+                }
+            },
+            easeInOutBounce: function(t) {
+                if(t < 1 / 2) return easingEffects.easeInBounce(t * 2) * 0.5;
+                return easingEffects.easeOutBounce(t * 2 - 1) * 0.5 + 1 * 0.5;
+            }
+        },
+        //Request animation polyfill - http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
+        requestAnimFrame = helpers.requestAnimFrame = (function() {
+            return window.requestAnimationFrame ||
+                window.webkitRequestAnimationFrame ||
+                window.mozRequestAnimationFrame ||
+                window.oRequestAnimationFrame ||
+                window.msRequestAnimationFrame ||
+                function(callback) {
+                    return window.setTimeout(callback, 1000 / 60);
+                };
+        })(),
+        cancelAnimFrame = helpers.cancelAnimFrame = (function() {
+            return window.cancelAnimationFrame ||
+                window.webkitCancelAnimationFrame ||
+                window.mozCancelAnimationFrame ||
+                window.oCancelAnimationFrame ||
+                window.msCancelAnimationFrame ||
+                function(callback) {
+                    return window.clearTimeout(callback, 1000 / 60);
+                };
+        })(),
+        animationLoop = helpers.animationLoop = function(callback, totalSteps, easingString, onProgress, onComplete, chartInstance) {
+
+            var currentStep = 0,
+                easingFunction = easingEffects[easingString] || easingEffects.linear;
+
+            var animationFrame = function() {
+                currentStep++;
+                var stepDecimal = currentStep / totalSteps;
+                var easeDecimal = easingFunction(stepDecimal);
+
+                callback.call(chartInstance, easeDecimal, stepDecimal, currentStep);
+                onProgress.call(chartInstance, easeDecimal, stepDecimal);
+                if(currentStep < totalSteps) {
+                    chartInstance.animationFrame = requestAnimFrame(animationFrame);
+                } else {
+                    onComplete.apply(chartInstance);
+                }
+            };
+            requestAnimFrame(animationFrame);
+        },
+        //-- DOM methods
+        getRelativePosition = helpers.getRelativePosition = function(evt) {
+            var mouseX, mouseY;
+            var e = evt.originalEvent || evt,
+                canvas = evt.currentTarget || evt.srcElement,
+                boundingRect = canvas.getBoundingClientRect();
+
+            if(e.touches) {
+                mouseX = e.touches[0].clientX - boundingRect.left;
+                mouseY = e.touches[0].clientY - boundingRect.top;
+
+            } else {
+                mouseX = e.clientX - boundingRect.left;
+                mouseY = e.clientY - boundingRect.top;
+            }
+
+            return {
+                x: mouseX,
+                y: mouseY
+            };
+
+        },
+        addEvent = helpers.addEvent = function(node, eventType, method) {
+            if(node.addEventListener) {
+                node.addEventListener(eventType, method);
+            } else if(node.attachEvent) {
+                node.attachEvent("on" + eventType, method);
+            } else {
+                node["on" + eventType] = method;
+            }
+        },
+        removeEvent = helpers.removeEvent = function(node, eventType, handler) {
+            if(node.removeEventListener) {
+                node.removeEventListener(eventType, handler, false);
+            } else if(node.detachEvent) {
+                node.detachEvent("on" + eventType, handler);
+            } else {
+                node["on" + eventType] = noop;
+            }
+        },
+        bindEvents = helpers.bindEvents = function(chartInstance, arrayOfEvents, handler) {
+            // Create the events object if it's not already present
+            if(!chartInstance.events) chartInstance.events = {};
+
+            each(arrayOfEvents, function(eventName) {
+                chartInstance.events[eventName] = function() {
+                    handler.apply(chartInstance, arguments);
+                };
+                addEvent(chartInstance.chart.canvas, eventName, chartInstance.events[eventName]);
+            });
+        },
+        unbindEvents = helpers.unbindEvents = function(chartInstance, arrayOfEvents) {
+            each(arrayOfEvents, function(handler, eventName) {
+                removeEvent(chartInstance.chart.canvas, eventName, handler);
+            });
+        },
+        getMaximumWidth = helpers.getMaximumWidth = function(domNode) {
+            var container = domNode.parentNode;
+            // TODO = check cross browser stuff with this.
+            return container.clientWidth;
+        },
+        getMaximumHeight = helpers.getMaximumHeight = function(domNode) {
+            var container = domNode.parentNode;
+            // TODO = check cross browser stuff with this.
+            return container.clientHeight;
+        },
+        getMaximumSize = helpers.getMaximumSize = helpers.getMaximumWidth, // legacy support
+        retinaScale = helpers.retinaScale = function(chart) {
+            var ctx = chart.ctx,
+                width = chart.canvas.width,
+                height = chart.canvas.height;
+
+            if(window.devicePixelRatio) {
+                ctx.canvas.style.width = width + "px";
+                ctx.canvas.style.height = height + "px";
+                ctx.canvas.height = height * window.devicePixelRatio;
+                ctx.canvas.width = width * window.devicePixelRatio;
+                ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
+            }
+        },
+        //-- Canvas methods
+        clear = helpers.clear = function(chart) {
+            chart.ctx.clearRect(0, 0, chart.width, chart.height);
+        },
+        fontString = helpers.fontString = function(pixelSize, fontStyle, fontFamily) {
+            return fontStyle + " " + pixelSize + "px " + fontFamily;
+        },
+        longestText = helpers.longestText = function(ctx, font, arrayOfStrings) {
+            ctx.font = font;
+            var longest = 0;
+            each(arrayOfStrings, function(string) {
+                var textWidth = ctx.measureText(string).width;
+                longest = (textWidth > longest) ? textWidth : longest;
+            });
+            return longest;
+        },
+        drawRoundedRectangle = helpers.drawRoundedRectangle = function(ctx, x, y, width, height, radius) {
+            ctx.beginPath();
+            ctx.moveTo(x + radius, y);
+            ctx.lineTo(x + width - radius, y);
+            ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
+            ctx.lineTo(x + width, y + height - radius);
+            ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+            ctx.lineTo(x + radius, y + height);
+            ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
+            ctx.lineTo(x, y + radius);
+            ctx.quadraticCurveTo(x, y, x + radius, y);
+            ctx.closePath();
+        };
+
+
+
+    //Store a reference to each instance - allowing us to globally resize chart instances on window resize.
+    //Destroy method on the chart will remove the instance of the chart from this reference.
+    Chart.instances = {};
+
+    Chart.Type = function(data, options, chart) {
+        this.options = options;
+        this.chart = chart;
+        this.id = uid();
+        //Add the chart instance to the global namespace
+        Chart.instances[this.id] = this;
+
+        // Initialize is always called when a chart type is created
+        // By default it is a no op, but it should be extended
+        if(options.responsive) {
+            this.resize();
+        }
+        this.initialize.call(this, data);
+    };
+
+    //Core methods that'll be a part of every chart type
+    extend(Chart.Type.prototype, {
+        initialize: function() {
+            return this;
+        },
+        clear: function() {
+            clear(this.chart);
+            return this;
+        },
+        stop: function() {
+            // Stops any current animation loop occuring
+            cancelAnimFrame(this.animationFrame);
+            return this;
+        },
+        resize: function(callback) {
+            this.stop();
+            var canvas = this.chart.canvas,
+                newWidth = getMaximumWidth(this.chart.canvas),
+                newHeight = this.options.maintainAspectRatio ? newWidth / this.chart.aspectRatio : getMaximumHeight(this.chart.canvas);
+
+            canvas.width = this.chart.width = newWidth;
+            canvas.height = this.chart.height = newHeight;
+
+            retinaScale(this.chart);
+
+            if(typeof callback === "function") {
+                callback.apply(this, Array.prototype.slice.call(arguments, 1));
+            }
+            return this;
+        },
+        reflow: noop,
+        render: function(reflow) {
+            if(reflow) {
+                this.reflow();
+            }
+            if(this.options.animation && !reflow) {
+                helpers.animationLoop(
+                    this.draw,
+                    this.options.animationSteps,
+                    this.options.animationEasing,
+                    this.options.onAnimationProgress,
+                    this.options.onAnimationComplete,
+                    this
+                );
+            } else {
+                this.draw();
+                this.options.onAnimationComplete.call(this);
+            }
+            return this;
+        },
+        generateLegend: function() {
+            return template(this.options.legendTemplate, this);
+        },
+        destroy: function() {
+            this.clear();
+            unbindEvents(this, this.events);
+            var canvas = this.chart.canvas;
+
+            // Reset canvas height/width attributes starts a fresh with the canvas context
+            canvas.width = this.chart.width;
+            canvas.height = this.chart.height;
+
+            // < IE9 doesn't support removeProperty
+            if(canvas.style.removeProperty) {
+                canvas.style.removeProperty('width');
+                canvas.style.removeProperty('height');
+            } else {
+                canvas.style.removeAttribute('width');
+                canvas.style.removeAttribute('height');
+            }
+
+            delete Chart.instances[this.id];
+        },
+        showTooltip: function(ChartElements, forceRedraw) {
+            // Only redraw the chart if we've actually changed what we're hovering on.
+            if(typeof this.activeElements === 'undefined') this.activeElements = [];
+
+            var isChanged = (function(Elements) {
+                var changed = false;
+
+                if(Elements.length !== this.activeElements.length) {
+                    changed = true;
+                    return changed;
+                }
+
+                each(Elements, function(element, index) {
+                    if(element !== this.activeElements[index]) {
+                        changed = true;
+                    }
+                }, this);
+                return changed;
+            }).call(this, ChartElements);
+
+            if(!isChanged && !forceRedraw) {
+                return;
+            } else {
+                this.activeElements = ChartElements;
+            }
+            this.draw();
+            if(this.options.customTooltips) {
+                this.options.customTooltips(false);
+            }
+            if(ChartElements.length > 0) {
+                // If we have multiple datasets, show a MultiTooltip for all of the data points at that index
+                if(this.datasets && this.datasets.length > 1) {
+                    var dataArray,
+                        dataIndex;
+
+                    for(var i = this.datasets.length - 1; i >= 0; i--) {
+                        dataArray = this.datasets[i].points || this.datasets[i].bars || this.datasets[i].segments;
+                        dataIndex = indexOf(dataArray, ChartElements[0]);
+                        if(dataIndex !== -1) {
+                            break;
+                        }
+                    }
+                    var tooltipLabels = [],
+                        tooltipColors = [],
+                        medianPosition = (function(index) {
+
+                            // Get all the points at that particular index
+                            var Elements = [],
+                                dataCollection,
+                                xPositions = [],
+                                yPositions = [],
+                                xMax,
+                                yMax,
+                                xMin,
+                                yMin;
+                            helpers.each(this.datasets, function(dataset) {
+                                /// ZUI change begin
+                                if(dataset.showTooltips === false) return;
+                                /// ZUI change end
+                                dataCollection = dataset.points || dataset.bars || dataset.segments;
+                                if(dataCollection[dataIndex] && dataCollection[dataIndex].hasValue()) {
+                                    Elements.push(dataCollection[dataIndex]);
+                                }
+                            });
+
+                            helpers.each(Elements, function(element) {
+                                xPositions.push(element.x);
+                                yPositions.push(element.y);
+
+
+                                //Include any colour information about the element
+                                tooltipLabels.push(helpers.template(this.options.multiTooltipTemplate, element));
+                                tooltipColors.push({
+                                    fill: element._saved.fillColor || element.fillColor,
+                                    stroke: element._saved.strokeColor || element.strokeColor
+                                });
+
+                            }, this);
+
+                            yMin = min(yPositions);
+                            yMax = max(yPositions);
+
+                            xMin = min(xPositions);
+                            xMax = max(xPositions);
+
+                            return {
+                                x: (xMin > this.chart.width / 2) ? xMin : xMax,
+                                y: (yMin + yMax) / 2
+                            };
+                        }).call(this, dataIndex);
+
+                    new Chart.MultiTooltip({
+                        x: medianPosition.x,
+                        y: medianPosition.y,
+                        xPadding: this.options.tooltipXPadding,
+                        yPadding: this.options.tooltipYPadding,
+                        xOffset: this.options.tooltipXOffset,
+                        fillColor: this.options.tooltipFillColor,
+                        textColor: this.options.tooltipFontColor,
+                        fontFamily: this.options.tooltipFontFamily,
+                        fontStyle: this.options.tooltipFontStyle,
+                        fontSize: this.options.tooltipFontSize,
+                        titleTextColor: this.options.tooltipTitleFontColor,
+                        titleFontFamily: this.options.tooltipTitleFontFamily,
+                        titleFontStyle: this.options.tooltipTitleFontStyle,
+                        titleFontSize: this.options.tooltipTitleFontSize,
+                        cornerRadius: this.options.tooltipCornerRadius,
+                        labels: tooltipLabels,
+                        legendColors: tooltipColors,
+                        legendColorBackground: this.options.multiTooltipKeyBackground,
+                        title: ChartElements[0].label,
+                        chart: this.chart,
+                        ctx: this.chart.ctx,
+                        custom: this.options.customTooltips
+                    }).draw();
+
+                } else {
+                    each(ChartElements, function(Element) {
+                        var tooltipPosition = Element.tooltipPosition();
+                        new Chart.Tooltip({
+                            x: Math.round(tooltipPosition.x),
+                            y: Math.round(tooltipPosition.y),
+                            xPadding: this.options.tooltipXPadding,
+                            yPadding: this.options.tooltipYPadding,
+                            fillColor: this.options.tooltipFillColor,
+                            textColor: this.options.tooltipFontColor,
+                            fontFamily: this.options.tooltipFontFamily,
+                            fontStyle: this.options.tooltipFontStyle,
+                            fontSize: this.options.tooltipFontSize,
+                            caretHeight: this.options.tooltipCaretSize,
+                            cornerRadius: this.options.tooltipCornerRadius,
+                            text: template(this.options.tooltipTemplate, Element),
+                            chart: this.chart,
+                            custom: this.options.customTooltips
+                        }).draw();
+                    }, this);
+                }
+            }
+            return this;
+        },
+        toBase64Image: function() {
+            return this.chart.canvas.toDataURL.apply(this.chart.canvas, arguments);
+        }
+    });
+
+    Chart.Type.extend = function(extensions) {
+
+        var parent = this;
+
+        var ChartType = function() {
+            return parent.apply(this, arguments);
+        };
+
+        //Copy the prototype object of the this class
+        ChartType.prototype = clone(parent.prototype);
+        //Now overwrite some of the properties in the base class with the new extensions
+        extend(ChartType.prototype, extensions);
+
+        ChartType.extend = Chart.Type.extend;
+
+        if(extensions.name || parent.prototype.name) {
+
+            var chartName = extensions.name || parent.prototype.name;
+            //Assign any potential default values of the new chart type
+
+            //If none are defined, we'll use a clone of the chart type this is being extended from.
+            //I.e. if we extend a line chart, we'll use the defaults from the line chart if our new chart
+            //doesn't define some defaults of their own.
+
+            var baseDefaults = (Chart.defaults[parent.prototype.name]) ? clone(Chart.defaults[parent.prototype.name]) : {};
+
+            Chart.defaults[chartName] = extend(baseDefaults, extensions.defaults);
+
+            Chart.types[chartName] = ChartType;
+
+            //Register this new chart type in the Chart prototype
+            Chart.prototype[chartName] = function(data, options) {
+                var config = merge(Chart.defaults.global, Chart.defaults[chartName], options || {});
+                return new ChartType(data, config, this);
+            };
+        } else {
+            warn("Name not provided for this chart, so it hasn't been registered");
+        }
+        return parent;
+    };
+
+    Chart.Element = function(configuration) {
+        extend(this, configuration);
+        this.initialize.apply(this, arguments);
+        this.save();
+    };
+    extend(Chart.Element.prototype, {
+        initialize: function() {},
+        restore: function(props) {
+            if(!props) {
+                extend(this, this._saved);
+            } else {
+                each(props, function(key) {
+                    this[key] = this._saved[key];
+                }, this);
+            }
+            return this;
+        },
+        save: function() {
+            this._saved = clone(this);
+            delete this._saved._saved;
+            return this;
+        },
+        update: function(newProps) {
+            each(newProps, function(value, key) {
+                this._saved[key] = this[key];
+                this[key] = value;
+            }, this);
+            return this;
+        },
+        transition: function(props, ease) {
+            each(props, function(value, key) {
+                this[key] = ((value - this._saved[key]) * ease) + this._saved[key];
+            }, this);
+            return this;
+        },
+        tooltipPosition: function() {
+            return {
+                x: this.x,
+                y: this.y
+            };
+        },
+        hasValue: function() {
+            return isNumber(this.value);
+        }
+    });
+
+    Chart.Element.extend = inherits;
+
+
+    Chart.Point = Chart.Element.extend({
+        display: true,
+        inRange: function(chartX, chartY) {
+            var hitDetectionRange = this.hitDetectionRadius + this.radius;
+            return((Math.pow(chartX - this.x, 2) + Math.pow(chartY - this.y, 2)) < Math.pow(hitDetectionRange, 2));
+        },
+        draw: function() {
+            if(this.display) {
+                var ctx = this.ctx;
+                ctx.beginPath();
+
+                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
+                ctx.closePath();
+
+                ctx.strokeStyle = this.strokeColor;
+                ctx.lineWidth = this.strokeWidth;
+
+                ctx.fillStyle = this.fillColor;
+
+                ctx.fill();
+                ctx.stroke();
+            }
+
+
+            //Quick debug for bezier curve splining
+            //Highlights control points and the line between them.
+            //Handy for dev - stripped in the min version.
+
+            // ctx.save();
+            // ctx.fillStyle = "black";
+            // ctx.strokeStyle = "black"
+            // ctx.beginPath();
+            // ctx.arc(this.controlPoints.inner.x,this.controlPoints.inner.y, 2, 0, Math.PI*2);
+            // ctx.fill();
+
+            // ctx.beginPath();
+            // ctx.arc(this.controlPoints.outer.x,this.controlPoints.outer.y, 2, 0, Math.PI*2);
+            // ctx.fill();
+
+            // ctx.moveTo(this.controlPoints.inner.x,this.controlPoints.inner.y);
+            // ctx.lineTo(this.x, this.y);
+            // ctx.lineTo(this.controlPoints.outer.x,this.controlPoints.outer.y);
+            // ctx.stroke();
+
+            // ctx.restore();
+
+
+
+        }
+    });
+
+    Chart.Arc = Chart.Element.extend({
+        inRange: function(chartX, chartY) {
+
+            var pointRelativePosition = helpers.getAngleFromPoint(this, {
+                x: chartX,
+                y: chartY
+            });
+
+            //Check if within the range of the open/close angle
+            var betweenAngles = (pointRelativePosition.angle >= this.startAngle && pointRelativePosition.angle <= this.endAngle),
+                withinRadius = (pointRelativePosition.distance >= this.innerRadius && pointRelativePosition.distance <= this.outerRadius);
+
+            return(betweenAngles && withinRadius);
+            //Ensure within the outside of the arc centre, but inside arc outer
+        },
+        tooltipPosition: function() {
+            var centreAngle = this.startAngle + ((this.endAngle - this.startAngle) / 2),
+                rangeFromCentre = (this.outerRadius - this.innerRadius) / 2 + this.innerRadius;
+            return {
+                x: this.x + (Math.cos(centreAngle) * rangeFromCentre),
+                y: this.y + (Math.sin(centreAngle) * rangeFromCentre)
+            };
+        },
+        draw: function(animationPercent) {
+            var easingDecimal = animationPercent || 1;
+
+            var ctx = this.ctx;
+
+            ctx.beginPath();
+
+            ctx.arc(this.x, this.y, this.outerRadius, this.startAngle, this.endAngle);
+
+            ctx.arc(this.x, this.y, this.innerRadius, this.endAngle, this.startAngle, true);
+
+            ctx.closePath();
+
+            ctx.strokeStyle = this.strokeColor;
+            ctx.lineWidth = this.strokeWidth;
+
+            ctx.fillStyle = this.fillColor;
+
+            ctx.fill();
+            ctx.lineJoin = 'bevel';
+
+            if(this.showStroke) {
+                ctx.stroke();
+            }
+
+            // ZUI change begin
+            if (this.circleBeginEnd) {
+                var pointCenterRadius = (this.outerRadius + this.innerRadius) / 2;
+                var circleRadius = (this.outerRadius - this.innerRadius) / 2;
+
+                ctx.beginPath();
+                ctx.arc(this.x + Math.cos(this.startAngle) * pointCenterRadius, this.y + Math.sin(this.startAngle) * pointCenterRadius, circleRadius, 0, Math.PI * 2);
+                ctx.closePath();
+
+                ctx.fill();
+
+                ctx.beginPath();
+                ctx.arc(this.x + Math.cos(this.endAngle) * pointCenterRadius, this.y + Math.sin(this.endAngle) * pointCenterRadius, circleRadius, 0, Math.PI * 2);
+                ctx.closePath();
+
+                ctx.fill();
+            }
+            // ZUI change end
+        }
+    });
+
+    Chart.Rectangle = Chart.Element.extend({
+        draw: function() {
+            var ctx = this.ctx,
+                halfWidth = this.width / 2,
+                leftX = this.x - halfWidth,
+                rightX = this.x + halfWidth,
+                top = this.base - (this.base - this.y),
+                halfStroke = this.strokeWidth / 2;
+
+            // Canvas doesn't allow us to stroke inside the width so we can
+            // adjust the sizes to fit if we're setting a stroke on the line
+            if(this.showStroke) {
+                leftX += halfStroke;
+                rightX -= halfStroke;
+                top += halfStroke;
+            }
+
+            ctx.beginPath();
+
+            ctx.fillStyle = this.fillColor;
+            ctx.strokeStyle = this.strokeColor;
+            ctx.lineWidth = this.strokeWidth;
+
+            // It'd be nice to keep this class totally generic to any rectangle
+            // and simply specify which border to miss out.
+            ctx.moveTo(leftX, this.base);
+            ctx.lineTo(leftX, top);
+            ctx.lineTo(rightX, top);
+            ctx.lineTo(rightX, this.base);
+            ctx.fill();
+            if(this.showStroke) {
+                ctx.stroke();
+            }
+        },
+        height: function() {
+            return this.base - this.y;
+        },
+        inRange: function(chartX, chartY) {
+            return(chartX >= this.x - this.width / 2 && chartX <= this.x + this.width / 2) && (chartY >= this.y && chartY <= this.base);
+        }
+    });
+
+    Chart.Tooltip = Chart.Element.extend({
+        draw: function() {
+
+            var ctx = this.chart.ctx;
+
+            ctx.font = fontString(this.fontSize, this.fontStyle, this.fontFamily);
+
+            this.xAlign = "center";
+            this.yAlign = "above";
+
+            //Distance between the actual element.y position and the start of the tooltip caret
+            var caretPadding = this.caretPadding = 2;
+
+            var tooltipWidth = ctx.measureText(this.text).width + 2 * this.xPadding,
+                tooltipRectHeight = this.fontSize + 2 * this.yPadding,
+                tooltipHeight = tooltipRectHeight + this.caretHeight + caretPadding;
+
+            if(this.x + tooltipWidth / 2 > this.chart.width) {
+                this.xAlign = "left";
+            } else if(this.x - tooltipWidth / 2 < 0) {
+                this.xAlign = "right";
+            }
+
+            if(this.y - tooltipHeight < 0) {
+                this.yAlign = "below";
+            }
+
+
+            var tooltipX = this.x - tooltipWidth / 2,
+                tooltipY = this.y - tooltipHeight;
+
+            ctx.fillStyle = this.fillColor;
+
+            // Custom Tooltips
+            if(this.custom) {
+                this.custom(this);
+            } else {
+                switch(this.yAlign) {
+                    case "above":
+                        //Draw a caret above the x/y
+                        ctx.beginPath();
+                        ctx.moveTo(this.x, this.y - caretPadding);
+                        ctx.lineTo(this.x + this.caretHeight, this.y - (caretPadding + this.caretHeight));
+                        ctx.lineTo(this.x - this.caretHeight, this.y - (caretPadding + this.caretHeight));
+                        ctx.closePath();
+                        ctx.fill();
+                        break;
+                    case "below":
+                        tooltipY = this.y + caretPadding + this.caretHeight;
+                        //Draw a caret below the x/y
+                        ctx.beginPath();
+                        ctx.moveTo(this.x, this.y + caretPadding);
+                        ctx.lineTo(this.x + this.caretHeight, this.y + caretPadding + this.caretHeight);
+                        ctx.lineTo(this.x - this.caretHeight, this.y + caretPadding + this.caretHeight);
+                        ctx.closePath();
+                        ctx.fill();
+                        break;
+                }
+
+                switch(this.xAlign) {
+                    case "left":
+                        tooltipX = this.x - tooltipWidth + (this.cornerRadius + this.caretHeight);
+                        break;
+                    case "right":
+                        tooltipX = this.x - (this.cornerRadius + this.caretHeight);
+                        break;
+                }
+
+                drawRoundedRectangle(ctx, tooltipX, tooltipY, tooltipWidth, tooltipRectHeight, this.cornerRadius);
+
+                ctx.fill();
+
+                ctx.fillStyle = this.textColor;
+                ctx.textAlign = "center";
+                ctx.textBaseline = "middle";
+                ctx.fillText(this.text, tooltipX + tooltipWidth / 2, tooltipY + tooltipRectHeight / 2);
+            }
+        }
+    });
+
+    Chart.MultiTooltip = Chart.Element.extend({
+        initialize: function() {
+            this.font = fontString(this.fontSize, this.fontStyle, this.fontFamily);
+
+            this.titleFont = fontString(this.titleFontSize, this.titleFontStyle, this.titleFontFamily);
+
+            this.height = (this.labels.length * this.fontSize) + ((this.labels.length - 1) * (this.fontSize / 2)) + (this.yPadding * 2) + this.titleFontSize * 1.5;
+
+            this.ctx.font = this.titleFont;
+
+            var titleWidth = this.ctx.measureText(this.title).width,
+                //Label has a legend square as well so account for this.
+                labelWidth = longestText(this.ctx, this.font, this.labels) + this.fontSize + 3,
+                longestTextWidth = max([labelWidth, titleWidth]);
+
+            this.width = longestTextWidth + (this.xPadding * 2);
+
+
+            var halfHeight = this.height / 2;
+
+            //Check to ensure the height will fit on the canvas
+            if(this.y - halfHeight < 0) {
+                this.y = halfHeight;
+            } else if(this.y + halfHeight > this.chart.height) {
+                this.y = this.chart.height - halfHeight;
+            }
+
+            //Decide whether to align left or right based on position on canvas
+            if(this.x > this.chart.width / 2) {
+                this.x -= this.xOffset + this.width;
+            } else {
+                this.x += this.xOffset;
+            }
+
+
+        },
+        getLineHeight: function(index) {
+            var baseLineHeight = this.y - (this.height / 2) + this.yPadding,
+                afterTitleIndex = index - 1;
+
+            //If the index is zero, we're getting the title
+            if(index === 0) {
+                return baseLineHeight + this.titleFontSize / 2;
+            } else {
+                return baseLineHeight + ((this.fontSize * 1.5 * afterTitleIndex) + this.fontSize / 2) + this.titleFontSize * 1.5;
+            }
+
+        },
+        draw: function() {
+            // Custom Tooltips
+            if(this.custom) {
+                this.custom(this);
+            } else {
+                drawRoundedRectangle(this.ctx, this.x, this.y - this.height / 2, this.width, this.height, this.cornerRadius);
+                var ctx = this.ctx;
+                ctx.fillStyle = this.fillColor;
+                ctx.fill();
+                ctx.closePath();
+
+                ctx.textAlign = "left";
+                ctx.textBaseline = "middle";
+                ctx.fillStyle = this.titleTextColor;
+                ctx.font = this.titleFont;
+
+                ctx.fillText(this.title, this.x + this.xPadding, this.getLineHeight(0));
+
+                ctx.font = this.font;
+                helpers.each(this.labels, function(label, index) {
+                    ctx.fillStyle = this.textColor;
+                    ctx.fillText(label, this.x + this.xPadding + this.fontSize + 3, this.getLineHeight(index + 1));
+
+                    //A bit gnarly, but clearing this rectangle breaks when using explorercanvas (clears whole canvas)
+                    //ctx.clearRect(this.x + this.xPadding, this.getLineHeight(index + 1) - this.fontSize/2, this.fontSize, this.fontSize);
+                    //Instead we'll make a white filled block to put the legendColour palette over.
+
+                    ctx.fillStyle = this.legendColorBackground;
+                    ctx.fillRect(this.x + this.xPadding, this.getLineHeight(index + 1) - this.fontSize / 2, this.fontSize, this.fontSize);
+
+                    ctx.fillStyle = this.legendColors[index].fill;
+                    ctx.fillRect(this.x + this.xPadding, this.getLineHeight(index + 1) - this.fontSize / 2, this.fontSize, this.fontSize);
+
+
+                }, this);
+            }
+        }
+    });
+
+    Chart.Scale = Chart.Element.extend({
+        initialize: function() {
+            this.fit();
+        },
+        buildYLabels: function() {
+            this.yLabels = [];
+
+            var stepDecimalPlaces = getDecimalPlaces(this.stepValue);
+
+            for(var i = 0; i <= this.steps; i++) {
+                this.yLabels.push(template(this.templateString, {
+                    value: (this.min + (i * this.stepValue)).toFixed(stepDecimalPlaces)
+                }));
+            }
+            this.yLabelWidth = (this.display && this.showLabels) ? longestText(this.ctx, this.font, this.yLabels) : 0;
+        },
+        addXLabel: function(label) {
+            this.xLabels.push(label);
+            this.valuesCount++;
+            this.fit();
+        },
+        removeXLabel: function() {
+            this.xLabels.shift();
+            this.valuesCount--;
+            this.fit();
+        },
+        // Fitting loop to rotate x Labels and figure out what fits there, and also calculate how many Y steps to use
+        fit: function() {
+            // First we need the width of the yLabels, assuming the xLabels aren't rotated
+
+            // To do that we need the base line at the top and base of the chart, assuming there is no x label rotation
+            this.startPoint = (this.display) ? this.fontSize : 0;
+            this.endPoint = (this.display) ? this.height - (this.fontSize * 1.5) - 5 : this.height; // -5 to pad labels
+
+            // Apply padding settings to the start and end point.
+            this.startPoint += this.padding;
+            this.endPoint -= this.padding;
+
+            // Cache the starting height, so can determine if we need to recalculate the scale yAxis
+            var cachedHeight = this.endPoint - this.startPoint,
+                cachedYLabelWidth;
+
+            // Build the current yLabels so we have an idea of what size they'll be to start
+            /*
+             *  This sets what is returned from calculateScaleRange as static properties of this class:
+             *
+              this.steps;
+              this.stepValue;
+              this.min;
+              this.max;
+             *
+             */
+            this.calculateYRange(cachedHeight);
+
+            // With these properties set we can now build the array of yLabels
+            // and also the width of the largest yLabel
+            this.buildYLabels();
+
+            this.calculateXLabelRotation();
+
+            while((cachedHeight > this.endPoint - this.startPoint)) {
+                cachedHeight = this.endPoint - this.startPoint;
+                cachedYLabelWidth = this.yLabelWidth;
+
+                this.calculateYRange(cachedHeight);
+                this.buildYLabels();
+
+                // Only go through the xLabel loop again if the yLabel width has changed
+                if(cachedYLabelWidth < this.yLabelWidth) {
+                    this.calculateXLabelRotation();
+                }
+            }
+
+        },
+        calculateXLabelRotation: function() {
+            //Get the width of each grid by calculating the difference
+            //between x offsets between 0 and 1.
+
+            this.ctx.font = this.font;
+
+            var firstWidth = this.ctx.measureText(this.xLabels[0]).width,
+                lastWidth = this.ctx.measureText(this.xLabels[this.xLabels.length - 1]).width,
+                firstRotated,
+                lastRotated;
+
+
+            this.xScalePaddingRight = lastWidth / 2 + 3;
+            this.xScalePaddingLeft = (firstWidth / 2 > this.yLabelWidth + 10) ? firstWidth / 2 : this.yLabelWidth + 10;
+
+            this.xLabelRotation = 0;
+            if(this.display) {
+                var originalLabelWidth = longestText(this.ctx, this.font, this.xLabels),
+                    cosRotation,
+                    firstRotatedWidth;
+                this.xLabelWidth = originalLabelWidth;
+                //Allow 3 pixels x2 padding either side for label readability
+                var xGridWidth = Math.floor(this.calculateX(1) - this.calculateX(0)) - 6;
+
+                //Max label rotate should be 90 - also act as a loop counter
+                while((this.xLabelWidth > xGridWidth && this.xLabelRotation === 0) || (this.xLabelWidth > xGridWidth && this.xLabelRotation <= 90 && this.xLabelRotation > 0)) {
+                    cosRotation = Math.cos(toRadians(this.xLabelRotation));
+
+                    firstRotated = cosRotation * firstWidth;
+                    lastRotated = cosRotation * lastWidth;
+
+                    // We're right aligning the text now.
+                    if(firstRotated + this.fontSize / 2 > this.yLabelWidth + 8) {
+                        this.xScalePaddingLeft = firstRotated + this.fontSize / 2;
+                    }
+                    this.xScalePaddingRight = this.fontSize / 2;
+
+
+                    this.xLabelRotation++;
+                    this.xLabelWidth = cosRotation * originalLabelWidth;
+
+                }
+                if(this.xLabelRotation > 0) {
+                    this.endPoint -= Math.sin(toRadians(this.xLabelRotation)) * originalLabelWidth + 3;
+                }
+            } else {
+                this.xLabelWidth = 0;
+                this.xScalePaddingRight = this.padding;
+                this.xScalePaddingLeft = this.padding;
+            }
+
+        },
+        // Needs to be overidden in each Chart type
+        // Otherwise we need to pass all the data into the scale class
+        calculateYRange: noop,
+        drawingArea: function() {
+            return this.startPoint - this.endPoint;
+        },
+        calculateY: function(value) {
+            var scalingFactor = this.drawingArea() / (this.min - this.max);
+            return this.endPoint - (scalingFactor * (value - this.min));
+        },
+        calculateX: function(index) {
+            var isRotated = (this.xLabelRotation > 0),
+                // innerWidth = (this.offsetGridLines) ? this.width - offsetLeft - this.padding : this.width - (offsetLeft + halfLabelWidth * 2) - this.padding,
+                innerWidth = this.width - (this.xScalePaddingLeft + this.xScalePaddingRight),
+                valueWidth = innerWidth / Math.max((this.valuesCount - ((this.offsetGridLines) ? 0 : 1)), 1),
+                valueOffset = (valueWidth * index) + this.xScalePaddingLeft;
+
+            if(this.offsetGridLines) {
+                valueOffset += (valueWidth / 2);
+            }
+
+            return Math.round(valueOffset);
+        },
+        update: function(newProps) {
+            helpers.extend(this, newProps);
+            this.fit();
+        },
+        draw: function() {
+            var ctx = this.ctx,
+                yLabelGap = (this.endPoint - this.startPoint) / this.steps,
+                xStart = Math.round(this.xScalePaddingLeft);
+            if(this.display) {
+                ctx.fillStyle = this.textColor;
+                ctx.font = this.font;
+                var beyondLineLength = this.showBeyondLine ? 5 : 0;
+                each(this.yLabels, function(labelString, index) {
+                    var yLabelCenter = this.endPoint - (yLabelGap * index),
+                        linePositionY = Math.round(yLabelCenter),
+                        drawHorizontalLine = this.showHorizontalLines;
+
+                    ctx.textAlign = "right";
+                    ctx.textBaseline = "middle";
+                    if(this.showLabels) {
+                        ctx.fillText(labelString, xStart - 10, yLabelCenter);
+                    }
+
+                    // This is X axis, so draw it
+                    if(index === 0 && !drawHorizontalLine) {
+                        drawHorizontalLine = true;
+                    }
+
+                    if(drawHorizontalLine) {
+                        ctx.beginPath();
+                    }
+
+                    if(index > 0) {
+                        // This is a grid line in the centre, so drop that
+                        ctx.lineWidth = this.gridLineWidth;
+                        ctx.strokeStyle = this.gridLineColor;
+                    } else {
+                        // This is the first line on the scale
+                        ctx.lineWidth = this.lineWidth;
+                        ctx.strokeStyle = this.lineColor;
+                    }
+
+                    linePositionY += helpers.aliasPixel(ctx.lineWidth);
+
+                    if(drawHorizontalLine) {
+                        ctx.moveTo(xStart, linePositionY);
+                        ctx.lineTo(this.width, linePositionY);
+                        ctx.stroke();
+                        ctx.closePath();
+                    }
+
+                    ctx.lineWidth = this.lineWidth;
+                    ctx.strokeStyle = this.lineColor;
+                    ctx.beginPath();
+                    ctx.moveTo(xStart - beyondLineLength, linePositionY);
+                    ctx.lineTo(xStart, linePositionY);
+                    ctx.stroke();
+                    ctx.closePath();
+
+                }, this);
+
+                each(this.xLabels, function(label, index) {
+                    var xPos = this.calculateX(index) + aliasPixel(this.lineWidth),
+                        // Check to see if line/bar here and decide where to place the line
+                        linePos = this.calculateX(index - (this.offsetGridLines ? 0.5 : 0)) + aliasPixel(this.lineWidth),
+                        isRotated = (this.xLabelRotation > 0),
+                        drawVerticalLine = this.showVerticalLines;
+
+                    // This is Y axis, so draw it
+                    if(index === 0 && !drawVerticalLine) {
+                        drawVerticalLine = true;
+                    }
+
+                    if(drawVerticalLine) {
+                        ctx.beginPath();
+                    }
+
+                    if(index > 0) {
+                        // This is a grid line in the centre, so drop that
+                        ctx.lineWidth = this.gridLineWidth;
+                        ctx.strokeStyle = this.gridLineColor;
+                    } else {
+                        // This is the first line on the scale
+                        ctx.lineWidth = this.lineWidth;
+                        ctx.strokeStyle = this.lineColor;
+                    }
+
+                    if(drawVerticalLine) {
+                        ctx.moveTo(linePos, this.endPoint);
+                        ctx.lineTo(linePos, this.startPoint - 3);
+                        ctx.stroke();
+                        ctx.closePath();
+                    }
+
+
+                    ctx.lineWidth = this.lineWidth;
+                    ctx.strokeStyle = this.lineColor;
+
+
+                    // Small lines at the bottom of the base grid line
+                    ctx.beginPath();
+                    ctx.moveTo(linePos, this.endPoint);
+                    ctx.lineTo(linePos, this.endPoint + beyondLineLength);
+                    ctx.stroke();
+                    ctx.closePath();
+
+                    ctx.save();
+                    ctx.translate(xPos, (isRotated) ? this.endPoint + 12 : this.endPoint + 8);
+                    ctx.rotate(toRadians(this.xLabelRotation) * -1);
+                    ctx.font = this.font;
+                    ctx.textAlign = (isRotated) ? "right" : "center";
+                    ctx.textBaseline = (isRotated) ? "middle" : "top";
+                    ctx.fillText(label, 0, 0);
+                    ctx.restore();
+                }, this);
+
+            }
+        }
+
+    });
+
+    Chart.RadialScale = Chart.Element.extend({
+        initialize: function() {
+            this.size = min([this.height, this.width]);
+            this.drawingArea = (this.display) ? (this.size / 2) - (this.fontSize / 2 + this.backdropPaddingY) : (this.size / 2);
+        },
+        calculateCenterOffset: function(value) {
+            // Take into account half font size + the yPadding of the top value
+            var scalingFactor = this.drawingArea / (this.max - this.min);
+
+            return(value - this.min) * scalingFactor;
+        },
+        update: function() {
+            if(!this.lineArc) {
+                this.setScaleSize();
+            } else {
+                this.drawingArea = (this.display) ? (this.size / 2) - (this.fontSize / 2 + this.backdropPaddingY) : (this.size / 2);
+            }
+            this.buildYLabels();
+        },
+        buildYLabels: function() {
+            this.yLabels = [];
+
+            var stepDecimalPlaces = getDecimalPlaces(this.stepValue);
+
+            for(var i = 0; i <= this.steps; i++) {
+                this.yLabels.push(template(this.templateString, {
+                    value: (this.min + (i * this.stepValue)).toFixed(stepDecimalPlaces)
+                }));
+            }
+        },
+        getCircumference: function() {
+            return((Math.PI * 2) / this.valuesCount);
+        },
+        setScaleSize: function() {
+            /*
+             * Right, this is really confusing and there is a lot of maths going on here
+             * The gist of the problem is here: https://gist.github.com/nnnick/696cc9c55f4b0beb8fe9
+             *
+             * Reaction: https://dl.dropboxusercontent.com/u/34601363/toomuchscience.gif
+             *
+             * Solution:
+             *
+             * We assume the radius of the polygon is half the size of the canvas at first
+             * at each index we check if the text overlaps.
+             *
+             * Where it does, we store that angle and that index.
+             *
+             * After finding the largest index and angle we calculate how much we need to remove
+             * from the shape radius to move the point inwards by that x.
+             *
+             * We average the left and right distances to get the maximum shape radius that can fit in the box
+             * along with labels.
+             *
+             * Once we have that, we can find the centre point for the chart, by taking the x text protrusion
+             * on each side, removing that from the size, halving it and adding the left x protrusion width.
+             *
+             * This will mean we have a shape fitted to the canvas, as large as it can be with the labels
+             * and position it in the most space efficient manner
+             *
+             * https://dl.dropboxusercontent.com/u/34601363/yeahscience.gif
+             */
+
+
+            // Get maximum radius of the polygon. Either half the height (minus the text width) or half the width.
+            // Use this to calculate the offset + change. - Make sure L/R protrusion is at least 0 to stop issues with centre points
+            var largestPossibleRadius = min([(this.height / 2 - this.pointLabelFontSize - 5), this.width / 2]),
+                pointPosition,
+                i,
+                textWidth,
+                halfTextWidth,
+                furthestRight = this.width,
+                furthestRightIndex,
+                furthestRightAngle,
+                furthestLeft = 0,
+                furthestLeftIndex,
+                furthestLeftAngle,
+                xProtrusionLeft,
+                xProtrusionRight,
+                radiusReductionRight,
+                radiusReductionLeft,
+                maxWidthRadius;
+            this.ctx.font = fontString(this.pointLabelFontSize, this.pointLabelFontStyle, this.pointLabelFontFamily);
+            for(i = 0; i < this.valuesCount; i++) {
+                // 5px to space the text slightly out - similar to what we do in the draw function.
+                pointPosition = this.getPointPosition(i, largestPossibleRadius);
+                textWidth = this.ctx.measureText(template(this.templateString, {
+                    value: this.labels[i]
+                })).width + 5;
+                if(i === 0 || i === this.valuesCount / 2) {
+                    // If we're at index zero, or exactly the middle, we're at exactly the top/bottom
+                    // of the radar chart, so text will be aligned centrally, so we'll half it and compare
+                    // w/left and right text sizes
+                    halfTextWidth = textWidth / 2;
+                    if(pointPosition.x + halfTextWidth > furthestRight) {
+                        furthestRight = pointPosition.x + halfTextWidth;
+                        furthestRightIndex = i;
+                    }
+                    if(pointPosition.x - halfTextWidth < furthestLeft) {
+                        furthestLeft = pointPosition.x - halfTextWidth;
+                        furthestLeftIndex = i;
+                    }
+                } else if(i < this.valuesCount / 2) {
+                    // Less than half the values means we'll left align the text
+                    if(pointPosition.x + textWidth > furthestRight) {
+                        furthestRight = pointPosition.x + textWidth;
+                        furthestRightIndex = i;
+                    }
+                } else if(i > this.valuesCount / 2) {
+                    // More than half the values means we'll right align the text
+                    if(pointPosition.x - textWidth < furthestLeft) {
+                        furthestLeft = pointPosition.x - textWidth;
+                        furthestLeftIndex = i;
+                    }
+                }
+            }
+
+            xProtrusionLeft = furthestLeft;
+
+            xProtrusionRight = Math.ceil(furthestRight - this.width);
+
+            furthestRightAngle = this.getIndexAngle(furthestRightIndex);
+
+            furthestLeftAngle = this.getIndexAngle(furthestLeftIndex);
+
+            radiusReductionRight = xProtrusionRight / Math.sin(furthestRightAngle + Math.PI / 2);
+
+            radiusReductionLeft = xProtrusionLeft / Math.sin(furthestLeftAngle + Math.PI / 2);
+
+            // Ensure we actually need to reduce the size of the chart
+            radiusReductionRight = (isNumber(radiusReductionRight)) ? radiusReductionRight : 0;
+            radiusReductionLeft = (isNumber(radiusReductionLeft)) ? radiusReductionLeft : 0;
+
+            this.drawingArea = largestPossibleRadius - (radiusReductionLeft + radiusReductionRight) / 2;
+
+            //this.drawingArea = min([maxWidthRadius, (this.height - (2 * (this.pointLabelFontSize + 5)))/2])
+            this.setCenterPoint(radiusReductionLeft, radiusReductionRight);
+
+        },
+        setCenterPoint: function(leftMovement, rightMovement) {
+
+            var maxRight = this.width - rightMovement - this.drawingArea,
+                maxLeft = leftMovement + this.drawingArea;
+
+            this.xCenter = (maxLeft + maxRight) / 2;
+            // Always vertically in the centre as the text height doesn't change
+            this.yCenter = (this.height / 2);
+        },
+
+        getIndexAngle: function(index) {
+            var angleMultiplier = (Math.PI * 2) / this.valuesCount;
+            // Start from the top instead of right, so remove a quarter of the circle
+
+            return index * angleMultiplier - (Math.PI / 2);
+        },
+        getPointPosition: function(index, distanceFromCenter) {
+            var thisAngle = this.getIndexAngle(index);
+            return {
+                x: (Math.cos(thisAngle) * distanceFromCenter) + this.xCenter,
+                y: (Math.sin(thisAngle) * distanceFromCenter) + this.yCenter
+            };
+        },
+        draw: function() {
+            if(this.display) {
+                var ctx = this.ctx;
+                each(this.yLabels, function(label, index) {
+                    // Don't draw a centre value
+                    if(index > 0) {
+                        var yCenterOffset = index * (this.drawingArea / this.steps),
+                            yHeight = this.yCenter - yCenterOffset,
+                            pointPosition;
+
+                        // Draw circular lines around the scale
+                        if(this.lineWidth > 0) {
+                            ctx.strokeStyle = this.lineColor;
+                            ctx.lineWidth = this.lineWidth;
+
+                            if(this.lineArc) {
+                                ctx.beginPath();
+                                ctx.arc(this.xCenter, this.yCenter, yCenterOffset, 0, Math.PI * 2);
+                                ctx.closePath();
+                                ctx.stroke();
+                            } else {
+                                ctx.beginPath();
+                                for(var i = 0; i < this.valuesCount; i++) {
+                                    pointPosition = this.getPointPosition(i, this.calculateCenterOffset(this.min + (index * this.stepValue)));
+                                    if(i === 0) {
+                                        ctx.moveTo(pointPosition.x, pointPosition.y);
+                                    } else {
+                                        ctx.lineTo(pointPosition.x, pointPosition.y);
+                                    }
+                                }
+                                ctx.closePath();
+                                ctx.stroke();
+                            }
+                        }
+                        if(this.showLabels) {
+                            ctx.font = fontString(this.fontSize, this.fontStyle, this.fontFamily);
+                            if(this.showLabelBackdrop) {
+                                var labelWidth = ctx.measureText(label).width;
+                                ctx.fillStyle = this.backdropColor;
+                                ctx.fillRect(
+                                    this.xCenter - labelWidth / 2 - this.backdropPaddingX,
+                                    yHeight - this.fontSize / 2 - this.backdropPaddingY,
+                                    labelWidth + this.backdropPaddingX * 2,
+                                    this.fontSize + this.backdropPaddingY * 2
+                                );
+                            }
+                            ctx.textAlign = 'center';
+                            ctx.textBaseline = "middle";
+                            ctx.fillStyle = this.fontColor;
+                            ctx.fillText(label, this.xCenter, yHeight);
+                        }
+                    }
+                }, this);
+
+                if(!this.lineArc) {
+                    ctx.lineWidth = this.angleLineWidth;
+                    ctx.strokeStyle = this.angleLineColor;
+                    for(var i = this.valuesCount - 1; i >= 0; i--) {
+                        if(this.angleLineWidth > 0) {
+                            var outerPosition = this.getPointPosition(i, this.calculateCenterOffset(this.max));
+                            ctx.beginPath();
+                            ctx.moveTo(this.xCenter, this.yCenter);
+                            ctx.lineTo(outerPosition.x, outerPosition.y);
+                            ctx.stroke();
+                            ctx.closePath();
+                        }
+                        // Extra 3px out for some label spacing
+                        var pointLabelPosition = this.getPointPosition(i, this.calculateCenterOffset(this.max) + 5);
+                        ctx.font = fontString(this.pointLabelFontSize, this.pointLabelFontStyle, this.pointLabelFontFamily);
+                        ctx.fillStyle = this.pointLabelFontColor;
+
+                        var labelsCount = this.labels.length,
+                            halfLabelsCount = this.labels.length / 2,
+                            quarterLabelsCount = halfLabelsCount / 2,
+                            upperHalf = (i < quarterLabelsCount || i > labelsCount - quarterLabelsCount),
+                            exactQuarter = (i === quarterLabelsCount || i === labelsCount - quarterLabelsCount);
+                        if(i === 0) {
+                            ctx.textAlign = 'center';
+                        } else if(i === halfLabelsCount) {
+                            ctx.textAlign = 'center';
+                        } else if(i < halfLabelsCount) {
+                            ctx.textAlign = 'left';
+                        } else {
+                            ctx.textAlign = 'right';
+                        }
+
+                        // Set the correct text baseline based on outer positioning
+                        if(exactQuarter) {
+                            ctx.textBaseline = 'middle';
+                        } else if(upperHalf) {
+                            ctx.textBaseline = 'bottom';
+                        } else {
+                            ctx.textBaseline = 'top';
+                        }
+
+                        ctx.fillText(this.labels[i], pointLabelPosition.x, pointLabelPosition.y);
+                    }
+                }
+            }
+        }
+    });
+
+    // Attach global event to resize each chart instance when the browser resizes
+    helpers.addEvent(window, "resize", (function() {
+        // Basic debounce of resize function so it doesn't hurt performance when resizing browser.
+        var timeout;
+        return function() {
+            clearTimeout(timeout);
+            timeout = setTimeout(function() {
+                each(Chart.instances, function(instance) {
+                    // If the responsive flag is set in the chart instance config
+                    // Cascade the resize event down to the chart.
+                    if(instance.options.responsive) {
+                        instance.resize(instance.render, true);
+                    }
+                });
+            }, 50);
+        };
+    })());
+
+
+    if(amd) {
+        define(function() {
+            return Chart;
+        });
+    } else if(typeof module === 'object' && module.exports) {
+        module.exports = Chart;
+    }
+
+    root.Chart = Chart;
+
+    /// ----- ZUI change begin -----
+    /// Use jquery object to create Chart object
+    $.fn.chart = function() {
+        var charts = [];
+        this.each(function() {
+            charts.push(new Chart(this.getContext("2d")));
+        });
+        return charts.length === 1 ? charts[0] : charts;
+    }
+
+    /// ----- ZUI change end -----
+
+    /// ----- ZUI change begin -----
+    /// Remove unused code
+    //  Chart.noConflict = function() // old code begin
+    //  {
+    //      root.Chart = previous;
+    //      return Chart;
+    //  }; // old code end
+    /// ----- ZUI change end -----
+
+    /// ----- ZUI change begin -----
+    /// Add jquery object to namespace
+
+    /// }).call(this); // Old code
+}).call(this, jQuery);
+
+/// ----- ZUI change end -----
+
+
+/* ========================================================================
+ * Chart.js: Chart.line.js [Version: 1.0.2]
+ * http://chartjs.org/
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2015 Nick Downie, Released under the MIT license
+ * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
+ * ======================================================================== */
+
+
+/// ----- ZUI change begin -----
+/// Add jquery object to namespace
+
+/// (function(){ // Old code
+(function($) {
+
+    /// ----- ZUI change end -----
+    "use strict";
+
+    /// ----- ZUI change begin -----
+    /// Change root to zui shared object
+    ///
+    ///   var root = this, // old code
+    var root = $ && $.zui ? $.zui : this,
+        /// ----- ZUI change end -----
+        Chart = root.Chart,
+        helpers = Chart.helpers;
+
+    var defaultConfig = {
+
+        ///Boolean - Whether grid lines are shown across the chart
+        scaleShowGridLines: true,
+
+        //String - Colour of the grid lines
+        scaleGridLineColor: "rgba(0,0,0,.05)",
+
+        //Number - Width of the grid lines
+        scaleGridLineWidth: 1,
+
+        //Boolean - Whether to show horizontal lines (except X axis)
+        scaleShowHorizontalLines: true,
+
+        /// ZUI change end
+        //Boolean - Whether to show beyond lines
+        scaleShowBeyondLine: true,
+        /// ZUI change end
+        ///
+        //Boolean - Whether to show vertical lines (except Y axis)
+        scaleShowVerticalLines: true,
+
+        //Boolean - Whether the line is curved between points
+        bezierCurve: true,
+
+        //Number - Tension of the bezier curve between points
+        bezierCurveTension: 0.4,
+
+        //Boolean - Whether to show a dot for each point
+        pointDot: true,
+
+        //Number - Radius of each point dot in pixels
+        pointDotRadius: 4,
+
+        //Number - Pixel width of point dot stroke
+        pointDotStrokeWidth: 1,
+
+        //Number - amount extra to add to the radius to cater for hit detection outside the drawn point
+        pointHitDetectionRadius: 20,
+
+        //Boolean - Whether to show a stroke for datasets
+        datasetStroke: true,
+
+        //Number - Pixel width of dataset stroke
+        datasetStrokeWidth: 2,
+
+        //Boolean - Whether to fill the dataset with a colour
+        datasetFill: true,
+
+        //String - A legend template
+        legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
+
+    };
+
+
+    Chart.Type.extend({
+        name: "Line",
+        defaults: defaultConfig,
+
+        initialize: function(data) {
+            //Declare the extension of the default point, to cater for the options passed in to the constructor
+            this.PointClass = Chart.Point.extend({
+                strokeWidth: this.options.pointDotStrokeWidth,
+                radius: this.options.pointDotRadius,
+                display: this.options.pointDot,
+                hitDetectionRadius: this.options.pointHitDetectionRadius,
+                ctx: this.chart.ctx,
+                inRange: function(mouseX) {
+                    return(Math.pow(mouseX - this.x, 2) < Math.pow(this.radius + this.hitDetectionRadius, 2));
+                }
+            });
+
+            this.datasets = [];
+
+            //Set up tooltip events on the chart
+            if(this.options.showTooltips) {
+                helpers.bindEvents(this, this.options.tooltipEvents, function(evt) {
+                    var activePoints = (evt.type !== 'mouseout') ? this.getPointsAtEvent(evt) : [];
+                    this.eachPoints(function(point) {
+                        point.restore(['fillColor', 'strokeColor']);
+                    });
+                    helpers.each(activePoints, function(activePoint) {
+                        activePoint.fillColor = activePoint.highlightFill;
+                        activePoint.strokeColor = activePoint.highlightStroke;
+                    });
+                    this.showTooltip(activePoints);
+                });
+            }
+
+            //Iterate through each of the datasets, and build this into a property of the chart
+            helpers.each(data.datasets, function(dataset) {
+                /// ----- ZUI change begin -----
+                // add color theme
+                if($.zui && $.zui.Color && $.zui.Color.get) {
+                    var accentColor = $.zui.Color.get(dataset.color);
+                    var accentColorValue = accentColor.toCssStr();
+
+                    if(!dataset.fillColor) dataset.fillColor = accentColor.clone().fade(20).toCssStr();
+                    if(!dataset.strokeColor) dataset.strokeColor = accentColorValue;
+                    if(!dataset.pointColor) dataset.pointColor = accentColorValue;
+                    if(!dataset.pointStrokeColor) dataset.pointStrokeColor = '#fff';
+                    if(!dataset.pointHighlightFill) dataset.pointHighlightFill = '#fff';
+                    if(!dataset.pointHighlightStroke) dataset.pointHighlightStroke = accentColorValue;
+                }
+                /// ----- ZUI change begin -----
+
+                var datasetObject = {
+                    label: dataset.label || null,
+                    fillColor: dataset.fillColor,
+                    strokeColor: dataset.strokeColor,
+                    pointColor: dataset.pointColor,
+                    pointStrokeColor: dataset.pointStrokeColor,
+                    /// ZUI change begin
+                    showTooltips: dataset.showTooltips !== false,
+                    /// ZUI change end
+                    points: []
+                };
+
+                this.datasets.push(datasetObject);
+
+
+                helpers.each(dataset.data, function(dataPoint, index) {
+                    //Add a new point for each piece of data, passing any required data to draw.
+                    datasetObject.points.push(new this.PointClass({
+                        value: dataPoint,
+                        label: data.labels[index],
+                        datasetLabel: dataset.label,
+                        strokeColor: dataset.pointStrokeColor,
+                        fillColor: dataset.pointColor,
+                        highlightFill: dataset.pointHighlightFill || dataset.pointColor,
+                        highlightStroke: dataset.pointHighlightStroke || dataset.pointStrokeColor
+                    }));
+                }, this);
+
+                this.buildScale(data.labels);
+
+
+                this.eachPoints(function(point, index) {
+                    helpers.extend(point, {
+                        x: this.scale.calculateX(index),
+                        y: this.scale.endPoint
+                    });
+                    point.save();
+                }, this);
+
+            }, this);
+
+
+            this.render();
+        },
+        update: function() {
+            this.scale.update();
+            // Reset any highlight colours before updating.
+            helpers.each(this.activeElements, function(activeElement) {
+                activeElement.restore(['fillColor', 'strokeColor']);
+            });
+            this.eachPoints(function(point) {
+                point.save();
+            });
+            this.render();
+        },
+        eachPoints: function(callback) {
+            helpers.each(this.datasets, function(dataset) {
+                helpers.each(dataset.points, callback, this);
+            }, this);
+        },
+        getPointsAtEvent: function(e) {
+            var pointsArray = [],
+                eventPosition = helpers.getRelativePosition(e);
+            helpers.each(this.datasets, function(dataset) {
+                helpers.each(dataset.points, function(point) {
+                    if(point.inRange(eventPosition.x, eventPosition.y)) pointsArray.push(point);
+                });
+            }, this);
+            return pointsArray;
+        },
+        buildScale: function(labels) {
+            var self = this;
+
+            var dataTotal = function() {
+                var values = [];
+                self.eachPoints(function(point) {
+                    values.push(point.value);
+                });
+
+                return values;
+            };
+
+            var scaleOptions = {
+                templateString: this.options.scaleLabel,
+                height: this.chart.height,
+                width: this.chart.width,
+                ctx: this.chart.ctx,
+                textColor: this.options.scaleFontColor,
+                fontSize: this.options.scaleFontSize,
+                fontStyle: this.options.scaleFontStyle,
+                fontFamily: this.options.scaleFontFamily,
+                valuesCount: labels.length,
+                beginAtZero: this.options.scaleBeginAtZero,
+                integersOnly: this.options.scaleIntegersOnly,
+                calculateYRange: function(currentHeight) {
+                    var updatedRanges = helpers.calculateScaleRange(
+                        dataTotal(),
+                        currentHeight,
+                        this.fontSize,
+                        this.beginAtZero,
+                        this.integersOnly
+                    );
+                    helpers.extend(this, updatedRanges);
+                },
+                xLabels: labels,
+                font: helpers.fontString(this.options.scaleFontSize, this.options.scaleFontStyle, this.options.scaleFontFamily),
+                lineWidth: this.options.scaleLineWidth,
+                lineColor: this.options.scaleLineColor,
+                showHorizontalLines: this.options.scaleShowHorizontalLines,
+                showVerticalLines: this.options.scaleShowVerticalLines,
+                /// ZUI change begin
+                showBeyondLine: this.options.scaleShowBeyondLine,
+                /// ZUI change end
+                gridLineWidth: (this.options.scaleShowGridLines) ? this.options.scaleGridLineWidth : 0,
+                gridLineColor: (this.options.scaleShowGridLines) ? this.options.scaleGridLineColor : "rgba(0,0,0,0)",
+                padding: (this.options.showScale) ? 0 : this.options.pointDotRadius + this.options.pointDotStrokeWidth,
+                showLabels: this.options.scaleShowLabels,
+                display: this.options.showScale
+            };
+
+            if(this.options.scaleOverride) {
+                helpers.extend(scaleOptions, {
+                    calculateYRange: helpers.noop,
+                    steps: this.options.scaleSteps,
+                    stepValue: this.options.scaleStepWidth,
+                    min: this.options.scaleStartValue,
+                    max: this.options.scaleStartValue + (this.options.scaleSteps * this.options.scaleStepWidth)
+                });
+            }
+
+
+            this.scale = new Chart.Scale(scaleOptions);
+        },
+        addData: function(valuesArray, label) {
+			//Map the values array for each of the datasets
+
+			helpers.each(valuesArray,function(value,datasetIndex){
+				//Add a new point for each piece of data, passing any required data to draw.
+				this.datasets[datasetIndex].points.push(new this.PointClass({
+					value : value,
+					label : label,
+					datasetLabel: this.datasets[datasetIndex].label,
+					x: this.scale.calculateX(this.scale.valuesCount+1),
+					y: this.scale.endPoint,
+					strokeColor : this.datasets[datasetIndex].pointStrokeColor,
+					fillColor : this.datasets[datasetIndex].pointColor
+				}));
+			},this);
+
+			this.scale.addXLabel(label);
+			//Then re-render the chart.
+			this.update();
+        },
+        removeData: function() {
+            this.scale.removeXLabel();
+            //Then re-render the chart.
+            helpers.each(this.datasets, function(dataset) {
+                dataset.points.shift();
+            }, this);
+            this.update();
+        },
+        reflow: function() {
+            var newScaleProps = helpers.extend({
+                height: this.chart.height,
+                width: this.chart.width
+            });
+            this.scale.update(newScaleProps);
+        },
+        draw: function(ease) {
+            var easingDecimal = ease || 1;
+            this.clear();
+
+            var ctx = this.chart.ctx;
+
+            // Some helper methods for getting the next/prev points
+            var hasValue = function(item) {
+                    return item.value !== null;
+                },
+                nextPoint = function(point, collection, index) {
+                    return helpers.findNextWhere(collection, hasValue, index) || point;
+                },
+                previousPoint = function(point, collection, index) {
+                    return helpers.findPreviousWhere(collection, hasValue, index) || point;
+                };
+
+            this.scale.draw(easingDecimal);
+
+
+            helpers.each(this.datasets, function(dataset) {
+                var pointsWithValues = helpers.where(dataset.points, hasValue);
+
+                //Transition each point first so that the line and point drawing isn't out of sync
+                //We can use this extra loop to calculate the control points of this dataset also in this loop
+
+                helpers.each(dataset.points, function(point, index) {
+                    if(point.hasValue()) {
+                        point.transition({
+                            y: this.scale.calculateY(point.value),
+                            x: this.scale.calculateX(index)
+                        }, easingDecimal);
+                    }
+                }, this);
+
+
+                // Control points need to be calculated in a seperate loop, because we need to know the current x/y of the point
+                // This would cause issues when there is no animation, because the y of the next point would be 0, so beziers would be skewed
+                if(this.options.bezierCurve) {
+                    helpers.each(pointsWithValues, function(point, index) {
+                        var tension = (index > 0 && index < pointsWithValues.length - 1) ? this.options.bezierCurveTension : 0;
+                        point.controlPoints = helpers.splineCurve(
+                            previousPoint(point, pointsWithValues, index),
+                            point,
+                            nextPoint(point, pointsWithValues, index),
+                            tension
+                        );
+
+                        // Prevent the bezier going outside of the bounds of the graph
+
+                        // Cap puter bezier handles to the upper/lower scale bounds
+                        if(point.controlPoints.outer.y > this.scale.endPoint) {
+                            point.controlPoints.outer.y = this.scale.endPoint;
+                        } else if(point.controlPoints.outer.y < this.scale.startPoint) {
+                            point.controlPoints.outer.y = this.scale.startPoint;
+                        }
+
+                        // Cap inner bezier handles to the upper/lower scale bounds
+                        if(point.controlPoints.inner.y > this.scale.endPoint) {
+                            point.controlPoints.inner.y = this.scale.endPoint;
+                        } else if(point.controlPoints.inner.y < this.scale.startPoint) {
+                            point.controlPoints.inner.y = this.scale.startPoint;
+                        }
+                    }, this);
+                }
+
+
+                //Draw the line between all the points
+                ctx.lineWidth = this.options.datasetStrokeWidth;
+                ctx.strokeStyle = dataset.strokeColor;
+                ctx.beginPath();
+
+                helpers.each(pointsWithValues, function(point, index) {
+                    if(index === 0) {
+                        ctx.moveTo(point.x, point.y);
+                    } else {
+                        if(this.options.bezierCurve) {
+                            var previous = previousPoint(point, pointsWithValues, index);
+
+                            ctx.bezierCurveTo(
+                                previous.controlPoints.outer.x,
+                                previous.controlPoints.outer.y,
+                                point.controlPoints.inner.x,
+                                point.controlPoints.inner.y,
+                                point.x,
+                                point.y
+                            );
+                        } else {
+                            ctx.lineTo(point.x, point.y);
+                        }
+                    }
+                }, this);
+
+                ctx.stroke();
+
+                if(this.options.datasetFill && pointsWithValues.length > 0) {
+                    //Round off the line by going to the base of the chart, back to the start, then fill.
+                    ctx.lineTo(pointsWithValues[pointsWithValues.length - 1].x, this.scale.endPoint);
+                    ctx.lineTo(pointsWithValues[0].x, this.scale.endPoint);
+                    ctx.fillStyle = dataset.fillColor;
+                    ctx.closePath();
+                    ctx.fill();
+                }
+
+                //Now draw the points over the line
+                //A little inefficient double looping, but better than the line
+                //lagging behind the point positions
+                helpers.each(pointsWithValues, function(point) {
+                    point.draw();
+                });
+            }, this);
+        }
+    });
+
+    /// ----- ZUI change begin -----
+    /// Use jquery object to create Chart object
+    $.fn.lineChart = function(data, options) {
+        var lineCharts = [];
+        this.each(function() {
+            var $this = $(this);
+            lineCharts.push(new Chart(this.getContext("2d")).Line(data, $.extend($this.data(), options)));
+        });
+        return lineCharts.length === 1 ? lineCharts[0] : lineCharts;
+    }
+
+    /// ----- ZUI change end -----
+
+    /// ----- ZUI change begin -----
+    /// Add jquery object to namespace
+
+    /// }).call(this); // Old code
+}).call(this, jQuery);
+
+/// ----- ZUI change end -----
+
+
+/* ========================================================================
+ * Chart.js: Chart.Doughnut.js [Version: 1.0.2]
+ * http://chartjs.org/
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2015 Nick Downie, Released under the MIT license
+ * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
+ * ======================================================================== */
+
+/// ----- ZUI change begin -----
+/// Add jquery object to namespace
+
+/// (function(){ // Old code
+(function($) {
+
+    /// ----- ZUI change end -----
+    "use strict";
+
+    /// ----- ZUI change begin -----
+    /// Change root to zui shared object
+    ///
+    ///   var root = this, // old code
+    var root = $ && $.zui ? $.zui : this,
+        /// ----- ZUI change end -----
+        Chart = root.Chart,
+        //Cache a local reference to Chart.helpers
+        helpers = Chart.helpers;
+
+    var defaultConfig = {
+        //Boolean - Whether we should show a stroke on each segment
+        segmentShowStroke: true,
+
+        //String - The colour of each segment stroke
+        segmentStrokeColor: "#fff",
+
+        //Number - The width of each segment stroke
+        /// ZUI change begin
+        ///        segmentStrokeWidth: 2, // old code
+        segmentStrokeWidth: 1,
+        /// ZUI change end
+
+        //The percentage of the chart that we cut out of the middle.
+        percentageInnerCutout: 50,
+
+        /// ZUI change begin
+        // Boolean - Whether to show labels on the scale
+        scaleShowLabels: false,
+
+        // Interpolated JS string - can access value
+        scaleLabel: "<%=value%>",
+
+        // String - Scale label position
+        scaleLabelPlacement: 'auto',
+
+        ///        Number - Amount of animation steps // old code
+        ///        animationSteps: 100, // old code
+        animationSteps: 60,
+        /// ZUI change end
+
+        //String - Animation easing effect
+        animationEasing: "easeOutBounce",
+
+        //Boolean - Whether we animate the rotation of the Doughnut
+        animateRotate: true,
+
+        //Boolean - Whether we animate scaling the Doughnut from the centre
+        animateScale: false,
+
+        //String - A legend template
+        legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
+
+    };
+
+
+    Chart.Type.extend({
+        //Passing in a name registers this chart in the Chart namespace
+        name: "Doughnut",
+        //Providing a defaults will also register the deafults in the chart namespace
+        defaults: defaultConfig,
+        //Initialize is fired when the chart is initialized - Data is passed in as a parameter
+        //Config is automatically merged by the core of Chart.js, and is available at this.options
+        initialize: function(data) {
+
+            //Declare segments as a static property to prevent inheriting across the Chart type prototype
+            this.segments = [];
+            this.outerRadius = (helpers.min([this.chart.width, this.chart.height]) - this.options.segmentStrokeWidth / 2) / 2;
+
+            this.SegmentArc = Chart.Arc.extend({
+                ctx: this.chart.ctx,
+                x: this.chart.width / 2,
+                y: this.chart.height / 2
+            });
+
+            //Set up tooltip events on the chart
+            if(this.options.showTooltips) {
+                helpers.bindEvents(this, this.options.tooltipEvents, function(evt) {
+                    var activeSegments = (evt.type !== 'mouseout') ? this.getSegmentsAtEvent(evt) : [];
+
+                    helpers.each(this.segments, function(segment) {
+                        segment.restore(["fillColor"]);
+                    });
+                    helpers.each(activeSegments, function(activeSegment) {
+                        activeSegment.fillColor = activeSegment.highlightColor;
+                    });
+                    this.showTooltip(activeSegments);
+                });
+            }
+            this.calculateTotal(data);
+
+            helpers.each(data, function(datapoint, index) {
+                this.addData(datapoint, index, true);
+            }, this);
+
+            this.render();
+        },
+        getSegmentsAtEvent: function(e) {
+            var segmentsArray = [];
+
+            var location = helpers.getRelativePosition(e);
+
+            helpers.each(this.segments, function(segment) {
+                if(segment.inRange(location.x, location.y)) segmentsArray.push(segment);
+            }, this);
+            return segmentsArray;
+        },
+        addData: function(segment, atIndex, silent) {
+            /// ----- ZUI change begin -----
+            /// Init segment color
+            if($.zui && $.zui.Color && $.zui.Color.get) {
+                var color = new $.zui.Color.get(segment.color);
+                segment.color = color.toCssStr();
+                if(!segment.highlight) segment.highlight = color.lighten(5).toCssStr();
+            }
+            /// ----- ZUI change end -----
+            var index = atIndex || this.segments.length;
+            this.segments.splice(index, 0, new this.SegmentArc({
+                id: typeof segment.id === 'undefined' ? index : segment.id,
+                value: segment.value,
+                outerRadius: (this.options.animateScale) ? 0 : this.outerRadius,
+                innerRadius: (this.options.animateScale) ? 0 : (this.outerRadius / 100) * this.options.percentageInnerCutout,
+                fillColor: segment.color,
+                highlightColor: segment.highlight || segment.color,
+                showStroke: this.options.segmentShowStroke,
+                strokeWidth: this.options.segmentStrokeWidth,
+                strokeColor: this.options.segmentStrokeColor,
+                startAngle: Math.PI * 1.5,
+                circumference: (this.options.animateRotate) ? 0 : this.calculateCircumference(segment.value),
+                /// ----- ZUI change begin -----
+                showLabel: segment.showLabel !== false,
+                circleBeginEnd: segment.circleBeginEnd,
+                /// ----- ZUI change end -----
+                label: segment.label
+            }));
+            if(!silent) {
+                this.reflow();
+                this.update();
+            }
+        },
+        calculateCircumference: function(value) {
+            return(Math.PI * 2) * (Math.abs(value) / this.total);
+        },
+        calculateTotal: function(data) {
+            this.total = 0;
+            helpers.each(data, function(segment) {
+                this.total += Math.abs(segment.value);
+            }, this);
+        },
+        update: function() {
+            this.calculateTotal(this.segments);
+
+            // Reset any highlight colours before updating.
+            helpers.each(this.activeElements, function(activeElement) {
+                activeElement.restore(['fillColor']);
+            });
+
+            helpers.each(this.segments, function(segment) {
+                segment.save();
+            });
+            this.render();
+        },
+
+        removeData: function(atIndex) {
+            var indexToDelete = (helpers.isNumber(atIndex)) ? atIndex : this.segments.length - 1;
+            this.segments.splice(indexToDelete, 1);
+            this.reflow();
+            this.update();
+        },
+
+        reflow: function() {
+            helpers.extend(this.SegmentArc.prototype, {
+                x: this.chart.width / 2,
+                y: this.chart.height / 2
+            });
+            this.outerRadius = (helpers.min([this.chart.width, this.chart.height]) - this.options.segmentStrokeWidth / 2) / 2;
+            helpers.each(this.segments, function(segment) {
+                segment.update({
+                    outerRadius: this.outerRadius,
+                    innerRadius: (this.outerRadius / 100) * this.options.percentageInnerCutout
+                });
+            }, this);
+        },
+        /// ZUI change begin
+        drawLabel: function(segment, easeDecimal, labelPosMap) {
+            var options = this.options;
+            var middleAngle = (segment.endAngle + segment.startAngle) / 2;
+            var placement = options.scaleLabelPlacement;
+            if(placement !== 'inside' && placement !== 'outside') {
+                if((this.chart.width - this.chart.height) > 50) {
+                    if(segment.circumference < (Math.PI / 18)) {
+                        placement = 'outside';
+                    }
+                }
+            }
+
+            var x = Math.cos(middleAngle) * segment.outerRadius,
+                y = Math.sin(middleAngle) * segment.outerRadius,
+                text = helpers.template(options.scaleLabel, {
+                    value: typeof easeDecimal === 'undefined' ? segment.value : Math.round(easeDecimal * segment.value),
+                    label: segment.label
+                });
+
+            var ctx = this.chart.ctx;
+            ctx.font = helpers.fontString(options.scaleFontSize, options.scaleFontStyle, options.scaleFontFamily);
+            ctx.textBaseline = "middle";
+            ctx.textAlign = "center";
+
+            var textWidth = ctx.measureText(text).width;
+            var chartWidthHalf = this.chart.width / 2;
+            var chartHeightHalf = this.chart.height / 2;
+
+            if(placement === 'outside') { // outside
+                var isRight = x >= 0;
+                var lineX = x + chartWidthHalf;
+                var lineY = y + chartHeightHalf;
+                ctx.textAlign = isRight ? 'left' : 'right';
+                ctx.measureText(text).width;
+                if(isRight) {
+                    x = Math.max(chartWidthHalf + segment.outerRadius + 10, x + 30 + chartWidthHalf);
+                } else {
+                    x = Math.min(chartWidthHalf - segment.outerRadius - 10, x - 30 + chartWidthHalf);
+                }
+
+                var textHeight = options.scaleFontSize * (options.scaleLineHeight || 1);
+                var labelPos = Math.round((y * 0.8 + chartHeightHalf) / textHeight) + 1;
+                var maxPos = Math.floor(this.chart.width / textHeight) + 1;
+                var labelPosDirection = isRight ? 1 : (-1);
+                if(labelPosMap[labelPos*labelPosDirection]) {
+                    if(labelPos > 1) labelPos--;
+                    else labelPos++;
+                }
+                // while(labelPosMap[labelPos*labelPosDirection] && labelPos < maxPos) labelPos++;
+
+                if(labelPosMap[labelPos*labelPosDirection]) return;
+                y = (labelPos - 1) * textHeight + options.scaleFontSize / 2;
+                labelPosMap[labelPos*labelPosDirection] = true;
+
+                ctx.beginPath();
+                ctx.moveTo(lineX, lineY);
+                ctx.lineTo(x, y);
+                x = isRight ? (x + 5) : (x - 5);
+                ctx.lineTo(x, y);
+                ctx.strokeStyle = ($.zui && $.zui.Color) ? (new $.zui.Color(segment.fillColor).fade(40).toCssStr()) : segment.fillColor;
+                ctx.strokeWidth = options.scaleLineWidth;
+                ctx.stroke();
+                ctx.fillStyle = segment.fillColor;
+            } else { // inside
+                x = x * 0.7 + chartWidthHalf;
+                y = y * 0.7 + chartHeightHalf;
+                ctx.fillStyle = ($.zui && $.zui.Color) ? (new $.zui.Color(segment.fillColor).contrast().toCssStr()) : '#fff';
+            }
+            ctx.fillText(text, x, y);
+        },
+        // ZUI change end
+        draw: function(easeDecimal) {
+            var animDecimal = (easeDecimal) ? easeDecimal : 1;
+            this.clear();
+            // ZUI change begin
+            var labelPositionMap;
+            // ZUI change end
+            helpers.each(this.segments, function(segment, index) {
+                segment.transition({
+                    circumference: this.calculateCircumference(segment.value),
+                    outerRadius: this.outerRadius,
+                    innerRadius: (this.outerRadius / 100) * this.options.percentageInnerCutout
+                }, animDecimal);
+
+                segment.endAngle = segment.startAngle + segment.circumference;
+
+                // ZUI change begin
+                if (!this.options.reverseDrawOrder) {
+                    // ZUI change end
+                    // ZUI change begin
+                    segment.draw();
+                    // ZUI change end
+                }
+                // ZUI change end
+
+                if(index === 0) {
+                    segment.startAngle = Math.PI * 1.5;
+                }
+                //Check to see if it's the last segment, if not get the next and update the start angle
+                if(index < this.segments.length - 1) {
+                    this.segments[index + 1].startAngle = segment.endAngle;
+                }
+            }, this);
+
+            // ZUI change begin
+            if (this.options.reverseDrawOrder) {
+                helpers.each(this.segments.slice().reverse(), function(segment, index) {
+                    segment.draw();
+                }, this);
+            }
+            /// ZUI change end
+
+            /// ZUI change begin
+            if(this.options.scaleShowLabels) {
+                var segmentsArray = this.segments.slice().sort(function(a,b){return b.value - a.value;});
+                var labelPositionMap = {};
+                helpers.each(segmentsArray, function(segment, index) {
+                    if(segment.showLabel) this.drawLabel(segment, easeDecimal, labelPositionMap);
+                }, this);
+            }
+            /// ZUI change end
+        }
+    });
+
+    Chart.types.Doughnut.extend({
+        name: "Pie",
+        defaults: helpers.merge(defaultConfig, {
+            percentageInnerCutout: 0
+        })
+    });
+
+    /// ----- ZUI change begin -----
+    /// Use jquery object to create Chart object
+    $.fn.pieChart = function(data, options) {
+        var pieCharts = [];
+        this.each(function() {
+            var $this = $(this);
+            pieCharts.push(new Chart(this.getContext("2d")).Pie(data, $.extend($this.data(), options)));
+        });
+        return pieCharts.length === 1 ? pieCharts[0] : pieCharts;
+    }
+
+    $.fn.doughnutChart = function(data, options) {
+        var doughnutCharts = [];
+        this.each(function() {
+            var $this = $(this);
+            doughnutCharts.push(new Chart(this.getContext("2d")).Doughnut(data, $.extend($this.data(), options)));
+        });
+        return doughnutCharts.length === 1 ? doughnutCharts[0] : doughnutCharts;
+    }
+
+    /// ----- ZUI change end -----
+
+    /// ----- ZUI change begin -----
+    /// Add jquery object to namespace
+
+    /// }).call(this); // Old code
+}).call(this, jQuery);
+
+/// ----- ZUI change end -----
+
+
+/* ========================================================================
+ * Chart.js: Chart.Bar.js [Version: 1.0.2]
+ * http://chartjs.org/
+ * 
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2015 Nick Downie, Released under the MIT license
+ * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
+ * ======================================================================== */
+
+
+/// ----- ZUI change begin -----
+/// Add jquery object to namespace
+
+/// (function(){ // Old code
+(function($) {
+
+    /// ----- ZUI change end -----
+    "use strict";
+
+    /// ----- ZUI change begin -----
+    /// Change root to zui shared object
+    ///
+    ///   var root = this, // old code
+    var root = $ && $.zui ? $.zui : this,
+        /// ----- ZUI change end -----
+        Chart = root.Chart,
+        helpers = Chart.helpers;
+
+
+    var defaultConfig = {
+        //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
+        scaleBeginAtZero: true,
+
+        //Boolean - Whether grid lines are shown across the chart
+        scaleShowGridLines: true,
+
+        //String - Colour of the grid lines
+        scaleGridLineColor: "rgba(0,0,0,.05)",
+
+        //Number - Width of the grid lines
+        scaleGridLineWidth: 1,
+
+        //Boolean - Whether to show horizontal lines (except X axis)
+        scaleShowHorizontalLines: true,
+
+        //Boolean - Whether to show vertical lines (except Y axis)
+        scaleShowVerticalLines: true,
+
+        /// ZUI change begin
+        //Boolean - Whether to show beyond lines
+        scaleShowBeyondLine: true,
+        /// ZUI change end
+        /// 
+        //Boolean - If there is a stroke on each bar
+        barShowStroke: true,
+
+        //Number - Pixel width of the bar stroke
+        /// ZUI change begin
+        ///        barStrokeWidth: 2,
+        barStrokeWidth: 1,
+
+        // String - Sacle value labels placement
+        scaleValuePlacement: 'auto', // none, auto, outside, inside-top, inside-middle, inside-bottom
+        /// ZUI change end
+
+        //Number - Spacing between each of the X value sets
+        barValueSpacing: 5,
+
+        //Number - Spacing between data sets within X values
+        barDatasetSpacing: 1,
+
+        //String - A legend template
+        legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
+    };
+
+
+    Chart.Type.extend({
+        name: "Bar",
+        defaults: defaultConfig,
+        initialize: function(data) {
+
+            //Expose options as a scope variable here so we can access it in the ScaleClass
+            var options = this.options;
+
+            this.ScaleClass = Chart.Scale.extend({
+                offsetGridLines: true,
+                calculateBarX: function(datasetCount, datasetIndex, barIndex) {
+                    //Reusable method for calculating the xPosition of a given bar based on datasetIndex & width of the bar
+                    var xWidth = this.calculateBaseWidth(),
+                        xAbsolute = this.calculateX(barIndex) - (xWidth / 2),
+                        barWidth = this.calculateBarWidth(datasetCount);
+
+                    return xAbsolute + (barWidth * datasetIndex) + (datasetIndex * options.barDatasetSpacing) + barWidth / 2;
+                },
+                calculateBaseWidth: function() {
+                    return(this.calculateX(1) - this.calculateX(0)) - (2 * options.barValueSpacing);
+                },
+                calculateBarWidth: function(datasetCount) {
+                    //The padding between datasets is to the right of each bar, providing that there are more than 1 dataset
+                    var baseWidth = this.calculateBaseWidth() - ((datasetCount - 1) * options.barDatasetSpacing);
+
+                    return(baseWidth / datasetCount);
+                }
+            });
+
+            this.datasets = [];
+
+            //Set up tooltip events on the chart
+            if(this.options.showTooltips) {
+                helpers.bindEvents(this, this.options.tooltipEvents, function(evt) {
+                    var activeBars = (evt.type !== 'mouseout') ? this.getBarsAtEvent(evt) : [];
+
+                    this.eachBars(function(bar) {
+                        bar.restore(['fillColor', 'strokeColor']);
+                    });
+                    helpers.each(activeBars, function(activeBar) {
+                        activeBar.fillColor = activeBar.highlightFill;
+                        activeBar.strokeColor = activeBar.highlightStroke;
+                    });
+                    this.showTooltip(activeBars);
+                });
+            }
+
+            //Declare the extension of the default point, to cater for the options passed in to the constructor
+            this.BarClass = Chart.Rectangle.extend({
+                strokeWidth: this.options.barStrokeWidth,
+                showStroke: this.options.barShowStroke,
+                ctx: this.chart.ctx
+            });
+
+            //Iterate through each of the datasets, and build this into a property of the chart
+            helpers.each(data.datasets, function(dataset, datasetIndex) {
+                /// ----- ZUI change begin -----
+                // add color theme
+                if($.zui && $.zui.Color && $.zui.Color.get) {
+                    var accentColor = $.zui.Color.get(dataset.color);
+                    var accentColorValue = accentColor.toCssStr();
+
+                    if(!dataset.fillColor) dataset.fillColor = accentColor.clone().fade(50).toCssStr();
+                    if(!dataset.strokeColor) dataset.strokeColor = accentColorValue;
+                }
+                /// ----- ZUI change begin -----
+
+                var datasetObject = {
+                    label: dataset.label || null,
+                    fillColor: dataset.fillColor,
+                    strokeColor: dataset.strokeColor,
+                    bars: []
+                };
+
+                this.datasets.push(datasetObject);
+
+                helpers.each(dataset.data, function(dataPoint, index) {
+                    //Add a new point for each piece of data, passing any required data to draw.
+                    datasetObject.bars.push(new this.BarClass({
+                        value: dataPoint,
+                        label: data.labels[index],
+                        datasetLabel: dataset.label,
+                        strokeColor: dataset.strokeColor,
+                        fillColor: dataset.fillColor,
+                        highlightFill: dataset.highlightFill || dataset.fillColor,
+                        highlightStroke: dataset.highlightStroke || dataset.strokeColor
+                    }));
+                }, this);
+
+            }, this);
+
+            this.buildScale(data.labels);
+
+            this.BarClass.prototype.base = this.scale.endPoint;
+
+            this.eachBars(function(bar, index, datasetIndex) {
+                helpers.extend(bar, {
+                    width: this.scale.calculateBarWidth(this.datasets.length),
+                    x: this.scale.calculateBarX(this.datasets.length, datasetIndex, index),
+                    y: this.scale.endPoint
+                });
+                bar.save();
+            }, this);
+
+            this.render();
+        },
+        update: function() {
+            this.scale.update();
+            // Reset any highlight colours before updating.
+            helpers.each(this.activeElements, function(activeElement) {
+                activeElement.restore(['fillColor', 'strokeColor']);
+            });
+
+            this.eachBars(function(bar) {
+                bar.save();
+            });
+            this.render();
+        },
+        eachBars: function(callback) {
+            helpers.each(this.datasets, function(dataset, datasetIndex) {
+                helpers.each(dataset.bars, callback, this, datasetIndex);
+            }, this);
+        },
+        getBarsAtEvent: function(e) {
+            var barsArray = [],
+                eventPosition = helpers.getRelativePosition(e),
+                datasetIterator = function(dataset) {
+                    barsArray.push(dataset.bars[barIndex]);
+                },
+                barIndex;
+
+            for(var datasetIndex = 0; datasetIndex < this.datasets.length; datasetIndex++) {
+                for(barIndex = 0; barIndex < this.datasets[datasetIndex].bars.length; barIndex++) {
+                    if(this.datasets[datasetIndex].bars[barIndex].inRange(eventPosition.x, eventPosition.y)) {
+                        helpers.each(this.datasets, datasetIterator);
+                        return barsArray;
+                    }
+                }
+            }
+
+            return barsArray;
+        },
+        buildScale: function(labels) {
+            var self = this;
+
+            var dataTotal = function() {
+                var values = [];
+                self.eachBars(function(bar) {
+                    values.push(bar.value);
+                });
+                return values;
+            };
+
+            var scaleOptions = {
+                templateString: this.options.scaleLabel,
+                height: this.chart.height,
+                width: this.chart.width,
+                ctx: this.chart.ctx,
+                textColor: this.options.scaleFontColor,
+                fontSize: this.options.scaleFontSize,
+                fontStyle: this.options.scaleFontStyle,
+                fontFamily: this.options.scaleFontFamily,
+                valuesCount: labels.length,
+                beginAtZero: this.options.scaleBeginAtZero,
+                integersOnly: this.options.scaleIntegersOnly,
+                calculateYRange: function(currentHeight) {
+                    var updatedRanges = helpers.calculateScaleRange(
+                        dataTotal(),
+                        currentHeight,
+                        this.fontSize,
+                        this.beginAtZero,
+                        this.integersOnly
+                    );
+                    helpers.extend(this, updatedRanges);
+                },
+                xLabels: labels,
+                font: helpers.fontString(this.options.scaleFontSize, this.options.scaleFontStyle, this.options.scaleFontFamily),
+                lineWidth: this.options.scaleLineWidth,
+                lineColor: this.options.scaleLineColor,
+                showHorizontalLines: this.options.scaleShowHorizontalLines,
+                showVerticalLines: this.options.scaleShowVerticalLines,
+                /// ZUI change begin
+                showBeyondLine: this.options.scaleShowBeyondLine,
+                /// ZUI change end
+                gridLineWidth: (this.options.scaleShowGridLines) ? this.options.scaleGridLineWidth : 0,
+                gridLineColor: (this.options.scaleShowGridLines) ? this.options.scaleGridLineColor : "rgba(0,0,0,0)",
+                padding: (this.options.showScale) ? 0 : (this.options.barShowStroke) ? this.options.barStrokeWidth : 0,
+                showLabels: this.options.scaleShowLabels,
+                display: this.options.showScale
+            };
+
+            if(this.options.scaleOverride) {
+                helpers.extend(scaleOptions, {
+                    calculateYRange: helpers.noop,
+                    steps: this.options.scaleSteps,
+                    stepValue: this.options.scaleStepWidth,
+                    min: this.options.scaleStartValue,
+                    max: this.options.scaleStartValue + (this.options.scaleSteps * this.options.scaleStepWidth)
+                });
+            }
+
+            this.scale = new this.ScaleClass(scaleOptions);
+        },
+        addData: function(valuesArray, label) {
+            //Map the values array for each of the datasets
+            helpers.each(valuesArray, function(value, datasetIndex) {
+                //Add a new point for each piece of data, passing any required data to draw.
+                this.datasets[datasetIndex].bars.push(new this.BarClass({
+                    value: value,
+                    label: label,
+                    x: this.scale.calculateBarX(this.datasets.length, datasetIndex, this.scale.valuesCount + 1),
+                    y: this.scale.endPoint,
+                    width: this.scale.calculateBarWidth(this.datasets.length),
+                    base: this.scale.endPoint,
+                    strokeColor: this.datasets[datasetIndex].strokeColor,
+                    fillColor: this.datasets[datasetIndex].fillColor
+                }));
+            }, this);
+
+            this.scale.addXLabel(label);
+            //Then re-render the chart.
+            this.update();
+        },
+        removeData: function() {
+            this.scale.removeXLabel();
+            //Then re-render the chart.
+            helpers.each(this.datasets, function(dataset) {
+                dataset.bars.shift();
+            }, this);
+            this.update();
+        },
+        reflow: function() {
+            helpers.extend(this.BarClass.prototype, {
+                y: this.scale.endPoint,
+                base: this.scale.endPoint
+            });
+            var newScaleProps = helpers.extend({
+                height: this.chart.height,
+                width: this.chart.width
+            });
+            this.scale.update(newScaleProps);
+        },
+        /// ZUI change begin
+        drawLabel: function(bar, placement) {
+            var options = this.options;
+            placement = placement || options.scaleValuePlacement;
+            placement = placement ? placement.toLowerCase() : 'auto';
+            if(placement === 'auto') {
+                placement = bar.y < 15 ? 'insdie' : 'outside';
+            }
+
+            var y = placement === 'insdie' ? (bar.y + 10) : (bar.y - 10);
+            var ctx = this.chart.ctx;
+            ctx.font = helpers.fontString(options.scaleFontSize, options.scaleFontStyle, options.scaleFontFamily);
+            ctx.textBaseline = "middle";
+            ctx.textAlign = "center";
+            ctx.fillStyle = options.scaleFontColor;
+            ctx.fillText(bar.value, bar.x, y);
+        },
+        /// ZUI change end
+        draw: function(ease) {
+            var easingDecimal = ease || 1;
+            this.clear();
+
+            var ctx = this.chart.ctx;
+
+            this.scale.draw(easingDecimal);
+
+            /// ZUI change begin
+            var showScaleValue = this.options.scaleShowLabels && this.options.scaleValuePlacement;
+            /// ZUI change end
+            //Draw all the bars for each dataset
+            helpers.each(this.datasets, function(dataset, datasetIndex) {
+                helpers.each(dataset.bars, function(bar, index) {
+                    if(bar.hasValue()) {
+                        bar.base = this.scale.endPoint;
+                        //Transition then draw
+                        bar.transition({
+                            x: this.scale.calculateBarX(this.datasets.length, datasetIndex, index),
+                            y: this.scale.calculateY(bar.value),
+                            width: this.scale.calculateBarWidth(this.datasets.length)
+                        }, easingDecimal).draw();
+                    }
+                    /// ZUI change begin
+                    if(showScaleValue) {
+                        this.drawLabel(bar);
+                    }
+                    /// ZUI change end
+                }, this);
+
+            }, this);
+        }
+    });
+
+    /// ----- ZUI change begin -----
+    /// Use jquery object to create Chart object
+    $.fn.barChart = function(data, options) {
+        var barCharts = [];
+        this.each(function() {
+            var $this = $(this);
+            barCharts.push(new Chart(this.getContext("2d")).Bar(data, $.extend($this.data(), options)));
+        });
+        return barCharts.length === 1 ? barCharts[0] : barCharts;
+    }
+
+    /// ----- ZUI change end -----
+
+    /// ----- ZUI change begin -----
+    /// Add jquery object to namespace
+
+    /// }).call(this); // Old code
+}).call(this, jQuery);
+
+/// ----- ZUI change end -----
+
+
+/* ========================================================================
+ * Datetimepicker: bootstrap-datetimepicker.js
+ * http://www.malot.fr/bootstrap-datetimepicker
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Improvements by Sébastien Malot
+ * Improvements by Yun Lai
+ * Improvement by CuGBabyBeaR @ 2013-09-12
+ * Project URL : http://www.malot.fr/bootstrap-datetimepicker
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ * Improvement in ZUI:
+ * 1. Determine client language and apply setting automatically.
+ * 2. New option for 'pickerPosition':
+ *    - 'auto-left';
+ *    - 'auto-right'.
+ * ======================================================================== */
+
+
+/*!
  * Datetimepicker for Bootstrap
  * Copyright 2012 Stefan Petre
  * Licensed under the Apache License v2.0
  */
-!function(t){function e(){return new Date(Date.UTC.apply(Date,arguments))}var i=function(e,i){var a=this;this.element=t(e),this.language=(i.language||this.element.data("date-language")||(t.zui&&t.zui.clientLang?t.zui.clientLang().replace("_","-"):"zh-cn")).toLowerCase(),this.language=this.language in s?this.language:"en",this.isRTL=s[this.language].rtl||!1,this.formatType=i.formatType||this.element.data("format-type")||"standard",this.format=n.parseFormat(i.format||this.element.data("date-format")||s[this.language].format||n.getDefaultFormat(this.formatType,"input"),this.formatType),this.isInline=!1,this.isVisible=!1,this.isInput=this.element.is("input"),this.component=!!this.element.is(".date")&&this.element.find(".input-group-addon .icon-th, .input-group-addon .icon-time, .input-group-addon .icon-calendar").parent(),this.componentReset=!!this.element.is(".date")&&this.element.find(".input-group-addon .icon-remove").parent(),this.hasInput=this.component&&this.element.find("input").length,this.component&&0===this.component.length&&(this.component=!1),this.linkField=i.linkField||this.element.data("link-field")||!1,this.linkFormat=n.parseFormat(i.linkFormat||this.element.data("link-format")||n.getDefaultFormat(this.formatType,"link"),this.formatType),this.minuteStep=i.minuteStep||this.element.data("minute-step")||5,this.pickerPosition=i.pickerPosition||this.element.data("picker-position")||"bottom-right",this.showMeridian=i.showMeridian||this.element.data("show-meridian")||!1,this.initialDate=i.initialDate||new Date,this.pickerClass=i.eleClass,this.pickerId=i.eleId,this._attachEvents(),this.formatViewType="datetime","formatViewType"in i?this.formatViewType=i.formatViewType:"formatViewType"in this.element.data()&&(this.formatViewType=this.element.data("formatViewType")),this.minView=0,"minView"in i?this.minView=i.minView:"minView"in this.element.data()&&(this.minView=this.element.data("min-view")),this.minView=n.convertViewMode(this.minView),this.maxView=n.modes.length-1,"maxView"in i?this.maxView=i.maxView:"maxView"in this.element.data()&&(this.maxView=this.element.data("max-view")),this.maxView=n.convertViewMode(this.maxView),this.wheelViewModeNavigation=!1,"wheelViewModeNavigation"in i?this.wheelViewModeNavigation=i.wheelViewModeNavigation:"wheelViewModeNavigation"in this.element.data()&&(this.wheelViewModeNavigation=this.element.data("view-mode-wheel-navigation")),this.wheelViewModeNavigationInverseDirection=!1,"wheelViewModeNavigationInverseDirection"in i?this.wheelViewModeNavigationInverseDirection=i.wheelViewModeNavigationInverseDirection:"wheelViewModeNavigationInverseDirection"in this.element.data()&&(this.wheelViewModeNavigationInverseDirection=this.element.data("view-mode-wheel-navigation-inverse-dir")),this.wheelViewModeNavigationDelay=100,"wheelViewModeNavigationDelay"in i?this.wheelViewModeNavigationDelay=i.wheelViewModeNavigationDelay:"wheelViewModeNavigationDelay"in this.element.data()&&(this.wheelViewModeNavigationDelay=this.element.data("view-mode-wheel-navigation-delay")),this.startViewMode=2,"startView"in i?this.startViewMode=i.startView:"startView"in this.element.data()&&(this.startViewMode=this.element.data("start-view")),this.startViewMode=n.convertViewMode(this.startViewMode),this.viewMode=this.startViewMode,this.viewSelect=this.minView,"viewSelect"in i?this.viewSelect=i.viewSelect:"viewSelect"in this.element.data()&&(this.viewSelect=this.element.data("view-select")),this.viewSelect=n.convertViewMode(this.viewSelect),this.forceParse=!0,"forceParse"in i?this.forceParse=i.forceParse:"dateForceParse"in this.element.data()&&(this.forceParse=this.element.data("date-force-parse")),this.picker=t(n.template).appendTo(this.isInline?this.element:"body").on({click:t.proxy(this.click,this),mousedown:t.proxy(this.mousedown,this)}),this.wheelViewModeNavigation&&(t.fn.mousewheel?this.picker.on({mousewheel:t.proxy(this.mousewheel,this)}):console.log("Mouse Wheel event is not supported. Please include the jQuery Mouse Wheel plugin before enabling this option")),this.isInline?this.picker.addClass("datetimepicker-inline"):this.picker.addClass("datetimepicker-dropdown-"+this.pickerPosition+" dropdown-menu"),this.isRTL&&(this.picker.addClass("datetimepicker-rtl"),this.picker.find(".prev span, .next span").toggleClass("icon-arrow-left icon-arrow-right")),t(document).on("mousedown",function(e){0===t(e.target).closest(".datetimepicker").length&&a.hide()}),this.autoclose=!1,"autoclose"in i?this.autoclose=i.autoclose:"dateAutoclose"in this.element.data()&&(this.autoclose=this.element.data("date-autoclose")),this.keyboardNavigation=!0,"keyboardNavigation"in i?this.keyboardNavigation=i.keyboardNavigation:"dateKeyboardNavigation"in this.element.data()&&(this.keyboardNavigation=this.element.data("date-keyboard-navigation")),this.todayBtn=i.todayBtn||this.element.data("date-today-btn")||!1,this.todayHighlight=i.todayHighlight||this.element.data("date-today-highlight")||!1,this.weekStart=(i.weekStart||this.element.data("date-weekstart")||s[this.language].weekStart||0)%7,this.weekEnd=(this.weekStart+6)%7,this.startDate=-(1/0),this.endDate=1/0,this.daysOfWeekDisabled=[],this.setStartDate(i.startDate||this.element.data("date-startdate")),this.setEndDate(i.endDate||this.element.data("date-enddate")),this.setDaysOfWeekDisabled(i.daysOfWeekDisabled||this.element.data("date-days-of-week-disabled")),this.fillDow(),this.fillMonths(),this.update(),this.showMode(),this.isInline&&this.show()};i.prototype={constructor:i,_events:[],_attachEvents:function(){this._detachEvents(),this.isInput?this._events=[[this.element,{focus:t.proxy(this.show,this),keyup:t.proxy(this.update,this),keydown:t.proxy(this.keydown,this)}]]:this.component&&this.hasInput?(this._events=[[this.element.find("input"),{focus:t.proxy(this.show,this),keyup:t.proxy(this.update,this),keydown:t.proxy(this.keydown,this)}],[this.component,{click:t.proxy(this.show,this)}]],this.componentReset&&this._events.push([this.componentReset,{click:t.proxy(this.reset,this)}])):this.element.is("div")?this.isInline=!0:this._events=[[this.element,{click:t.proxy(this.show,this)}]];for(var e,i,s=0;s<this._events.length;s++)e=this._events[s][0],i=this._events[s][1],e.on(i)},_detachEvents:function(){for(var t,e,i=0;i<this._events.length;i++)t=this._events[i][0],e=this._events[i][1],t.off(e);this._events=[]},show:function(e){this.picker.show(),this.height=this.component?this.component.outerHeight():this.element.outerHeight(),this.forceParse&&this.update(),this.place(),t(window).on("resize",t.proxy(this.place,this)),e&&(e.stopPropagation(),e.preventDefault()),this.isVisible=!0,this.element.trigger({type:"show",date:this.date})},hide:function(e){this.isVisible&&(this.isInline||(this.picker.hide(),t(window).off("resize",this.place),this.viewMode=this.startViewMode,this.showMode(),this.isInput||t(document).off("mousedown",this.hide),this.forceParse&&(this.isInput&&this.element.val()||this.hasInput&&this.element.find("input").val())&&this.setValue(),this.isVisible=!1,this.element.trigger({type:"hide",date:this.date})))},remove:function(){this._detachEvents(),this.picker.remove(),delete this.picker,delete this.element.data().datetimepicker},getDate:function(){var t=this.getUTCDate();return new Date(t.getTime()+6e4*t.getTimezoneOffset())},getUTCDate:function(){return this.date},setDate:function(t){this.setUTCDate(new Date(t.getTime()-6e4*t.getTimezoneOffset()))},setUTCDate:function(t){t>=this.startDate&&t<=this.endDate?(this.date=t,this.setValue(),this.viewDate=this.date,this.fill()):this.element.trigger({type:"outOfRange",date:t,startDate:this.startDate,endDate:this.endDate})},setFormat:function(t){this.format=n.parseFormat(t,this.formatType);var e;this.isInput?e=this.element:this.component&&(e=this.element.find("input")),e&&e.val()&&this.setValue()},setValue:function(){var e=this.getFormattedDate();this.isInput?this.element.val(e):(this.component&&this.element.find("input").val(e),this.element.data("date",e)),this.linkField&&t("#"+this.linkField).val(this.getFormattedDate(this.linkFormat))},getFormattedDate:function(t){return void 0==t&&(t=this.format),n.formatDate(this.date,t,this.language,this.formatType)},setStartDate:function(t){this.startDate=t||-(1/0),this.startDate!==-(1/0)&&(this.startDate=n.parseDate(this.startDate,this.format,this.language,this.formatType)),this.update(),this.updateNavArrows()},setEndDate:function(t){this.endDate=t||1/0,this.endDate!==1/0&&(this.endDate=n.parseDate(this.endDate,this.format,this.language,this.formatType)),this.update(),this.updateNavArrows()},setDaysOfWeekDisabled:function(e){this.daysOfWeekDisabled=e||[],t.isArray(this.daysOfWeekDisabled)||(this.daysOfWeekDisabled=this.daysOfWeekDisabled.split(/,\s*/)),this.daysOfWeekDisabled=t.map(this.daysOfWeekDisabled,function(t){return parseInt(t,10)}),this.update(),this.updateNavArrows()},place:function(){if(!this.isInline){var e=0;t("div").each(function(){var i=parseInt(t(this).css("zIndex"),10);i>e&&(e=i)});var i,s,n,a=e+10;this.component?(i=this.component.offset(),n=i.left,"bottom-left"!==this.pickerPosition&&"top-left"!==this.pickerPosition&&"auto-left"!==this.pickerPosition||(n+=this.component.outerWidth()-this.picker.outerWidth())):(i=this.element.offset(),n=i.left);var o=0===this.pickerPosition.indexOf("auto-"),r=o?(i.top+this.picker.outerHeight()>t(window).height()+t(window).scrollTop()?"top":"bottom")+(0===this.pickerPosition.lastIndexOf("-left")?"-left":"-right"):this.pickerPosition;s="top-left"===r||"top-right"===r?i.top-this.picker.outerHeight():i.top+this.height,this.picker.css({top:s,left:n,zIndex:a}).attr("class","datetimepicker dropdown-menu datetimepicker-dropdown-"+r),this.pickerClass&&this.picker.addClass(this.pickerClass),this.pickerId&&this.picker.attr("id",this.pickerId)}},update:function(){var t,e=!1;arguments&&arguments.length&&("string"==typeof arguments[0]||arguments[0]instanceof Date)?(t=arguments[0],e=!0):(t=this.element.data("date")||(this.isInput?this.element.val():this.element.find("input").val())||this.initialDate,("string"==typeof t||t instanceof String)&&(t=t.replace(/^\s+|\s+$/g,""))),t||(t=new Date,e=!1),this.date=n.parseDate(t,this.format,this.language,this.formatType),e&&this.setValue(),this.date<this.startDate?this.viewDate=new Date(this.startDate):this.date>this.endDate?this.viewDate=new Date(this.endDate):this.viewDate=new Date(this.date),this.fill()},fillDow:function(){for(var t=this.weekStart,e="<tr>";t<this.weekStart+7;)e+='<th class="dow">'+s[this.language].daysMin[t++%7]+"</th>";e+="</tr>",this.picker.find(".datetimepicker-days thead").append(e)},fillMonths:function(){for(var t="",e=0;e<12;)t+='<span class="month">'+s[this.language].monthsShort[e++]+"</span>";this.picker.find(".datetimepicker-months td").html(t)},fill:function(){if(null!=this.date&&null!=this.viewDate){var i=new Date(this.viewDate),a=i.getUTCFullYear(),o=i.getUTCMonth(),r=i.getUTCDate(),l=i.getUTCHours(),h=i.getUTCMinutes(),c=this.startDate!==-(1/0)?this.startDate.getUTCFullYear():-(1/0),d=this.startDate!==-(1/0)?this.startDate.getUTCMonth():-(1/0),u=this.endDate!==1/0?this.endDate.getUTCFullYear():1/0,p=this.endDate!==1/0?this.endDate.getUTCMonth():1/0,f=new e(this.date.getUTCFullYear(),this.date.getUTCMonth(),this.date.getUTCDate()).valueOf(),g=new Date;if(this.picker.find(".datetimepicker-days thead th:eq(1)").text(s[this.language].months[o]+" "+a),"time"==this.formatViewType){var m=l%12?l%12:12,v=(m<10?"0":"")+m,y=(h<10?"0":"")+h,b=s[this.language].meridiem[l<12?0:1];this.picker.find(".datetimepicker-hours thead th:eq(1)").text(v+":"+y+" "+b.toUpperCase()),this.picker.find(".datetimepicker-minutes thead th:eq(1)").text(v+":"+y+" "+b.toUpperCase())}else this.picker.find(".datetimepicker-hours thead th:eq(1)").text(r+" "+s[this.language].months[o]+" "+a),this.picker.find(".datetimepicker-minutes thead th:eq(1)").text(r+" "+s[this.language].months[o]+" "+a);this.picker.find("tfoot th.today").text(s[this.language].today).toggle(this.todayBtn!==!1),this.updateNavArrows(),this.fillMonths();var w=e(a,o-1,28,0,0,0,0),x=n.getDaysInMonth(w.getUTCFullYear(),w.getUTCMonth());w.setUTCDate(x),w.setUTCDate(x-(w.getUTCDay()-this.weekStart+7)%7);var _=new Date(w);_.setUTCDate(_.getUTCDate()+42),_=_.valueOf();for(var C,k=[];w.valueOf()<_;)w.getUTCDay()==this.weekStart&&k.push("<tr>"),C="",w.getUTCFullYear()<a||w.getUTCFullYear()==a&&w.getUTCMonth()<o?C+=" old":(w.getUTCFullYear()>a||w.getUTCFullYear()==a&&w.getUTCMonth()>o)&&(C+=" new"),this.todayHighlight&&w.getUTCFullYear()==g.getFullYear()&&w.getUTCMonth()==g.getMonth()&&w.getUTCDate()==g.getDate()&&(C+=" today"),w.valueOf()==f&&(C+=" active"),(w.valueOf()+864e5<=this.startDate||w.valueOf()>this.endDate||t.inArray(w.getUTCDay(),this.daysOfWeekDisabled)!==-1)&&(C+=" disabled"),k.push('<td class="day'+C+'">'+w.getUTCDate()+"</td>"),w.getUTCDay()==this.weekEnd&&k.push("</tr>"),w.setUTCDate(w.getUTCDate()+1);this.picker.find(".datetimepicker-days tbody").empty().append(k.join("")),k=[];for(var T="",S="",D="",M=0;M<24;M++){var P=e(a,o,r,M);C="",P.valueOf()+36e5<=this.startDate||P.valueOf()>this.endDate?C+=" disabled":l==M&&(C+=" active"),this.showMeridian&&2==s[this.language].meridiem.length?(S=M<12?s[this.language].meridiem[0]:s[this.language].meridiem[1],S!=D&&(""!=D&&k.push("</fieldset>"),k.push('<fieldset class="hour"><legend>'+S.toUpperCase()+"</legend>")),D=S,T=M%12?M%12:12,k.push('<span class="hour'+C+" hour_"+(M<12?"am":"pm")+'">'+T+"</span>"),23==M&&k.push("</fieldset>")):(T=M+":00",k.push('<span class="hour'+C+'">'+T+"</span>"))}this.picker.find(".datetimepicker-hours td").html(k.join("")),k=[],T="",S="",D="";for(var M=0;M<60;M+=this.minuteStep){var P=e(a,o,r,l,M,0);C="",P.valueOf()<this.startDate||P.valueOf()>this.endDate?C+=" disabled":Math.floor(h/this.minuteStep)==Math.floor(M/this.minuteStep)&&(C+=" active"),this.showMeridian&&2==s[this.language].meridiem.length?(S=l<12?s[this.language].meridiem[0]:s[this.language].meridiem[1],S!=D&&(""!=D&&k.push("</fieldset>"),k.push('<fieldset class="minute"><legend>'+S.toUpperCase()+"</legend>")),D=S,T=l%12?l%12:12,k.push('<span class="minute'+C+'">'+T+":"+(M<10?"0"+M:M)+"</span>"),59==M&&k.push("</fieldset>")):(T=M+":00",k.push('<span class="minute'+C+'">'+l+":"+(M<10?"0"+M:M)+"</span>"))}this.picker.find(".datetimepicker-minutes td").html(k.join(""));var F=this.date.getUTCFullYear(),L=this.picker.find(".datetimepicker-months").find("th:eq(1)").text(a).end().find("span").removeClass("active");F==a&&L.eq(this.date.getUTCMonth()).addClass("active"),(a<c||a>u)&&L.addClass("disabled"),a==c&&L.slice(0,d).addClass("disabled"),a==u&&L.slice(p+1).addClass("disabled"),k="",a=10*parseInt(a/10,10);var z=this.picker.find(".datetimepicker-years").find("th:eq(1)").text(a+"-"+(a+9)).end().find("td");a-=1;for(var M=-1;M<11;M++)k+='<span class="year'+(M==-1||10==M?" old":"")+(F==a?" active":"")+(a<c||a>u?" disabled":"")+'">'+a+"</span>",a+=1;z.html(k),this.place()}},updateNavArrows:function(){var t=new Date(this.viewDate),e=t.getUTCFullYear(),i=t.getUTCMonth(),s=t.getUTCDate(),n=t.getUTCHours();switch(this.viewMode){case 0:this.startDate!==-(1/0)&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()&&s<=this.startDate.getUTCDate()&&n<=this.startDate.getUTCHours()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),this.endDate!==1/0&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()&&s>=this.endDate.getUTCDate()&&n>=this.endDate.getUTCHours()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 1:this.startDate!==-(1/0)&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()&&s<=this.startDate.getUTCDate()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),this.endDate!==1/0&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()&&s>=this.endDate.getUTCDate()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 2:this.startDate!==-(1/0)&&e<=this.startDate.getUTCFullYear()&&i<=this.startDate.getUTCMonth()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),this.endDate!==1/0&&e>=this.endDate.getUTCFullYear()&&i>=this.endDate.getUTCMonth()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"});break;case 3:case 4:this.startDate!==-(1/0)&&e<=this.startDate.getUTCFullYear()?this.picker.find(".prev").css({visibility:"hidden"}):this.picker.find(".prev").css({visibility:"visible"}),this.endDate!==1/0&&e>=this.endDate.getUTCFullYear()?this.picker.find(".next").css({visibility:"hidden"}):this.picker.find(".next").css({visibility:"visible"})}},mousewheel:function(e){if(e.preventDefault(),e.stopPropagation(),!this.wheelPause){this.wheelPause=!0;var i=e.originalEvent,s=i.wheelDelta,n=s>0?1:0===s?0:-1;this.wheelViewModeNavigationInverseDirection&&(n=-n),this.showMode(n),setTimeout(t.proxy(function(){this.wheelPause=!1},this),this.wheelViewModeNavigationDelay)}},click:function(i){i.stopPropagation(),i.preventDefault();var s=t(i.target).closest("span, td, th, legend");if(1==s.length){if(s.is(".disabled"))return void this.element.trigger({type:"outOfRange",date:this.viewDate,startDate:this.startDate,endDate:this.endDate});switch(s[0].nodeName.toLowerCase()){case"th":switch(s[0].className){case"switch":this.showMode(1);break;case"prev":case"next":var a=n.modes[this.viewMode].navStep*("prev"==s[0].className?-1:1);switch(this.viewMode){case 0:this.viewDate=this.moveHour(this.viewDate,a);break;case 1:this.viewDate=this.moveDate(this.viewDate,a);break;case 2:this.viewDate=this.moveMonth(this.viewDate,a);break;case 3:case 4:this.viewDate=this.moveYear(this.viewDate,a)}this.fill();break;case"today":var o=new Date;o=e(o.getFullYear(),o.getMonth(),o.getDate(),o.getHours(),o.getMinutes(),o.getSeconds(),0),o<this.startDate?o=this.startDate:o>this.endDate&&(o=this.endDate),this.viewMode=this.startViewMode,this.showMode(0),this._setDate(o),this.fill(),this.autoclose&&this.hide()}break;case"span":if(!s.is(".disabled")){var r=this.viewDate.getUTCFullYear(),l=this.viewDate.getUTCMonth(),h=this.viewDate.getUTCDate(),c=this.viewDate.getUTCHours(),d=this.viewDate.getUTCMinutes(),u=this.viewDate.getUTCSeconds();if(s.is(".month")?(this.viewDate.setUTCDate(1),l=s.parent().find("span").index(s),h=this.viewDate.getUTCDate(),this.viewDate.setUTCMonth(l),this.element.trigger({type:"changeMonth",date:this.viewDate}),this.viewSelect>=3&&this._setDate(e(r,l,h,c,d,u,0))):s.is(".year")?(this.viewDate.setUTCDate(1),r=parseInt(s.text(),10)||0,this.viewDate.setUTCFullYear(r),this.element.trigger({type:"changeYear",date:this.viewDate}),this.viewSelect>=4&&this._setDate(e(r,l,h,c,d,u,0))):s.is(".hour")?(c=parseInt(s.text(),10)||0,(s.hasClass("hour_am")||s.hasClass("hour_pm"))&&(12==c&&s.hasClass("hour_am")?c=0:12!=c&&s.hasClass("hour_pm")&&(c+=12)),this.viewDate.setUTCHours(c),this.element.trigger({type:"changeHour",date:this.viewDate}),this.viewSelect>=1&&this._setDate(e(r,l,h,c,d,u,0))):s.is(".minute")&&(d=parseInt(s.text().substr(s.text().indexOf(":")+1),10)||0,this.viewDate.setUTCMinutes(d),this.element.trigger({type:"changeMinute",date:this.viewDate}),this.viewSelect>=0&&this._setDate(e(r,l,h,c,d,u,0))),0!=this.viewMode){var p=this.viewMode;this.showMode(-1),this.fill(),p==this.viewMode&&this.autoclose&&this.hide()}else this.fill(),this.autoclose&&this.hide()}break;case"td":if(s.is(".day")&&!s.is(".disabled")){var h=parseInt(s.text(),10)||1,r=this.viewDate.getUTCFullYear(),l=this.viewDate.getUTCMonth(),c=this.viewDate.getUTCHours(),d=this.viewDate.getUTCMinutes(),u=this.viewDate.getUTCSeconds();s.is(".old")?0===l?(l=11,r-=1):l-=1:s.is(".new")&&(11==l?(l=0,r+=1):l+=1),this.viewDate.setUTCFullYear(r),this.viewDate.setUTCMonth(l,h),this.element.trigger({type:"changeDay",date:this.viewDate}),this.viewSelect>=2&&this._setDate(e(r,l,h,c,d,u,0))}var p=this.viewMode;this.showMode(-1),this.fill(),p==this.viewMode&&this.autoclose&&this.hide()}}},_setDate:function(t,e){e&&"date"!=e||(this.date=t),e&&"view"!=e||(this.viewDate=t),this.fill(),this.setValue();var i;this.isInput?i=this.element:this.component&&(i=this.element.find("input")),i&&(i.change(),this.autoclose&&(!e||"date"==e)),this.element.trigger({type:"changeDate",date:this.date}),null===t&&(this.date=this.viewDate)},moveMinute:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCMinutes(i.getUTCMinutes()+e*this.minuteStep),i},moveHour:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCHours(i.getUTCHours()+e),i},moveDate:function(t,e){if(!e)return t;var i=new Date(t.valueOf());return i.setUTCDate(i.getUTCDate()+e),i},moveMonth:function(t,e){if(!e)return t;var i,s,n=new Date(t.valueOf()),a=n.getUTCDate(),o=n.getUTCMonth(),r=Math.abs(e);if(e=e>0?1:-1,1==r)s=e==-1?function(){return n.getUTCMonth()==o}:function(){return n.getUTCMonth()!=i},i=o+e,n.setUTCMonth(i),(i<0||i>11)&&(i=(i+12)%12);else{for(var l=0;l<r;l++)n=this.moveMonth(n,e);i=n.getUTCMonth(),n.setUTCDate(a),s=function(){return i!=n.getUTCMonth()}}for(;s();)n.setUTCDate(--a),n.setUTCMonth(i);return n},moveYear:function(t,e){return this.moveMonth(t,12*e)},dateWithinRange:function(t){return t>=this.startDate&&t<=this.endDate},keydown:function(t){if(this.picker.is(":not(:visible)"))return void(27==t.keyCode&&this.show());var e,i,s,n=!1;switch(t.keyCode){case 27:this.hide(),t.preventDefault();break;case 37:case 39:if(!this.keyboardNavigation)break;e=37==t.keyCode?-1:1,viewMode=this.viewMode,t.ctrlKey?viewMode+=2:t.shiftKey&&(viewMode+=1),4==viewMode?(i=this.moveYear(this.date,e),s=this.moveYear(this.viewDate,e)):3==viewMode?(i=this.moveMonth(this.date,e),s=this.moveMonth(this.viewDate,e)):2==viewMode?(i=this.moveDate(this.date,e),s=this.moveDate(this.viewDate,e)):1==viewMode?(i=this.moveHour(this.date,e),s=this.moveHour(this.viewDate,e)):0==viewMode&&(i=this.moveMinute(this.date,e),s=this.moveMinute(this.viewDate,e)),this.dateWithinRange(i)&&(this.date=i,this.viewDate=s,this.setValue(),this.update(),t.preventDefault(),n=!0);break;case 38:case 40:if(!this.keyboardNavigation)break;e=38==t.keyCode?-1:1,viewMode=this.viewMode,t.ctrlKey?viewMode+=2:t.shiftKey&&(viewMode+=1),4==viewMode?(i=this.moveYear(this.date,e),s=this.moveYear(this.viewDate,e)):3==viewMode?(i=this.moveMonth(this.date,e),s=this.moveMonth(this.viewDate,e)):2==viewMode?(i=this.moveDate(this.date,7*e),s=this.moveDate(this.viewDate,7*e)):1==viewMode?this.showMeridian?(i=this.moveHour(this.date,6*e),s=this.moveHour(this.viewDate,6*e)):(i=this.moveHour(this.date,4*e),s=this.moveHour(this.viewDate,4*e)):0==viewMode&&(i=this.moveMinute(this.date,4*e),s=this.moveMinute(this.viewDate,4*e)),this.dateWithinRange(i)&&(this.date=i,this.viewDate=s,this.setValue(),this.update(),t.preventDefault(),n=!0);break;case 13:if(0!=this.viewMode){var a=this.viewMode;this.showMode(-1),this.fill(),a==this.viewMode&&this.autoclose&&this.hide()}else this.fill(),this.autoclose&&this.hide();t.preventDefault();break;case 9:this.hide()}if(n){var o;this.isInput?o=this.element:this.component&&(o=this.element.find("input")),o&&o.change(),this.element.trigger({type:"changeDate",date:this.date})}},showMode:function(t){if(t){var e=Math.max(0,Math.min(n.modes.length-1,this.viewMode+t));e>=this.minView&&e<=this.maxView&&(this.element.trigger({type:"changeMode",date:this.viewDate,oldViewMode:this.viewMode,newViewMode:e}),this.viewMode=e)}this.picker.find(">div").hide().filter(".datetimepicker-"+n.modes[this.viewMode].clsName).css("display","block"),this.updateNavArrows()},reset:function(t){this._setDate(null,"date")}},t.fn.datetimepicker=function(e){var s=Array.apply(null,arguments);return s.shift(),this.each(function(){var n=t(this),a=n.data("datetimepicker"),o="object"==typeof e&&e;a||n.data("datetimepicker",a=new i(this,t.extend({},t.fn.datetimepicker.defaults,n.data(),o))),"string"==typeof e&&"function"==typeof a[e]&&a[e].apply(a,s)})},t.fn.datetimepicker.defaults={pickerPosition:"auto-right"},t.fn.datetimepicker.Constructor=i;var s=t.fn.datetimepicker.dates={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat","Sun"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa","Su"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],meridiem:["am","pm"],suffix:["st","nd","rd","th"],today:"Today"}};s["zh-cn"]={days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"],daysShort:["周日","周一","周二","周三","周四","周五","周六","周日"],daysMin:["日","一","二","三","四","五","六","日"],months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],today:"今日",suffix:[],meridiem:[]},s["zh-tw"]={days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"],daysShort:["周日","周一","周二","周三","周四","周五","周六","周日"],daysMin:["日","一","二","三","四","五","六","日"],months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],today:"今天",suffix:[],meridiem:["上午","下午"]};var n={modes:[{clsName:"minutes",navFnc:"Hours",navStep:1},{clsName:"hours",navFnc:"Date",navStep:1},{clsName:"days",navFnc:"Month",navStep:1},{clsName:"months",navFnc:"FullYear",navStep:1},{clsName:"years",navFnc:"FullYear",navStep:10}],isLeapYear:function(t){return t%4===0&&t%100!==0||t%400===0},getDaysInMonth:function(t,e){return[31,n.isLeapYear(t)?29:28,31,30,31,30,31,31,30,31,30,31][e]},getDefaultFormat:function(t,e){if("standard"==t)return"input"==e?"yyyy-mm-dd hh:ii":"yyyy-mm-dd hh:ii:ss";if("php"==t)return"input"==e?"Y-m-d H:i":"Y-m-d H:i:s";throw new Error("Invalid format type.")},validParts:function(t){if("standard"==t)return/hh?|HH?|p|P|ii?|ss?|dd?|DD?|mm?|MM?|yy(?:yy)?/g;if("php"==t)return/[dDjlNwzFmMnStyYaABgGhHis]/g;throw new Error("Invalid format type.")},nonpunctuation:/[^ -\/:-@\[-`{-~\t\n\rTZ]+/g,parseFormat:function(t,e){var i=t.replace(this.validParts(e),"\0").split("\0"),s=t.match(this.validParts(e));if(!i||!i.length||!s||0==s.length)throw new Error("Invalid date format.");return{separators:i,parts:s}},parseDate:function(n,a,o,r){if(n instanceof Date){var l=new Date(n.valueOf()-6e4*n.getTimezoneOffset());return l.setMilliseconds(0),l}if(/^\d{4}\-\d{1,2}\-\d{1,2}$/.test(n)&&(a=this.parseFormat("yyyy-mm-dd",r)),/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}$/.test(n)&&(a=this.parseFormat("yyyy-mm-dd hh:ii",r)),/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}\:\d{1,2}[Z]{0,1}$/.test(n)&&(a=this.parseFormat("yyyy-mm-dd hh:ii:ss",r)),/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(n)){var h,c,d=/([-+]\d+)([dmwy])/,u=n.match(/([-+]\d+)([dmwy])/g);n=new Date;for(var p=0;p<u.length;p++)switch(h=d.exec(u[p]),c=parseInt(h[1]),h[2]){case"d":n.setUTCDate(n.getUTCDate()+c);break;case"m":n=i.prototype.moveMonth.call(i.prototype,n,c);break;case"w":n.setUTCDate(n.getUTCDate()+7*c);break;case"y":n=i.prototype.moveYear.call(i.prototype,n,c)}return e(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate(),n.getUTCHours(),n.getUTCMinutes(),n.getUTCSeconds(),0)}var f,g,h,u=n&&n.match(this.nonpunctuation)||[],n=new Date(0,0,0,0,0,0,0),m={},v=["hh","h","ii","i","ss","s","yyyy","yy","M","MM","m","mm","D","DD","d","dd","H","HH","p","P"],y={hh:function(t,e){return t.setUTCHours(e)},h:function(t,e){return t.setUTCHours(e)},HH:function(t,e){return t.setUTCHours(12==e?0:e)},H:function(t,e){return t.setUTCHours(12==e?0:e)},ii:function(t,e){return t.setUTCMinutes(e)},i:function(t,e){return t.setUTCMinutes(e)},ss:function(t,e){return t.setUTCSeconds(e)},s:function(t,e){return t.setUTCSeconds(e)},yyyy:function(t,e){return t.setUTCFullYear(e)},yy:function(t,e){return t.setUTCFullYear(2e3+e)},m:function(t,e){for(e-=1;e<0;)e+=12;for(e%=12,t.setUTCMonth(e);t.getUTCMonth()!=e;)t.setUTCDate(t.getUTCDate()-1);return t},d:function(t,e){return t.setUTCDate(e)},p:function(t,e){return t.setUTCHours(1==e?t.getUTCHours()+12:t.getUTCHours())}};if(y.M=y.MM=y.mm=y.m,y.dd=y.d,y.P=y.p,n=e(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),u.length==a.parts.length){for(var p=0,b=a.parts.length;p<b;p++){if(f=parseInt(u[p],10),h=a.parts[p],isNaN(f))switch(h){case"MM":g=t(s[o].months).filter(function(){var t=this.slice(0,u[p].length),e=u[p].slice(0,t.length);return t==e}),f=t.inArray(g[0],s[o].months)+1;break;case"M":g=t(s[o].monthsShort).filter(function(){var t=this.slice(0,u[p].length),e=u[p].slice(0,t.length);return t==e}),f=t.inArray(g[0],s[o].monthsShort)+1;break;case"p":case"P":f=t.inArray(u[p].toLowerCase(),s[o].meridiem)}m[h]=f}for(var w,p=0;p<v.length;p++)w=v[p],w in m&&!isNaN(m[w])&&y[w](n,m[w])}return n},formatDate:function(e,i,a,o){if(null==e)return"";var r;if("standard"==o)r={yy:e.getUTCFullYear().toString().substring(2),yyyy:e.getUTCFullYear(),m:e.getUTCMonth()+1,M:s[a].monthsShort[e.getUTCMonth()],MM:s[a].months[e.getUTCMonth()],d:e.getUTCDate(),D:s[a].daysShort[e.getUTCDay()],DD:s[a].days[e.getUTCDay()],p:2==s[a].meridiem.length?s[a].meridiem[e.getUTCHours()<12?0:1]:"",h:e.getUTCHours(),i:e.getUTCMinutes(),s:e.getUTCSeconds()},2==s[a].meridiem.length?r.H=r.h%12==0?12:r.h%12:r.H=r.h,r.HH=(r.H<10?"0":"")+r.H,r.P=r.p.toUpperCase(),r.hh=(r.h<10?"0":"")+r.h,r.ii=(r.i<10?"0":"")+r.i,r.ss=(r.s<10?"0":"")+r.s,r.dd=(r.d<10?"0":"")+r.d,r.mm=(r.m<10?"0":"")+r.m;else{if("php"!=o)throw new Error("Invalid format type.");r={y:e.getUTCFullYear().toString().substring(2),Y:e.getUTCFullYear(),F:s[a].months[e.getUTCMonth()],M:s[a].monthsShort[e.getUTCMonth()],n:e.getUTCMonth()+1,t:n.getDaysInMonth(e.getUTCFullYear(),e.getUTCMonth()),j:e.getUTCDate(),l:s[a].days[e.getUTCDay()],D:s[a].daysShort[e.getUTCDay()],w:e.getUTCDay(),N:0==e.getUTCDay()?7:e.getUTCDay(),S:e.getUTCDate()%10<=s[a].suffix.length?s[a].suffix[e.getUTCDate()%10-1]:"",a:2==s[a].meridiem.length?s[a].meridiem[e.getUTCHours()<12?0:1]:"",g:e.getUTCHours()%12==0?12:e.getUTCHours()%12,G:e.getUTCHours(),i:e.getUTCMinutes(),s:e.getUTCSeconds()},r.m=(r.n<10?"0":"")+r.n,r.d=(r.j<10?"0":"")+r.j,r.A=r.a.toString().toUpperCase(),r.h=(r.g<10?"0":"")+r.g,r.H=(r.G<10?"0":"")+r.G,r.i=(r.i<10?"0":"")+r.i,r.s=(r.s<10?"0":"")+r.s}for(var e=[],l=t.extend([],i.separators),h=0,c=i.parts.length;h<c;h++)l.length&&e.push(l.shift()),e.push(r[i.parts[h]]);return l.length&&e.push(l.shift()),e.join("")},convertViewMode:function(t){switch(t){case 4:case"decade":t=4;break;case 3:case"year":t=3;break;case 2:case"month":t=2;break;case 1:case"day":t=1;break;case 0:case"hour":t=0}return t},headTemplate:'<thead><tr><th class="prev"><i class="icon-arrow-left"/></th><th colspan="5" class="switch"></th><th class="next"><i class="icon-arrow-right"/></th></tr></thead>',contTemplate:'<tbody><tr><td colspan="7"></td></tr></tbody>',footTemplate:'<tfoot><tr><th colspan="7" class="today"></th></tr></tfoot>'};n.template='<div class="datetimepicker"><div class="datetimepicker-minutes"><table class=" table-condensed">'+n.headTemplate+n.contTemplate+n.footTemplate+'</table></div><div class="datetimepicker-hours"><table class=" table-condensed">'+n.headTemplate+n.contTemplate+n.footTemplate+'</table></div><div class="datetimepicker-days"><table class=" table-condensed">'+n.headTemplate+"<tbody></tbody>"+n.footTemplate+'</table></div><div class="datetimepicker-months"><table class="table-condensed">'+n.headTemplate+n.contTemplate+n.footTemplate+'</table></div><div class="datetimepicker-years"><table class="table-condensed">'+n.headTemplate+n.contTemplate+n.footTemplate+"</table></div></div>",t.fn.datetimepicker.DPGlobal=n,t.fn.datetimepicker.noConflict=function(){return t.fn.datetimepicker=old,this},t(document).on("focus.datetimepicker.data-api click.datetimepicker.data-api",'[data-provide="datetimepicker"]',function(e){
-var i=t(this);i.data("datetimepicker")||(e.preventDefault(),i.datetimepicker("show"))}),t(function(){t('[data-provide="datetimepicker-inline"]').datetimepicker()})}(window.jQuery),/*!
+
+! function($) {
+
+    function UTCDate() {
+        return new Date(Date.UTC.apply(Date, arguments));
+    }
+
+    function UTCToday() {
+        var today = new Date();
+        return UTCDate(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate(), today.getUTCHours(), today.getUTCMinutes(), today.getUTCSeconds(), 0);
+    }
+
+    // Picker object
+
+    var Datetimepicker = function(element, options) {
+        var that = this;
+
+        this.element = $(element);
+
+        this.language = (options.language || this.element.data('date-language') || ($.zui && $.zui.clientLang ? $.zui.clientLang().replace('_', '-') : "zh-cn")).toLowerCase();
+        this.language = this.language in dates ? this.language : "en";
+        this.isRTL = dates[this.language].rtl || false;
+        this.formatType = options.formatType || this.element.data('format-type') || 'standard';
+        this.format = DPGlobal.parseFormat(options.format || this.element.data('date-format') || dates[this.language].format || DPGlobal.getDefaultFormat(this.formatType, 'input'), this.formatType);
+        this.isInline = false;
+        this.isVisible = false;
+        this.isInput = this.element.is('input');
+
+        this.component = this.element.is('.date') ? this.element.find('.input-group-addon .icon-th, .input-group-addon .icon-time, .input-group-addon .icon-calendar').parent() : false;
+        this.componentReset = this.element.is('.date') ? this.element.find('.input-group-addon .icon-remove').parent() : false;
+        this.hasInput = this.component && this.element.find('input').length;
+        if(this.component && this.component.length === 0) {
+            this.component = false;
+        }
+        this.linkField = options.linkField || this.element.data('link-field') || false;
+        this.linkFormat = DPGlobal.parseFormat(options.linkFormat || this.element.data('link-format') || DPGlobal.getDefaultFormat(this.formatType, 'link'), this.formatType);
+        this.minuteStep = options.minuteStep || this.element.data('minute-step') || 5;
+        this.pickerPosition = options.pickerPosition || this.element.data('picker-position') || 'bottom-right';
+        this.showMeridian = options.showMeridian || this.element.data('show-meridian') || false;
+        this.initialDate = options.initialDate || new Date();
+        this.pickerClass = options.eleClass;
+        this.pickerId = options.eleId;
+
+        this._attachEvents();
+
+        this.formatViewType = "datetime";
+        if('formatViewType' in options) {
+            this.formatViewType = options.formatViewType;
+        } else if('formatViewType' in this.element.data()) {
+            this.formatViewType = this.element.data('formatViewType');
+        }
+
+        this.minView = 0;
+        if('minView' in options) {
+            this.minView = options.minView;
+        } else if('minView' in this.element.data()) {
+            this.minView = this.element.data('min-view');
+        }
+        this.minView = DPGlobal.convertViewMode(this.minView);
+
+        this.maxView = DPGlobal.modes.length - 1;
+        if('maxView' in options) {
+            this.maxView = options.maxView;
+        } else if('maxView' in this.element.data()) {
+            this.maxView = this.element.data('max-view');
+        }
+        this.maxView = DPGlobal.convertViewMode(this.maxView);
+
+        this.wheelViewModeNavigation = false;
+        if('wheelViewModeNavigation' in options) {
+            this.wheelViewModeNavigation = options.wheelViewModeNavigation;
+        } else if('wheelViewModeNavigation' in this.element.data()) {
+            this.wheelViewModeNavigation = this.element.data('view-mode-wheel-navigation');
+        }
+
+        this.wheelViewModeNavigationInverseDirection = false;
+
+        if('wheelViewModeNavigationInverseDirection' in options) {
+            this.wheelViewModeNavigationInverseDirection = options.wheelViewModeNavigationInverseDirection;
+        } else if('wheelViewModeNavigationInverseDirection' in this.element.data()) {
+            this.wheelViewModeNavigationInverseDirection = this.element.data('view-mode-wheel-navigation-inverse-dir');
+        }
+
+        this.wheelViewModeNavigationDelay = 100;
+        if('wheelViewModeNavigationDelay' in options) {
+            this.wheelViewModeNavigationDelay = options.wheelViewModeNavigationDelay;
+        } else if('wheelViewModeNavigationDelay' in this.element.data()) {
+            this.wheelViewModeNavigationDelay = this.element.data('view-mode-wheel-navigation-delay');
+        }
+
+        this.startViewMode = 2;
+        if('startView' in options) {
+            this.startViewMode = options.startView;
+        } else if('startView' in this.element.data()) {
+            this.startViewMode = this.element.data('start-view');
+        }
+        this.startViewMode = DPGlobal.convertViewMode(this.startViewMode);
+        this.viewMode = this.startViewMode;
+
+        this.viewSelect = this.minView;
+        if('viewSelect' in options) {
+            this.viewSelect = options.viewSelect;
+        } else if('viewSelect' in this.element.data()) {
+            this.viewSelect = this.element.data('view-select');
+        }
+        this.viewSelect = DPGlobal.convertViewMode(this.viewSelect);
+
+        this.forceParse = true;
+        if('forceParse' in options) {
+            this.forceParse = options.forceParse;
+        } else if('dateForceParse' in this.element.data()) {
+            this.forceParse = this.element.data('date-force-parse');
+        }
+
+        this.picker = $(DPGlobal.template)
+            .appendTo(this.isInline ? this.element : 'body')
+            .on({
+                click: $.proxy(this.click, this),
+                mousedown: $.proxy(this.mousedown, this)
+            });
+
+        if(this.wheelViewModeNavigation) {
+            if($.fn.mousewheel) {
+                this.picker.on({
+                    mousewheel: $.proxy(this.mousewheel, this)
+                });
+            } else {
+                console.log("Mouse Wheel event is not supported. Please include the jQuery Mouse Wheel plugin before enabling this option");
+            }
+        }
+
+        if(this.isInline) {
+            this.picker.addClass('datetimepicker-inline');
+        } else {
+            this.picker.addClass('datetimepicker-dropdown-' + this.pickerPosition + ' dropdown-menu');
+        }
+        if(this.isRTL) {
+            this.picker.addClass('datetimepicker-rtl');
+            this.picker.find('.prev span, .next span')
+                .toggleClass('icon-arrow-left icon-arrow-right');;
+
+        }
+        $(document).on('mousedown', function(e) {
+            // Clicked outside the datetimepicker, hide it
+            if($(e.target).closest('.datetimepicker').length === 0) {
+                that.hide();
+            }
+        });
+
+        this.autoclose = false;
+        if('autoclose' in options) {
+            this.autoclose = options.autoclose;
+        } else if('dateAutoclose' in this.element.data()) {
+            this.autoclose = this.element.data('date-autoclose');
+        }
+
+        this.keyboardNavigation = true;
+        if('keyboardNavigation' in options) {
+            this.keyboardNavigation = options.keyboardNavigation;
+        } else if('dateKeyboardNavigation' in this.element.data()) {
+            this.keyboardNavigation = this.element.data('date-keyboard-navigation');
+        }
+
+        this.todayBtn = (options.todayBtn || this.element.data('date-today-btn') || false);
+        this.todayHighlight = (options.todayHighlight || this.element.data('date-today-highlight') || false);
+
+        this.weekStart = ((options.weekStart || this.element.data('date-weekstart') || dates[this.language].weekStart || 0) % 7);
+        this.weekEnd = ((this.weekStart + 6) % 7);
+        this.startDate = -Infinity;
+        this.endDate = Infinity;
+        this.daysOfWeekDisabled = [];
+        this.setStartDate(options.startDate || this.element.data('date-startdate'));
+        this.setEndDate(options.endDate || this.element.data('date-enddate'));
+        this.setDaysOfWeekDisabled(options.daysOfWeekDisabled || this.element.data('date-days-of-week-disabled'));
+        this.fillDow();
+        this.fillMonths();
+        this.update();
+        this.showMode();
+
+        if(this.isInline) {
+            this.show();
+        }
+    };
+
+    Datetimepicker.prototype = {
+        constructor: Datetimepicker,
+
+        _events: [],
+        _attachEvents: function() {
+            this._detachEvents();
+            if(this.isInput) { // single input
+                this._events = [
+                    [this.element, {
+                        focus: $.proxy(this.show, this),
+                        keyup: $.proxy(this.update, this),
+                        keydown: $.proxy(this.keydown, this)
+                    }]
+                ];
+            } else if(this.component && this.hasInput) { // component: input + button
+                this._events = [
+                    // For components that are not readonly, allow keyboard nav
+                    [this.element.find('input'), {
+                        focus: $.proxy(this.show, this),
+                        keyup: $.proxy(this.update, this),
+                        keydown: $.proxy(this.keydown, this)
+                    }],
+                    [this.component, {
+                        click: $.proxy(this.show, this)
+                    }]
+                ];
+                if(this.componentReset) {
+                    this._events.push([
+                        this.componentReset, {
+                            click: $.proxy(this.reset, this)
+                        }
+                    ]);
+                }
+            } else if(this.element.is('div')) { // inline datetimepicker
+                this.isInline = true;
+            } else {
+                this._events = [
+                    [this.element, {
+                        click: $.proxy(this.show, this)
+                    }]
+                ];
+            }
+            for(var i = 0, el, ev; i < this._events.length; i++) {
+                el = this._events[i][0];
+                ev = this._events[i][1];
+                el.on(ev);
+            }
+        },
+
+        _detachEvents: function() {
+            for(var i = 0, el, ev; i < this._events.length; i++) {
+                el = this._events[i][0];
+                ev = this._events[i][1];
+                el.off(ev);
+            }
+            this._events = [];
+        },
+
+        show: function(e) {
+            this.picker.show();
+            this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
+            if(this.forceParse) {
+                this.update();
+            }
+            this.place();
+            $(window).on('resize', $.proxy(this.place, this));
+            if(e) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+            this.isVisible = true;
+            this.element.trigger({
+                type: 'show',
+                date: this.date
+            });
+        },
+
+        hide: function(e) {
+            if(!this.isVisible) return;
+            if(this.isInline) return;
+            this.picker.hide();
+            $(window).off('resize', this.place);
+            this.viewMode = this.startViewMode;
+            this.showMode();
+            if(!this.isInput) {
+                $(document).off('mousedown', this.hide);
+            }
+
+            if(
+                this.forceParse &&
+                (
+                    this.isInput && this.element.val() ||
+                    this.hasInput && this.element.find('input').val()
+                )
+            )
+                this.setValue();
+            this.isVisible = false;
+            this.element.trigger({
+                type: 'hide',
+                date: this.date
+            });
+        },
+
+        remove: function() {
+            this._detachEvents();
+            this.picker.remove();
+            delete this.picker;
+            delete this.element.data().datetimepicker;
+        },
+
+        getDate: function() {
+            var d = this.getUTCDate();
+            return new Date(d.getTime() + (d.getTimezoneOffset() * 60000));
+        },
+
+        getUTCDate: function() {
+            return this.date;
+        },
+
+        setDate: function(d) {
+            this.setUTCDate(new Date(d.getTime() - (d.getTimezoneOffset() * 60000)));
+        },
+
+        setUTCDate: function(d) {
+            if(d >= this.startDate && d <= this.endDate) {
+                this.date = d;
+                this.setValue();
+                this.viewDate = this.date;
+                this.fill();
+            } else {
+                this.element.trigger({
+                    type: 'outOfRange',
+                    date: d,
+                    startDate: this.startDate,
+                    endDate: this.endDate
+                });
+            }
+        },
+
+        setFormat: function(format) {
+            this.format = DPGlobal.parseFormat(format, this.formatType);
+            var element;
+            if(this.isInput) {
+                element = this.element;
+            } else if(this.component) {
+                element = this.element.find('input');
+            }
+            if(element && element.val()) {
+                this.setValue();
+            }
+        },
+
+        setValue: function() {
+            var formatted = this.getFormattedDate();
+            if(!this.isInput) {
+                if(this.component) {
+                    this.element.find('input').val(formatted);
+                }
+                this.element.data('date', formatted);
+            } else {
+                this.element.val(formatted);
+            }
+            if(this.linkField) {
+                $('#' + this.linkField).val(this.getFormattedDate(this.linkFormat));
+            }
+        },
+
+        getFormattedDate: function(format) {
+            if(format == undefined) format = this.format;
+            return DPGlobal.formatDate(this.date, format, this.language, this.formatType);
+        },
+
+        setStartDate: function(startDate) {
+            this.startDate = startDate || -Infinity;
+            if(this.startDate !== -Infinity) {
+                this.startDate = DPGlobal.parseDate(this.startDate, this.format, this.language, this.formatType);
+            }
+            this.update();
+            this.updateNavArrows();
+        },
+
+        setEndDate: function(endDate) {
+            this.endDate = endDate || Infinity;
+            if(this.endDate !== Infinity) {
+                this.endDate = DPGlobal.parseDate(this.endDate, this.format, this.language, this.formatType);
+            }
+            this.update();
+            this.updateNavArrows();
+        },
+
+        setDaysOfWeekDisabled: function(daysOfWeekDisabled) {
+            this.daysOfWeekDisabled = daysOfWeekDisabled || [];
+            if(!$.isArray(this.daysOfWeekDisabled)) {
+                this.daysOfWeekDisabled = this.daysOfWeekDisabled.split(/,\s*/);
+            }
+            this.daysOfWeekDisabled = $.map(this.daysOfWeekDisabled, function(d) {
+                return parseInt(d, 10);
+            });
+            this.update();
+            this.updateNavArrows();
+        },
+
+        place: function() {
+            if(this.isInline) return;
+
+            var index_highest = 0;
+            $('div').each(function() {
+                var index_current = parseInt($(this).css("zIndex"), 10);
+                if(index_current > index_highest) {
+                    index_highest = index_current;
+                }
+            });
+            var zIndex = index_highest + 10;
+
+            var offset, top, left;
+            if(this.component) {
+                offset = this.component.offset();
+                left = offset.left;
+                if(this.pickerPosition === 'bottom-left' || this.pickerPosition === 'top-left' || this.pickerPosition === 'auto-left') {
+                    left += this.component.outerWidth() - this.picker.outerWidth();
+                }
+            } else {
+                offset = this.element.offset();
+                left = offset.left;
+            }
+
+            var isAutoPosition = this.pickerPosition.indexOf('auto-') === 0;
+            var realPickerPosition = isAutoPosition ? (((offset.top + this.picker.outerHeight() > $(window).height() + $(window).scrollTop()) ? 'top' : 'bottom') + (this.pickerPosition.lastIndexOf('-left') === 0 ? '-left' : '-right')) : this.pickerPosition;
+
+            if(realPickerPosition === 'top-left' || realPickerPosition === 'top-right') {
+                top = offset.top - this.picker.outerHeight();
+            } else {
+                top = offset.top + this.height;
+            }
+            this.picker.css({
+                top: top,
+                left: left,
+                zIndex: zIndex
+            }).attr('class', 'datetimepicker dropdown-menu datetimepicker-dropdown-' + realPickerPosition);
+            if(this.pickerClass) this.picker.addClass(this.pickerClass);
+            if(this.pickerId) this.picker.attr('id', this.pickerId);
+        },
+
+        update: function() {
+            var date, fromArgs = false;
+            if(arguments && arguments.length && (typeof arguments[0] === 'string' || arguments[0] instanceof Date)) {
+                date = arguments[0];
+                fromArgs = true;
+            } else {
+                date = this.element.data('date') || (this.isInput ? this.element.val() : this.element.find('input').val()) || this.initialDate;
+                if(typeof date == 'string' || date instanceof String) {
+                    date = date.replace(/^\s+|\s+$/g, '');
+                }
+            }
+
+            if(!date) {
+                date = new Date();
+                fromArgs = false;
+            }
+
+            this.date = DPGlobal.parseDate(date, this.format, this.language, this.formatType);
+
+            if(fromArgs) this.setValue();
+
+            if(this.date < this.startDate) {
+                this.viewDate = new Date(this.startDate);
+            } else if(this.date > this.endDate) {
+                this.viewDate = new Date(this.endDate);
+            } else {
+                this.viewDate = new Date(this.date);
+            }
+            this.fill();
+        },
+
+        fillDow: function() {
+            var dowCnt = this.weekStart,
+                html = '<tr>';
+            while(dowCnt < this.weekStart + 7) {
+                html += '<th class="dow">' + dates[this.language].daysMin[(dowCnt++) % 7] + '</th>';
+            }
+            html += '</tr>';
+            this.picker.find('.datetimepicker-days thead').append(html);
+        },
+
+        fillMonths: function() {
+            var html = '',
+                i = 0;
+            while(i < 12) {
+                html += '<span class="month">' + dates[this.language].monthsShort[i++] + '</span>';
+            }
+            this.picker.find('.datetimepicker-months td').html(html);
+        },
+
+        fill: function() {
+            if(this.date == null || this.viewDate == null) {
+                return;
+            }
+            var d = new Date(this.viewDate),
+                year = d.getUTCFullYear(),
+                month = d.getUTCMonth(),
+                dayMonth = d.getUTCDate(),
+                hours = d.getUTCHours(),
+                minutes = d.getUTCMinutes(),
+                startYear = this.startDate !== -Infinity ? this.startDate.getUTCFullYear() : -Infinity,
+                startMonth = this.startDate !== -Infinity ? this.startDate.getUTCMonth() : -Infinity,
+                endYear = this.endDate !== Infinity ? this.endDate.getUTCFullYear() : Infinity,
+                endMonth = this.endDate !== Infinity ? this.endDate.getUTCMonth() : Infinity,
+                currentDate = (new UTCDate(this.date.getUTCFullYear(), this.date.getUTCMonth(), this.date.getUTCDate())).valueOf(),
+                today = new Date();
+            this.picker.find('.datetimepicker-days thead th:eq(1)')
+                .text(dates[this.language].months[month] + ' ' + year);
+            if(this.formatViewType == "time") {
+                var hourConverted = hours % 12 ? hours % 12 : 12;
+                var hoursDisplay = (hourConverted < 10 ? '0' : '') + hourConverted;
+                var minutesDisplay = (minutes < 10 ? '0' : '') + minutes;
+                var meridianDisplay = dates[this.language].meridiem[hours < 12 ? 0 : 1];
+                this.picker.find('.datetimepicker-hours thead th:eq(1)')
+                    .text(hoursDisplay + ':' + minutesDisplay + ' ' + meridianDisplay.toUpperCase());
+                this.picker.find('.datetimepicker-minutes thead th:eq(1)')
+                    .text(hoursDisplay + ':' + minutesDisplay + ' ' + meridianDisplay.toUpperCase());
+            } else {
+                this.picker.find('.datetimepicker-hours thead th:eq(1)')
+                    .text(dayMonth + ' ' + dates[this.language].months[month] + ' ' + year);
+                this.picker.find('.datetimepicker-minutes thead th:eq(1)')
+                    .text(dayMonth + ' ' + dates[this.language].months[month] + ' ' + year);
+            }
+            this.picker.find('tfoot th.today')
+                .text(dates[this.language].today)
+                .toggle(this.todayBtn !== false);
+            this.updateNavArrows();
+            this.fillMonths();
+            /*var prevMonth = UTCDate(year, month, 0,0,0,0,0);
+             prevMonth.setUTCDate(prevMonth.getDate() - (prevMonth.getUTCDay() - this.weekStart + 7)%7);*/
+            var prevMonth = UTCDate(year, month - 1, 28, 0, 0, 0, 0),
+                day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth());
+            prevMonth.setUTCDate(day);
+            prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.weekStart + 7) % 7);
+            var nextMonth = new Date(prevMonth);
+            nextMonth.setUTCDate(nextMonth.getUTCDate() + 42);
+            nextMonth = nextMonth.valueOf();
+            var html = [];
+            var clsName;
+            while(prevMonth.valueOf() < nextMonth) {
+                if(prevMonth.getUTCDay() == this.weekStart) {
+                    html.push('<tr>');
+                }
+                clsName = '';
+                if(prevMonth.getUTCFullYear() < year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() < month)) {
+                    clsName += ' old';
+                } else if(prevMonth.getUTCFullYear() > year || (prevMonth.getUTCFullYear() == year && prevMonth.getUTCMonth() > month)) {
+                    clsName += ' new';
+                }
+                // Compare internal UTC date with local today, not UTC today
+                if(this.todayHighlight &&
+                    prevMonth.getUTCFullYear() == today.getFullYear() &&
+                    prevMonth.getUTCMonth() == today.getMonth() &&
+                    prevMonth.getUTCDate() == today.getDate()) {
+                    clsName += ' today';
+                }
+                if(prevMonth.valueOf() == currentDate) {
+                    clsName += ' active';
+                }
+                if((prevMonth.valueOf() + 86400000) <= this.startDate || prevMonth.valueOf() > this.endDate ||
+                    $.inArray(prevMonth.getUTCDay(), this.daysOfWeekDisabled) !== -1) {
+                    clsName += ' disabled';
+                }
+                html.push('<td class="day' + clsName + '">' + prevMonth.getUTCDate() + '</td>');
+                if(prevMonth.getUTCDay() == this.weekEnd) {
+                    html.push('</tr>');
+                }
+                prevMonth.setUTCDate(prevMonth.getUTCDate() + 1);
+            }
+            this.picker.find('.datetimepicker-days tbody').empty().append(html.join(''));
+
+            html = [];
+            var txt = '',
+                meridian = '',
+                meridianOld = '';
+            for(var i = 0; i < 24; i++) {
+                var actual = UTCDate(year, month, dayMonth, i);
+                clsName = '';
+                // We want the previous hour for the startDate
+                if((actual.valueOf() + 3600000) <= this.startDate || actual.valueOf() > this.endDate) {
+                    clsName += ' disabled';
+                } else if(hours == i) {
+                    clsName += ' active';
+                }
+                if(this.showMeridian && dates[this.language].meridiem.length == 2) {
+                    meridian = (i < 12 ? dates[this.language].meridiem[0] : dates[this.language].meridiem[1]);
+                    if(meridian != meridianOld) {
+                        if(meridianOld != '') {
+                            html.push('</fieldset>');
+                        }
+                        html.push('<fieldset class="hour"><legend>' + meridian.toUpperCase() + '</legend>');
+                    }
+                    meridianOld = meridian;
+                    txt = (i % 12 ? i % 12 : 12);
+                    html.push('<span class="hour' + clsName + ' hour_' + (i < 12 ? 'am' : 'pm') + '">' + txt + '</span>');
+                    if(i == 23) {
+                        html.push('</fieldset>');
+                    }
+                } else {
+                    txt = i + ':00';
+                    html.push('<span class="hour' + clsName + '">' + txt + '</span>');
+                }
+            }
+            this.picker.find('.datetimepicker-hours td').html(html.join(''));
+
+            html = [];
+            txt = '', meridian = '', meridianOld = '';
+            for(var i = 0; i < 60; i += this.minuteStep) {
+                var actual = UTCDate(year, month, dayMonth, hours, i, 0);
+                clsName = '';
+                if(actual.valueOf() < this.startDate || actual.valueOf() > this.endDate) {
+                    clsName += ' disabled';
+                } else if(Math.floor(minutes / this.minuteStep) == Math.floor(i / this.minuteStep)) {
+                    clsName += ' active';
+                }
+                if(this.showMeridian && dates[this.language].meridiem.length == 2) {
+                    meridian = (hours < 12 ? dates[this.language].meridiem[0] : dates[this.language].meridiem[1]);
+                    if(meridian != meridianOld) {
+                        if(meridianOld != '') {
+                            html.push('</fieldset>');
+                        }
+                        html.push('<fieldset class="minute"><legend>' + meridian.toUpperCase() + '</legend>');
+                    }
+                    meridianOld = meridian;
+                    txt = (hours % 12 ? hours % 12 : 12);
+                    //html.push('<span class="minute'+clsName+' minute_'+(hours<12?'am':'pm')+'">'+txt+'</span>');
+                    html.push('<span class="minute' + clsName + '">' + txt + ':' + (i < 10 ? '0' + i : i) + '</span>');
+                    if(i == 59) {
+                        html.push('</fieldset>');
+                    }
+                } else {
+                    txt = i + ':00';
+                    //html.push('<span class="hour'+clsName+'">'+txt+'</span>');
+                    html.push('<span class="minute' + clsName + '">' + hours + ':' + (i < 10 ? '0' + i : i) + '</span>');
+                }
+            }
+            this.picker.find('.datetimepicker-minutes td').html(html.join(''));
+
+            var currentYear = this.date.getUTCFullYear();
+            var months = this.picker.find('.datetimepicker-months')
+                .find('th:eq(1)')
+                .text(year)
+                .end()
+                .find('span').removeClass('active');
+            if(currentYear == year) {
+                months.eq(this.date.getUTCMonth()).addClass('active');
+            }
+            if(year < startYear || year > endYear) {
+                months.addClass('disabled');
+            }
+            if(year == startYear) {
+                months.slice(0, startMonth).addClass('disabled');
+            }
+            if(year == endYear) {
+                months.slice(endMonth + 1).addClass('disabled');
+            }
+
+            html = '';
+            year = parseInt(year / 10, 10) * 10;
+            var yearCont = this.picker.find('.datetimepicker-years')
+                .find('th:eq(1)')
+                .text(year + '-' + (year + 9))
+                .end()
+                .find('td');
+            year -= 1;
+            for(var i = -1; i < 11; i++) {
+                html += '<span class="year' + (i == -1 || i == 10 ? ' old' : '') + (currentYear == year ? ' active' : '') + (year < startYear || year > endYear ? ' disabled' : '') + '">' + year + '</span>';
+                year += 1;
+            }
+            yearCont.html(html);
+            this.place();
+        },
+
+        updateNavArrows: function() {
+            var d = new Date(this.viewDate),
+                year = d.getUTCFullYear(),
+                month = d.getUTCMonth(),
+                day = d.getUTCDate(),
+                hour = d.getUTCHours();
+            switch(this.viewMode) {
+                case 0:
+                    if(this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate() && hour <= this.startDate.getUTCHours()) {
+                        this.picker.find('.prev').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.prev').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    if(this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate() && hour >= this.endDate.getUTCHours()) {
+                        this.picker.find('.next').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.next').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    break;
+                case 1:
+                    if(this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth() && day <= this.startDate.getUTCDate()) {
+                        this.picker.find('.prev').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.prev').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    if(this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth() && day >= this.endDate.getUTCDate()) {
+                        this.picker.find('.next').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.next').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    break;
+                case 2:
+                    if(this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear() && month <= this.startDate.getUTCMonth()) {
+                        this.picker.find('.prev').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.prev').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    if(this.endDate !== Infinity && year >= this.endDate.getUTCFullYear() && month >= this.endDate.getUTCMonth()) {
+                        this.picker.find('.next').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.next').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    break;
+                case 3:
+                case 4:
+                    if(this.startDate !== -Infinity && year <= this.startDate.getUTCFullYear()) {
+                        this.picker.find('.prev').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.prev').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    if(this.endDate !== Infinity && year >= this.endDate.getUTCFullYear()) {
+                        this.picker.find('.next').css({
+                            visibility: 'hidden'
+                        });
+                    } else {
+                        this.picker.find('.next').css({
+                            visibility: 'visible'
+                        });
+                    }
+                    break;
+            }
+        },
+
+        mousewheel: function(e) {
+
+            e.preventDefault();
+            e.stopPropagation();
+
+            if(this.wheelPause) {
+                return;
+            }
+
+            this.wheelPause = true;
+
+            var originalEvent = e.originalEvent;
+
+            var delta = originalEvent.wheelDelta;
+
+            var mode = delta > 0 ? 1 : (delta === 0) ? 0 : -1;
+
+            if(this.wheelViewModeNavigationInverseDirection) {
+                mode = -mode;
+            }
+
+            this.showMode(mode);
+
+            setTimeout($.proxy(function() {
+
+                this.wheelPause = false
+
+            }, this), this.wheelViewModeNavigationDelay);
+
+        },
+
+        click: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+            var target = $(e.target).closest('span, td, th, legend');
+            if(target.length == 1) {
+                if(target.is('.disabled')) {
+                    this.element.trigger({
+                        type: 'outOfRange',
+                        date: this.viewDate,
+                        startDate: this.startDate,
+                        endDate: this.endDate
+                    });
+                    return;
+                }
+                switch(target[0].nodeName.toLowerCase()) {
+                    case 'th':
+                        switch(target[0].className) {
+                            case 'switch':
+                                this.showMode(1);
+                                break;
+                            case 'prev':
+                            case 'next':
+                                var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className == 'prev' ? -1 : 1);
+                                switch(this.viewMode) {
+                                    case 0:
+                                        this.viewDate = this.moveHour(this.viewDate, dir);
+                                        break;
+                                    case 1:
+                                        this.viewDate = this.moveDate(this.viewDate, dir);
+                                        break;
+                                    case 2:
+                                        this.viewDate = this.moveMonth(this.viewDate, dir);
+                                        break;
+                                    case 3:
+                                    case 4:
+                                        this.viewDate = this.moveYear(this.viewDate, dir);
+                                        break;
+                                }
+                                this.fill();
+                                break;
+                            case 'today':
+                                var date = new Date();
+                                date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
+
+                                // Respect startDate and endDate.
+                                if(date < this.startDate) date = this.startDate;
+                                else if(date > this.endDate) date = this.endDate;
+
+                                this.viewMode = this.startViewMode;
+                                this.showMode(0);
+                                this._setDate(date);
+                                this.fill();
+                                if(this.autoclose) {
+                                    this.hide();
+                                }
+                                break;
+                        }
+                        break;
+                    case 'span':
+                        if(!target.is('.disabled')) {
+                            var year = this.viewDate.getUTCFullYear(),
+                                month = this.viewDate.getUTCMonth(),
+                                day = this.viewDate.getUTCDate(),
+                                hours = this.viewDate.getUTCHours(),
+                                minutes = this.viewDate.getUTCMinutes(),
+                                seconds = this.viewDate.getUTCSeconds();
+
+                            if(target.is('.month')) {
+                                this.viewDate.setUTCDate(1);
+                                month = target.parent().find('span').index(target);
+                                day = this.viewDate.getUTCDate();
+                                this.viewDate.setUTCMonth(month);
+                                this.element.trigger({
+                                    type: 'changeMonth',
+                                    date: this.viewDate
+                                });
+                                if(this.viewSelect >= 3) {
+                                    this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
+                                }
+                            } else if(target.is('.year')) {
+                                this.viewDate.setUTCDate(1);
+                                year = parseInt(target.text(), 10) || 0;
+                                this.viewDate.setUTCFullYear(year);
+                                this.element.trigger({
+                                    type: 'changeYear',
+                                    date: this.viewDate
+                                });
+                                if(this.viewSelect >= 4) {
+                                    this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
+                                }
+                            } else if(target.is('.hour')) {
+                                hours = parseInt(target.text(), 10) || 0;
+                                if(target.hasClass('hour_am') || target.hasClass('hour_pm')) {
+                                    if(hours == 12 && target.hasClass('hour_am')) {
+                                        hours = 0;
+                                    } else if(hours != 12 && target.hasClass('hour_pm')) {
+                                        hours += 12;
+                                    }
+                                }
+                                this.viewDate.setUTCHours(hours);
+                                this.element.trigger({
+                                    type: 'changeHour',
+                                    date: this.viewDate
+                                });
+                                if(this.viewSelect >= 1) {
+                                    this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
+                                }
+                            } else if(target.is('.minute')) {
+                                minutes = parseInt(target.text().substr(target.text().indexOf(':') + 1), 10) || 0;
+                                this.viewDate.setUTCMinutes(minutes);
+                                this.element.trigger({
+                                    type: 'changeMinute',
+                                    date: this.viewDate
+                                });
+                                if(this.viewSelect >= 0) {
+                                    this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
+                                }
+                            }
+                            if(this.viewMode != 0) {
+                                var oldViewMode = this.viewMode;
+                                this.showMode(-1);
+                                this.fill();
+                                if(oldViewMode == this.viewMode && this.autoclose) {
+                                    this.hide();
+                                }
+                            } else {
+                                this.fill();
+                                if(this.autoclose) {
+                                    this.hide();
+                                }
+                            }
+                        }
+                        break;
+                    case 'td':
+                        if(target.is('.day') && !target.is('.disabled')) {
+                            var day = parseInt(target.text(), 10) || 1;
+                            var year = this.viewDate.getUTCFullYear(),
+                                month = this.viewDate.getUTCMonth(),
+                                hours = this.viewDate.getUTCHours(),
+                                minutes = this.viewDate.getUTCMinutes(),
+                                seconds = this.viewDate.getUTCSeconds();
+                            if(target.is('.old')) {
+                                if(month === 0) {
+                                    month = 11;
+                                    year -= 1;
+                                } else {
+                                    month -= 1;
+                                }
+                            } else if(target.is('.new')) {
+                                if(month == 11) {
+                                    month = 0;
+                                    year += 1;
+                                } else {
+                                    month += 1;
+                                }
+                            }
+                            this.viewDate.setUTCFullYear(year);
+                            this.viewDate.setUTCMonth(month, day);
+                            this.element.trigger({
+                                type: 'changeDay',
+                                date: this.viewDate
+                            });
+                            if(this.viewSelect >= 2) {
+                                this._setDate(UTCDate(year, month, day, hours, minutes, seconds, 0));
+                            }
+                        }
+                        var oldViewMode = this.viewMode;
+                        this.showMode(-1);
+                        this.fill();
+                        if(oldViewMode == this.viewMode && this.autoclose) {
+                            this.hide();
+                        }
+                        break;
+                }
+            }
+        },
+
+        _setDate: function(date, which) {
+            if(!which || which == 'date')
+                this.date = date;
+            if(!which || which == 'view')
+                this.viewDate = date;
+            this.fill();
+            this.setValue();
+            var element;
+            if(this.isInput) {
+                element = this.element;
+            } else if(this.component) {
+                element = this.element.find('input');
+            }
+            if(element) {
+                element.change();
+                if(this.autoclose && (!which || which == 'date')) {
+                    //this.hide();
+                }
+            }
+            this.element.trigger({
+                type: 'changeDate',
+                date: this.date
+            });
+            if(date === null) {
+                this.date = this.viewDate;
+            }
+        },
+
+        moveMinute: function(date, dir) {
+            if(!dir) return date;
+            var new_date = new Date(date.valueOf());
+            //dir = dir > 0 ? 1 : -1;
+            new_date.setUTCMinutes(new_date.getUTCMinutes() + (dir * this.minuteStep));
+            return new_date;
+        },
+
+        moveHour: function(date, dir) {
+            if(!dir) return date;
+            var new_date = new Date(date.valueOf());
+            //dir = dir > 0 ? 1 : -1;
+            new_date.setUTCHours(new_date.getUTCHours() + dir);
+            return new_date;
+        },
+
+        moveDate: function(date, dir) {
+            if(!dir) return date;
+            var new_date = new Date(date.valueOf());
+            //dir = dir > 0 ? 1 : -1;
+            new_date.setUTCDate(new_date.getUTCDate() + dir);
+            return new_date;
+        },
+
+        moveMonth: function(date, dir) {
+            if(!dir) return date;
+            var new_date = new Date(date.valueOf()),
+                day = new_date.getUTCDate(),
+                month = new_date.getUTCMonth(),
+                mag = Math.abs(dir),
+                new_month, test;
+            dir = dir > 0 ? 1 : -1;
+            if(mag == 1) {
+                test = dir == -1
+                    // If going back one month, make sure month is not current month
+                    // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02)
+                    ? function() {
+                        return new_date.getUTCMonth() == month;
+                    }
+                    // If going forward one month, make sure month is as expected
+                    // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02)
+                    : function() {
+                        return new_date.getUTCMonth() != new_month;
+                    };
+                new_month = month + dir;
+                new_date.setUTCMonth(new_month);
+                // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11
+                if(new_month < 0 || new_month > 11)
+                    new_month = (new_month + 12) % 12;
+            } else {
+                // For magnitudes >1, move one month at a time...
+                for(var i = 0; i < mag; i++)
+                // ...which might decrease the day (eg, Jan 31 to Feb 28, etc)...
+                    new_date = this.moveMonth(new_date, dir);
+                // ...then reset the day, keeping it in the new month
+                new_month = new_date.getUTCMonth();
+                new_date.setUTCDate(day);
+                test = function() {
+                    return new_month != new_date.getUTCMonth();
+                };
+            }
+            // Common date-resetting loop -- if date is beyond end of month, make it
+            // end of month
+            while(test()) {
+                new_date.setUTCDate(--day);
+                new_date.setUTCMonth(new_month);
+            }
+            return new_date;
+        },
+
+        moveYear: function(date, dir) {
+            return this.moveMonth(date, dir * 12);
+        },
+
+        dateWithinRange: function(date) {
+            return date >= this.startDate && date <= this.endDate;
+        },
+
+        keydown: function(e) {
+            if(this.picker.is(':not(:visible)')) {
+                if(e.keyCode == 27) // allow escape to hide and re-show picker
+                    this.show();
+                return;
+            }
+            var dateChanged = false,
+                dir, day, month,
+                newDate, newViewDate;
+            switch(e.keyCode) {
+                case 27: // escape
+                    this.hide();
+                    e.preventDefault();
+                    break;
+                case 37: // left
+                case 39: // right
+                    if(!this.keyboardNavigation) break;
+                    dir = e.keyCode == 37 ? -1 : 1;
+                    viewMode = this.viewMode;
+                    if(e.ctrlKey) {
+                        viewMode += 2;
+                    } else if(e.shiftKey) {
+                        viewMode += 1;
+                    }
+                    if(viewMode == 4) {
+                        newDate = this.moveYear(this.date, dir);
+                        newViewDate = this.moveYear(this.viewDate, dir);
+                    } else if(viewMode == 3) {
+                        newDate = this.moveMonth(this.date, dir);
+                        newViewDate = this.moveMonth(this.viewDate, dir);
+                    } else if(viewMode == 2) {
+                        newDate = this.moveDate(this.date, dir);
+                        newViewDate = this.moveDate(this.viewDate, dir);
+                    } else if(viewMode == 1) {
+                        newDate = this.moveHour(this.date, dir);
+                        newViewDate = this.moveHour(this.viewDate, dir);
+                    } else if(viewMode == 0) {
+                        newDate = this.moveMinute(this.date, dir);
+                        newViewDate = this.moveMinute(this.viewDate, dir);
+                    }
+                    if(this.dateWithinRange(newDate)) {
+                        this.date = newDate;
+                        this.viewDate = newViewDate;
+                        this.setValue();
+                        this.update();
+                        e.preventDefault();
+                        dateChanged = true;
+                    }
+                    break;
+                case 38: // up
+                case 40: // down
+                    if(!this.keyboardNavigation) break;
+                    dir = e.keyCode == 38 ? -1 : 1;
+                    viewMode = this.viewMode;
+                    if(e.ctrlKey) {
+                        viewMode += 2;
+                    } else if(e.shiftKey) {
+                        viewMode += 1;
+                    }
+                    if(viewMode == 4) {
+                        newDate = this.moveYear(this.date, dir);
+                        newViewDate = this.moveYear(this.viewDate, dir);
+                    } else if(viewMode == 3) {
+                        newDate = this.moveMonth(this.date, dir);
+                        newViewDate = this.moveMonth(this.viewDate, dir);
+                    } else if(viewMode == 2) {
+                        newDate = this.moveDate(this.date, dir * 7);
+                        newViewDate = this.moveDate(this.viewDate, dir * 7);
+                    } else if(viewMode == 1) {
+                        if(this.showMeridian) {
+                            newDate = this.moveHour(this.date, dir * 6);
+                            newViewDate = this.moveHour(this.viewDate, dir * 6);
+                        } else {
+                            newDate = this.moveHour(this.date, dir * 4);
+                            newViewDate = this.moveHour(this.viewDate, dir * 4);
+                        }
+                    } else if(viewMode == 0) {
+                        newDate = this.moveMinute(this.date, dir * 4);
+                        newViewDate = this.moveMinute(this.viewDate, dir * 4);
+                    }
+                    if(this.dateWithinRange(newDate)) {
+                        this.date = newDate;
+                        this.viewDate = newViewDate;
+                        this.setValue();
+                        this.update();
+                        e.preventDefault();
+                        dateChanged = true;
+                    }
+                    break;
+                case 13: // enter
+                    if(this.viewMode != 0) {
+                        var oldViewMode = this.viewMode;
+                        this.showMode(-1);
+                        this.fill();
+                        if(oldViewMode == this.viewMode && this.autoclose) {
+                            this.hide();
+                        }
+                    } else {
+                        this.fill();
+                        if(this.autoclose) {
+                            this.hide();
+                        }
+                    }
+                    e.preventDefault();
+                    break;
+                case 9: // tab
+                    this.hide();
+                    break;
+            }
+            if(dateChanged) {
+                var element;
+                if(this.isInput) {
+                    element = this.element;
+                } else if(this.component) {
+                    element = this.element.find('input');
+                }
+                if(element) {
+                    element.change();
+                }
+                this.element.trigger({
+                    type: 'changeDate',
+                    date: this.date
+                });
+            }
+        },
+
+        showMode: function(dir) {
+            if(dir) {
+                var newViewMode = Math.max(0, Math.min(DPGlobal.modes.length - 1, this.viewMode + dir));
+                if(newViewMode >= this.minView && newViewMode <= this.maxView) {
+                    this.element.trigger({
+                        type: 'changeMode',
+                        date: this.viewDate,
+                        oldViewMode: this.viewMode,
+                        newViewMode: newViewMode
+                    });
+
+                    this.viewMode = newViewMode;
+                }
+            }
+            /*
+             vitalets: fixing bug of very special conditions:
+             jquery 1.7.1 + webkit + show inline datetimepicker in bootstrap popover.
+             Method show() does not set display css correctly and datetimepicker is not shown.
+             Changed to .css('display', 'block') solve the problem.
+             See https://github.com/vitalets/x-editable/issues/37
+
+             In jquery 1.7.2+ everything works fine.
+             */
+            //this.picker.find('>div').hide().filter('.datetimepicker-'+DPGlobal.modes[this.viewMode].clsName).show();
+            this.picker.find('>div').hide().filter('.datetimepicker-' + DPGlobal.modes[this.viewMode].clsName).css('display', 'block');
+            this.updateNavArrows();
+        },
+
+        reset: function(e) {
+            this._setDate(null, 'date');
+        }
+    };
+
+    $.fn.datetimepicker = function(option) {
+        var args = Array.apply(null, arguments);
+        args.shift();
+        return this.each(function() {
+            var $this = $(this),
+                data = $this.data('datetimepicker'),
+                options = typeof option == 'object' && option;
+            if(!data) {
+                $this.data('datetimepicker', (data = new Datetimepicker(this, $.extend({}, $.fn.datetimepicker.defaults, $this.data(), options))));
+            }
+            if(typeof option == 'string' && typeof data[option] == 'function') {
+                data[option].apply(data, args);
+            }
+        });
+    };
+
+    $.fn.datetimepicker.defaults = {
+        pickerPosition: 'auto-right'
+    };
+    $.fn.datetimepicker.Constructor = Datetimepicker;
+    var dates = $.fn.datetimepicker.dates = {
+        en: {
+            days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+            daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+            daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+            months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+            monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            meridiem: ["am", "pm"],
+            suffix: ["st", "nd", "rd", "th"],
+            today: "Today"
+        }
+    };
+
+    dates['zh-cn'] = {
+        days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
+        daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+        daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
+        months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        today: "今日",
+        suffix: [],
+        meridiem: []
+    };
+    dates['zh-tw'] = {
+        days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
+        daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
+        daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
+        months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+        today: "今天",
+        suffix: [],
+        meridiem: ["上午", "下午"]
+    };
+
+    var DPGlobal = {
+        modes: [{
+            clsName: 'minutes',
+            navFnc: 'Hours',
+            navStep: 1
+        }, {
+            clsName: 'hours',
+            navFnc: 'Date',
+            navStep: 1
+        }, {
+            clsName: 'days',
+            navFnc: 'Month',
+            navStep: 1
+        }, {
+            clsName: 'months',
+            navFnc: 'FullYear',
+            navStep: 1
+        }, {
+            clsName: 'years',
+            navFnc: 'FullYear',
+            navStep: 10
+        }],
+        isLeapYear: function(year) {
+            return(((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0))
+        },
+        getDaysInMonth: function(year, month) {
+            return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]
+        },
+        getDefaultFormat: function(type, field) {
+            if(type == "standard") {
+                if(field == 'input')
+                    return 'yyyy-mm-dd hh:ii';
+                else
+                    return 'yyyy-mm-dd hh:ii:ss';
+            } else if(type == "php") {
+                if(field == 'input')
+                    return 'Y-m-d H:i';
+                else
+                    return 'Y-m-d H:i:s';
+            } else {
+                throw new Error("Invalid format type.");
+            }
+        },
+        validParts: function(type) {
+            if(type == "standard") {
+                return /hh?|HH?|p|P|ii?|ss?|dd?|DD?|mm?|MM?|yy(?:yy)?/g;
+            } else if(type == "php") {
+                return /[dDjlNwzFmMnStyYaABgGhHis]/g;
+            } else {
+                throw new Error("Invalid format type.");
+            }
+        },
+        nonpunctuation: /[^ -\/:-@\[-`{-~\t\n\rTZ]+/g,
+        parseFormat: function(format, type) {
+            // IE treats \0 as a string end in inputs (truncating the value),
+            // so it's a bad format delimiter, anyway
+            var separators = format.replace(this.validParts(type), '\0').split('\0'),
+                parts = format.match(this.validParts(type));
+            if(!separators || !separators.length || !parts || parts.length == 0) {
+                throw new Error("Invalid date format.");
+            }
+            return {
+                separators: separators,
+                parts: parts
+            };
+        },
+        parseDate: function(date, format, language, type) {
+            if(date instanceof Date) {
+                var dateUTC = new Date(date.valueOf() - date.getTimezoneOffset() * 60000);
+                dateUTC.setMilliseconds(0);
+                return dateUTC;
+            }
+            if(/^\d{4}\-\d{1,2}\-\d{1,2}$/.test(date)) {
+                format = this.parseFormat('yyyy-mm-dd', type);
+            }
+            if(/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}$/.test(date)) {
+                format = this.parseFormat('yyyy-mm-dd hh:ii', type);
+            }
+            if(/^\d{4}\-\d{1,2}\-\d{1,2}[T ]\d{1,2}\:\d{1,2}\:\d{1,2}[Z]{0,1}$/.test(date)) {
+                format = this.parseFormat('yyyy-mm-dd hh:ii:ss', type);
+            }
+            if(/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(date)) {
+                var part_re = /([-+]\d+)([dmwy])/,
+                    parts = date.match(/([-+]\d+)([dmwy])/g),
+                    part, dir;
+                date = new Date();
+                for(var i = 0; i < parts.length; i++) {
+                    part = part_re.exec(parts[i]);
+                    dir = parseInt(part[1]);
+                    switch(part[2]) {
+                        case 'd':
+                            date.setUTCDate(date.getUTCDate() + dir);
+                            break;
+                        case 'm':
+                            date = Datetimepicker.prototype.moveMonth.call(Datetimepicker.prototype, date, dir);
+                            break;
+                        case 'w':
+                            date.setUTCDate(date.getUTCDate() + dir * 7);
+                            break;
+                        case 'y':
+                            date = Datetimepicker.prototype.moveYear.call(Datetimepicker.prototype, date, dir);
+                            break;
+                    }
+                }
+                return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), 0);
+            }
+            var parts = date && date.match(this.nonpunctuation) || [],
+                date = new Date(0, 0, 0, 0, 0, 0, 0),
+                parsed = {},
+                setters_order = ['hh', 'h', 'ii', 'i', 'ss', 's', 'yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'D', 'DD', 'd', 'dd', 'H', 'HH', 'p', 'P'],
+                setters_map = {
+                    hh: function(d, v) {
+                        return d.setUTCHours(v);
+                    },
+                    h: function(d, v) {
+                        return d.setUTCHours(v);
+                    },
+                    HH: function(d, v) {
+                        return d.setUTCHours(v == 12 ? 0 : v);
+                    },
+                    H: function(d, v) {
+                        return d.setUTCHours(v == 12 ? 0 : v);
+                    },
+                    ii: function(d, v) {
+                        return d.setUTCMinutes(v);
+                    },
+                    i: function(d, v) {
+                        return d.setUTCMinutes(v);
+                    },
+                    ss: function(d, v) {
+                        return d.setUTCSeconds(v);
+                    },
+                    s: function(d, v) {
+                        return d.setUTCSeconds(v);
+                    },
+                    yyyy: function(d, v) {
+                        return d.setUTCFullYear(v);
+                    },
+                    yy: function(d, v) {
+                        return d.setUTCFullYear(2000 + v);
+                    },
+                    m: function(d, v) {
+                        v -= 1;
+                        while(v < 0) v += 12;
+                        v %= 12;
+                        d.setUTCMonth(v);
+                        while(d.getUTCMonth() != v)
+                            d.setUTCDate(d.getUTCDate() - 1);
+                        return d;
+                    },
+                    d: function(d, v) {
+                        return d.setUTCDate(v);
+                    },
+                    p: function(d, v) {
+                        return d.setUTCHours(v == 1 ? d.getUTCHours() + 12 : d.getUTCHours());
+                    }
+                },
+                val, filtered, part;
+            setters_map['M'] = setters_map['MM'] = setters_map['mm'] = setters_map['m'];
+            setters_map['dd'] = setters_map['d'];
+            setters_map['P'] = setters_map['p'];
+            date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
+            if(parts.length == format.parts.length) {
+                for(var i = 0, cnt = format.parts.length; i < cnt; i++) {
+                    val = parseInt(parts[i], 10);
+                    part = format.parts[i];
+                    if(isNaN(val)) {
+                        switch(part) {
+                            case 'MM':
+                                filtered = $(dates[language].months).filter(function() {
+                                    var m = this.slice(0, parts[i].length),
+                                        p = parts[i].slice(0, m.length);
+                                    return m == p;
+                                });
+                                val = $.inArray(filtered[0], dates[language].months) + 1;
+                                break;
+                            case 'M':
+                                filtered = $(dates[language].monthsShort).filter(function() {
+                                    var m = this.slice(0, parts[i].length),
+                                        p = parts[i].slice(0, m.length);
+                                    return m == p;
+                                });
+                                val = $.inArray(filtered[0], dates[language].monthsShort) + 1;
+                                break;
+                            case 'p':
+                            case 'P':
+                                val = $.inArray(parts[i].toLowerCase(), dates[language].meridiem);
+                                break;
+                        }
+                    }
+                    parsed[part] = val;
+                }
+                for(var i = 0, s; i < setters_order.length; i++) {
+                    s = setters_order[i];
+                    if(s in parsed && !isNaN(parsed[s]))
+                        setters_map[s](date, parsed[s])
+                }
+            }
+            return date;
+        },
+        formatDate: function(date, format, language, type) {
+            if(date == null) {
+                return '';
+            }
+            var val;
+            if(type == 'standard') {
+                val = {
+                    // year
+                    yy: date.getUTCFullYear().toString().substring(2),
+                    yyyy: date.getUTCFullYear(),
+                    // month
+                    m: date.getUTCMonth() + 1,
+                    M: dates[language].monthsShort[date.getUTCMonth()],
+                    MM: dates[language].months[date.getUTCMonth()],
+                    // day
+                    d: date.getUTCDate(),
+                    D: dates[language].daysShort[date.getUTCDay()],
+                    DD: dates[language].days[date.getUTCDay()],
+                    p: (dates[language].meridiem.length == 2 ? dates[language].meridiem[date.getUTCHours() < 12 ? 0 : 1] : ''),
+                    // hour
+                    h: date.getUTCHours(),
+                    // minute
+                    i: date.getUTCMinutes(),
+                    // second
+                    s: date.getUTCSeconds()
+                };
+
+                if(dates[language].meridiem.length == 2) {
+                    val.H = (val.h % 12 == 0 ? 12 : val.h % 12);
+                } else {
+                    val.H = val.h;
+                }
+                val.HH = (val.H < 10 ? '0' : '') + val.H;
+                val.P = val.p.toUpperCase();
+                val.hh = (val.h < 10 ? '0' : '') + val.h;
+                val.ii = (val.i < 10 ? '0' : '') + val.i;
+                val.ss = (val.s < 10 ? '0' : '') + val.s;
+                val.dd = (val.d < 10 ? '0' : '') + val.d;
+                val.mm = (val.m < 10 ? '0' : '') + val.m;
+            } else if(type == 'php') {
+                // php format
+                val = {
+                    // year
+                    y: date.getUTCFullYear().toString().substring(2),
+                    Y: date.getUTCFullYear(),
+                    // month
+                    F: dates[language].months[date.getUTCMonth()],
+                    M: dates[language].monthsShort[date.getUTCMonth()],
+                    n: date.getUTCMonth() + 1,
+                    t: DPGlobal.getDaysInMonth(date.getUTCFullYear(), date.getUTCMonth()),
+                    // day
+                    j: date.getUTCDate(),
+                    l: dates[language].days[date.getUTCDay()],
+                    D: dates[language].daysShort[date.getUTCDay()],
+                    w: date.getUTCDay(), // 0 -> 6
+                    N: (date.getUTCDay() == 0 ? 7 : date.getUTCDay()), // 1 -> 7
+                    S: (date.getUTCDate() % 10 <= dates[language].suffix.length ? dates[language].suffix[date.getUTCDate() % 10 - 1] : ''),
+                    // hour
+                    a: (dates[language].meridiem.length == 2 ? dates[language].meridiem[date.getUTCHours() < 12 ? 0 : 1] : ''),
+                    g: (date.getUTCHours() % 12 == 0 ? 12 : date.getUTCHours() % 12),
+                    G: date.getUTCHours(),
+                    // minute
+                    i: date.getUTCMinutes(),
+                    // second
+                    s: date.getUTCSeconds()
+                };
+                val.m = (val.n < 10 ? '0' : '') + val.n;
+                val.d = (val.j < 10 ? '0' : '') + val.j;
+                val.A = val.a.toString().toUpperCase();
+                val.h = (val.g < 10 ? '0' : '') + val.g;
+                val.H = (val.G < 10 ? '0' : '') + val.G;
+                val.i = (val.i < 10 ? '0' : '') + val.i;
+                val.s = (val.s < 10 ? '0' : '') + val.s;
+            } else {
+                throw new Error("Invalid format type.");
+            }
+            var date = [],
+                seps = $.extend([], format.separators);
+            for(var i = 0, cnt = format.parts.length; i < cnt; i++) {
+                if(seps.length) {
+                    date.push(seps.shift());
+                }
+                date.push(val[format.parts[i]]);
+            }
+            if(seps.length) {
+                date.push(seps.shift());
+            }
+            return date.join('');
+        },
+        convertViewMode: function(viewMode) {
+            switch(viewMode) {
+                case 4:
+                case 'decade':
+                    viewMode = 4;
+                    break;
+                case 3:
+                case 'year':
+                    viewMode = 3;
+                    break;
+                case 2:
+                case 'month':
+                    viewMode = 2;
+                    break;
+                case 1:
+                case 'day':
+                    viewMode = 1;
+                    break;
+                case 0:
+                case 'hour':
+                    viewMode = 0;
+                    break;
+            }
+
+            return viewMode;
+        },
+        headTemplate: '<thead>' +
+            '<tr>' +
+            '<th class="prev"><i class="icon-arrow-left"/></th>' +
+            '<th colspan="5" class="switch"></th>' +
+            '<th class="next"><i class="icon-arrow-right"/></th>' +
+            '</tr>' +
+            '</thead>',
+        contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>',
+        footTemplate: '<tfoot><tr><th colspan="7" class="today"></th></tr></tfoot>'
+    };
+    DPGlobal.template = '<div class="datetimepicker">' +
+        '<div class="datetimepicker-minutes">' +
+        '<table class=" table-condensed">' +
+        DPGlobal.headTemplate +
+        DPGlobal.contTemplate +
+        DPGlobal.footTemplate +
+        '</table>' +
+        '</div>' +
+        '<div class="datetimepicker-hours">' +
+        '<table class=" table-condensed">' +
+        DPGlobal.headTemplate +
+        DPGlobal.contTemplate +
+        DPGlobal.footTemplate +
+        '</table>' +
+        '</div>' +
+        '<div class="datetimepicker-days">' +
+        '<table class=" table-condensed">' +
+        DPGlobal.headTemplate +
+        '<tbody></tbody>' +
+        DPGlobal.footTemplate +
+        '</table>' +
+        '</div>' +
+        '<div class="datetimepicker-months">' +
+        '<table class="table-condensed">' +
+        DPGlobal.headTemplate +
+        DPGlobal.contTemplate +
+        DPGlobal.footTemplate +
+        '</table>' +
+        '</div>' +
+        '<div class="datetimepicker-years">' +
+        '<table class="table-condensed">' +
+        DPGlobal.headTemplate +
+        DPGlobal.contTemplate +
+        DPGlobal.footTemplate +
+        '</table>' +
+        '</div>' +
+        '</div>';
+    $.fn.datetimepicker.DPGlobal = DPGlobal;
+
+    /* DATETIMEPICKER NO CONFLICT
+     * =================== */
+
+    $.fn.datetimepicker.noConflict = function() {
+        $.fn.datetimepicker = old;
+        return this;
+    };
+
+    /* DATETIMEPICKER DATA-API
+     * ================== */
+
+    $(document).on(
+        'focus.datetimepicker.data-api click.datetimepicker.data-api',
+        '[data-provide="datetimepicker"]',
+        function(e) {
+            var $this = $(this);
+            if($this.data('datetimepicker')) return;
+            e.preventDefault();
+            // component click requires us to explicitly show it
+            $this.datetimepicker('show');
+        }
+    );
+    $(function() {
+        $('[data-provide="datetimepicker-inline"]').datetimepicker();
+    });
+
+}(window.jQuery);
+
+
+/* ========================================================================
+ * Chosen: chosen.js [version 1.1.0]
+ * https://github.com/harvesthq/chosen
+ *
+ * Chosen, a Select Box Enhancer for jQuery and Prototype
+ * by Patrick Filler for Harvest, http://getharvest.com
+ *
+ * ZUI: The file has been changed in ZUI. It will not keep update with the
+ * official version in the future.
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2011 Harvest http://getharvest.com
+ * MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+ * ========================================================================
+ * Improvement in ZUI:
+ * 1. New option 'drop_direction': 'auto' | 'top' | 'bottom';
+ * 2. Enhance the search experience, support search items by custom data
+ *    with 'data-keys=*' attribute in option;
+ * 3. ‘middle_highlight’ option can make hightlight item in the middle of
+ *    the dropdown menu
+ * ======================================================================== */
+
+
+/*!
 Chosen, a Select Box Enhancer for jQuery and Prototype
 by Patrick Filler for Harvest, http://getharvest.com
 
@@ -34,8 +10033,1786 @@ Copyright (c) 2011 Harvest http://getharvest.com
 
 MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
 */
-function(){var t,e,i,s,n,a={}.hasOwnProperty,o=function(t,e){function i(){this.constructor=t}for(var s in e)a.call(e,s)&&(t[s]=e[s]);return i.prototype=e.prototype,t.prototype=new i,t.__super__=e.prototype,t},r={zh_cn:{no_results_text:"没有找到"},zh_tw:{no_results_text:"沒有找到"},en:{no_results_text:"No results match"}};s=function(){function e(){this.options_index=0,this.parsed=[]}return e.prototype.add_node=function(t){return"OPTGROUP"===t.nodeName.toUpperCase()?this.add_group(t):this.add_option(t)},e.prototype.add_group=function(e){var i,s,n,a,o,r;for(i=this.parsed.length,this.parsed.push({array_index:i,group:!0,label:this.escapeExpression(e.label),children:0,disabled:e.disabled,title:e.title,search_keys:t.trim(e.getAttribute("data-keys")||"").replace(/,/g," ")}),o=e.childNodes,r=[],n=0,a=o.length;n<a;n++)s=o[n],r.push(this.add_option(s,i,e.disabled));return r},e.prototype.add_option=function(e,i,s){if("OPTION"===e.nodeName.toUpperCase())return""!==e.text?(null!=i&&(this.parsed[i].children+=1),this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,value:e.value,text:e.text,title:e.title,html:e.innerHTML,selected:e.selected,disabled:s===!0?s:e.disabled,group_array_index:i,classes:e.className,style:e.style.cssText,search_keys:(t.trim(e.getAttribute("data-keys")||"")+e.value).replace(/,/," ")})):this.parsed.push({array_index:this.parsed.length,options_index:this.options_index,empty:!0}),this.options_index+=1},e.prototype.escapeExpression=function(t){var e,i;return null==t||t===!1?"":/[\&\<\>\"\'\`]/.test(t)?(e={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"},i=/&(?!\w+;)|[\<\>\"\'\`]/g,t.replace(i,function(t){return e[t]||"&amp;"})):t},e}(),s.select_to_array=function(t){var e,i,n,a,o;for(i=new s,o=t.childNodes,n=0,a=o.length;n<a;n++)e=o[n],i.add_node(e);return i.parsed},e=function(){function e(i,s){this.form_field=i,this.options=null!=s?s:{},e.browser_is_supported()&&(this.lang=r[this.options.lang||(t.zui.clientLang?t.zui.clientLang():"zh_cn")],this.is_multiple=this.form_field.multiple,this.set_default_text(),this.set_default_values(),this.setup(),this.set_up_html(),this.register_observers())}return e.prototype.set_default_values=function(){var t=this;return this.click_test_action=function(e){return t.test_active_click(e)},this.activate_action=function(e){return t.activate_field(e)},this.active_field=!1,this.mouse_on_container=!1,this.results_showing=!1,this.result_highlighted=null,this.allow_single_deselect=null!=this.options.allow_single_deselect&&null!=this.form_field.options[0]&&""===this.form_field.options[0].text&&this.options.allow_single_deselect,this.disable_search_threshold=this.options.disable_search_threshold||0,this.disable_search=this.options.disable_search||!1,this.enable_split_word_search=null==this.options.enable_split_word_search||this.options.enable_split_word_search,this.group_search=null==this.options.group_search||this.options.group_search,this.search_contains=this.options.search_contains||!1,this.single_backstroke_delete=null==this.options.single_backstroke_delete||this.options.single_backstroke_delete,this.max_selected_options=this.options.max_selected_options||1/0,this.drop_direction=this.options.drop_direction||"auto",this.middle_highlight=this.options.middle_highlight,this.inherit_select_classes=this.options.inherit_select_classes||!1,this.display_selected_options=null==this.options.display_selected_options||this.options.display_selected_options,this.display_disabled_options=null==this.options.display_disabled_options||this.options.display_disabled_options},e.prototype.set_default_text=function(){return this.form_field.getAttribute("data-placeholder")?this.default_text=this.form_field.getAttribute("data-placeholder"):this.is_multiple?this.default_text=this.options.placeholder_text_multiple||this.options.placeholder_text||e.default_multiple_text:this.default_text=this.options.placeholder_text_single||this.options.placeholder_text||e.default_single_text,this.results_none_found=this.form_field.getAttribute("data-no_results_text")||this.options.no_results_text||this.lang.no_results_text||e.default_no_result_text},e.prototype.mouse_enter=function(){return this.mouse_on_container=!0},e.prototype.mouse_leave=function(){return this.mouse_on_container=!1},e.prototype.input_focus=function(t){var e=this;if(this.is_multiple){if(!this.active_field)return setTimeout(function(){return e.container_mousedown()},50)}else if(!this.active_field)return this.activate_field()},e.prototype.input_blur=function(t){var e=this;if(!this.mouse_on_container)return this.active_field=!1,setTimeout(function(){return e.blur_test()},100)},e.prototype.results_option_build=function(t){var e,i,s,n,a;for(e="",a=this.results_data,s=0,n=a.length;s<n;s++)i=a[s],e+=i.group?this.result_add_group(i):this.result_add_option(i),(null!=t?t.first:void 0)&&(i.selected&&this.is_multiple?this.choice_build(i):i.selected&&!this.is_multiple&&this.single_set_selected_text(i.text));return e},e.prototype.result_add_option=function(t){var e,i;return t.search_match&&this.include_option_in_results(t)?(e=[],t.disabled||t.selected&&this.is_multiple||e.push("active-result"),!t.disabled||t.selected&&this.is_multiple||e.push("disabled-result"),t.selected&&e.push("result-selected"),null!=t.group_array_index&&e.push("group-option"),""!==t.classes&&e.push(t.classes),i=document.createElement("li"),i.className=e.join(" "),i.style.cssText=t.style,i.title=t.title,i.setAttribute("data-option-array-index",t.array_index),i.innerHTML=t.search_text,this.outerHTML(i)):""},e.prototype.result_add_group=function(t){var e;return(t.search_match||t.group_match)&&t.active_options>0?(e=document.createElement("li"),e.className="group-result",e.title=t.title,e.innerHTML=t.search_text,this.outerHTML(e)):""},e.prototype.results_update_field=function(){if(this.set_default_text(),this.is_multiple||this.results_reset_cleanup(),this.result_clear_highlight(),this.results_build(),this.results_showing)return this.winnow_results()},e.prototype.reset_single_select_options=function(){var t,e,i,s,n;for(s=this.results_data,n=[],e=0,i=s.length;e<i;e++)t=s[e],t.selected?n.push(t.selected=!1):n.push(void 0);return n},e.prototype.results_toggle=function(){return this.results_showing?this.results_hide():this.results_show()},e.prototype.results_search=function(t){return this.results_showing?this.winnow_results(1):this.results_show()},e.prototype.winnow_results=function(t){var e,i,s,n,a,o,r,l,h,c,d,u,p;for(this.no_results_clear(),a=0,r=this.get_search_text(),e=r.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),n=this.search_contains?"":"^",s=new RegExp(n+e,"i"),c=new RegExp(e,"i"),p=this.results_data,d=0,u=p.length;d<u;d++)i=p[d],i.search_match=!1,o=null,this.include_option_in_results(i)&&(i.group&&(i.group_match=!1,i.active_options=0),null!=i.group_array_index&&this.results_data[i.group_array_index]&&(o=this.results_data[i.group_array_index],0===o.active_options&&o.search_match&&(a+=1),o.active_options+=1),i.group&&!this.group_search||(i.search_text=i.group?i.label:i.html,i.search_keys_match=this.search_string_match(i.search_keys,s),i.search_text_match=this.search_string_match(i.search_text,s),i.search_match=i.search_text_match||i.search_keys_match,i.search_match&&!i.group&&(a+=1),i.search_match?(i.search_text_match&&i.search_text.length?(l=i.search_text.search(c),h=i.search_text.substr(0,l+r.length)+"</em>"+i.search_text.substr(l+r.length),i.search_text=h.substr(0,l)+"<em>"+h.substr(l)):i.search_keys_match&&i.search_keys.length&&(l=i.search_keys.search(c),h=i.search_keys.substr(0,l+r.length)+"</em>"+i.search_keys.substr(l+r.length),i.search_text+='&nbsp; <small style="opacity: 0.7">'+h.substr(0,l)+"<em>"+h.substr(l)+"</small>"),null!=o&&(o.group_match=!0)):null!=i.group_array_index&&this.results_data[i.group_array_index].search_match&&(i.search_match=!0)));return this.result_clear_highlight(),a<1&&r.length?(this.update_results_content(""),this.no_results(r)):(this.update_results_content(this.results_option_build()),this.winnow_results_set_highlight(t))},e.prototype.search_string_match=function(t,e){var i,s,n,a;if(e.test(t))return!0;if(this.enable_split_word_search&&(t.indexOf(" ")>=0||0===t.indexOf("["))&&(s=t.replace(/\[|\]/g,"").split(" "),s.length))for(n=0,a=s.length;n<a;n++)if(i=s[n],e.test(i))return!0},e.prototype.choices_count=function(){var t,e,i,s;if(null!=this.selected_option_count)return this.selected_option_count;for(this.selected_option_count=0,s=this.form_field.options,e=0,i=s.length;e<i;e++)t=s[e],t.selected&&""!=t.value&&(this.selected_option_count+=1);return this.selected_option_count},e.prototype.choices_click=function(t){if(t.preventDefault(),!this.results_showing&&!this.is_disabled)return this.results_show()},e.prototype.keyup_checker=function(t){var e,i;switch(e=null!=(i=t.which)?i:t.keyCode,this.search_field_scale(),e){case 8:if(this.is_multiple&&this.backstroke_length<1&&this.choices_count()>0)return this.keydown_backstroke();if(!this.pending_backstroke)return this.result_clear_highlight(),this.results_search();break;case 13:if(t.preventDefault(),this.results_showing)return this.result_select(t);break;case 27:return this.results_showing&&this.results_hide(),!0;case 9:case 38:case 40:case 16:case 91:case 17:break;default:return this.results_search()}},e.prototype.clipboard_event_checker=function(t){var e=this;return setTimeout(function(){return e.results_search()},50)},e.prototype.container_width=function(){return null!=this.options.width?this.options.width:this.form_field.classList.contains("form-control")?"100%":""+this.form_field.offsetWidth+"px"},e.prototype.include_option_in_results=function(t){return!(this.is_multiple&&!this.display_selected_options&&t.selected)&&(!(!this.display_disabled_options&&t.disabled)&&!t.empty)},e.prototype.search_results_touchstart=function(t){return this.touch_started=!0,this.search_results_mouseover(t)},e.prototype.search_results_touchmove=function(t){return this.touch_started=!1,this.search_results_mouseout(t)},e.prototype.search_results_touchend=function(t){if(this.touch_started)return this.search_results_mouseup(t)},e.prototype.outerHTML=function(t){var e;return t.outerHTML?t.outerHTML:(e=document.createElement("div"),e.appendChild(t),e.innerHTML)},e.browser_is_supported=function(){return"Microsoft Internet Explorer"===window.navigator.appName?document.documentMode>=8:!/iP(od|hone)/i.test(window.navigator.userAgent)&&(!/Android/i.test(window.navigator.userAgent)||!/Mobile/i.test(window.navigator.userAgent))},e.default_multiple_text="",e.default_single_text="",e.default_no_result_text="No results match",e}(),t=jQuery,t.fn.extend({chosen:function(s){return e.browser_is_supported()?this.each(function(e){var n,a;n=t(this),a=n.data("chosen"),"destroy"===s&&a?a.destroy():a||n.data("chosen",new i(this,s))}):this}}),i=function(e){function i(){return n=i.__super__.constructor.apply(this,arguments)}return o(i,e),i.prototype.setup=function(){return this.form_field_jq=t(this.form_field),this.current_selectedIndex=this.form_field.selectedIndex,this.is_rtl=this.form_field_jq.hasClass("chosen-rtl")},i.prototype.set_up_html=function(){var e,i;e=["chosen-container"],e.push("chosen-container-"+(this.is_multiple?"multi":"single")),this.inherit_select_classes&&this.form_field.className&&e.push(this.form_field.className),this.is_rtl&&e.push("chosen-rtl");var s=this.form_field.getAttribute("data-css-class");return s&&e.push(s),i={"class":e.join(" "),style:"width: "+this.container_width()+";",title:this.form_field.title},this.form_field.id.length&&(i.id=this.form_field.id.replace(/[^\w]/g,"_")+"_chosen"),this.container=t("<div />",i),this.is_multiple?this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="'+this.default_text+'" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>'):this.container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>'+this.default_text+'</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>'),this.form_field_jq.hide().after(this.container),this.dropdown=this.container.find("div.chosen-drop").first(),this.search_field=this.container.find("input").first(),this.search_results=this.container.find("ul.chosen-results").first(),this.search_field_scale(),this.search_no_results=this.container.find("li.no-results").first(),this.is_multiple?(this.search_choices=this.container.find("ul.chosen-choices").first(),this.search_container=this.container.find("li.search-field").first()):(this.search_container=this.container.find("div.chosen-search").first(),this.selected_item=this.container.find(".chosen-single").first()),this.options.drop_width&&this.dropdown.css("width",this.options.drop_width).addClass("chosen-drop-size-limited"),this.results_build(),this.set_tab_index(),this.set_label_behavior(),this.form_field_jq.trigger("chosen:ready",{chosen:this})},i.prototype.register_observers=function(){var t=this;return this.container.bind("mousedown.chosen",function(e){t.container_mousedown(e)}),this.container.bind("mouseup.chosen",function(e){t.container_mouseup(e)}),this.container.bind("mouseenter.chosen",function(e){t.mouse_enter(e)}),this.container.bind("mouseleave.chosen",function(e){t.mouse_leave(e)}),this.search_results.bind("mouseup.chosen",function(e){t.search_results_mouseup(e)}),this.search_results.bind("mouseover.chosen",function(e){t.search_results_mouseover(e)}),this.search_results.bind("mouseout.chosen",function(e){t.search_results_mouseout(e)}),this.search_results.bind("mousewheel.chosen DOMMouseScroll.chosen",function(e){t.search_results_mousewheel(e)}),this.search_results.bind("touchstart.chosen",function(e){t.search_results_touchstart(e)}),this.search_results.bind("touchmove.chosen",function(e){t.search_results_touchmove(e)}),this.search_results.bind("touchend.chosen",function(e){t.search_results_touchend(e)}),this.form_field_jq.bind("chosen:updated.chosen",function(e){t.results_update_field(e)}),this.form_field_jq.bind("chosen:activate.chosen",function(e){t.activate_field(e)}),this.form_field_jq.bind("chosen:open.chosen",function(e){t.container_mousedown(e)}),this.form_field_jq.bind("chosen:close.chosen",function(e){t.input_blur(e)}),this.search_field.bind("blur.chosen",function(e){t.input_blur(e)}),this.search_field.bind("keyup.chosen",function(e){t.keyup_checker(e)}),this.search_field.bind("keydown.chosen",function(e){t.keydown_checker(e)}),this.search_field.bind("focus.chosen",function(e){t.input_focus(e)}),this.search_field.bind("cut.chosen",function(e){t.clipboard_event_checker(e)}),this.search_field.bind("paste.chosen",function(e){t.clipboard_event_checker(e)}),this.is_multiple?this.search_choices.bind("click.chosen",function(e){t.choices_click(e)}):this.container.bind("click.chosen",function(t){t.preventDefault()})},i.prototype.destroy=function(){return t(this.container[0].ownerDocument).unbind("click.chosen",this.click_test_action),this.search_field[0].tabIndex&&(this.form_field_jq[0].tabIndex=this.search_field[0].tabIndex),this.container.remove(),this.form_field_jq.removeData("chosen"),this.form_field_jq.show()},i.prototype.search_field_disabled=function(){return this.is_disabled=this.form_field_jq[0].disabled,this.is_disabled?(this.container.addClass("chosen-disabled"),this.search_field[0].disabled=!0,this.is_multiple||this.selected_item.unbind("focus.chosen",this.activate_action),this.close_field()):(this.container.removeClass("chosen-disabled"),this.search_field[0].disabled=!1,this.is_multiple?void 0:this.selected_item.bind("focus.chosen",this.activate_action))},i.prototype.container_mousedown=function(e){if(!this.is_disabled&&(e&&"mousedown"===e.type&&!this.results_showing&&e.preventDefault(),null==e||!t(e.target).hasClass("search-choice-close")))return this.active_field?this.is_multiple||!e||t(e.target)[0]!==this.selected_item[0]&&!t(e.target).parents("a.chosen-single").length||(e.preventDefault(),this.results_toggle()):(this.is_multiple&&this.search_field.val(""),t(this.container[0].ownerDocument).bind("click.chosen",this.click_test_action),this.results_show()),this.activate_field()},i.prototype.container_mouseup=function(t){if("ABBR"===t.target.nodeName&&!this.is_disabled)return this.results_reset(t)},i.prototype.search_results_mousewheel=function(t){var e;if(t.originalEvent&&(e=-t.originalEvent.wheelDelta||t.originalEvent.detail),null!=e)return t.preventDefault(),"DOMMouseScroll"===t.type&&(e=40*e),this.search_results.scrollTop(e+this.search_results.scrollTop())},i.prototype.blur_test=function(t){if(!this.active_field&&this.container.hasClass("chosen-container-active"))return this.close_field()},i.prototype.close_field=function(){return t(this.container[0].ownerDocument).unbind("click.chosen",this.click_test_action),this.active_field=!1,this.results_hide(),this.container.removeClass("chosen-container-active"),this.clear_backstroke(),this.show_search_field_default(),this.search_field_scale()},i.prototype.activate_field=function(){this.container.addClass("chosen-container-active"),this.active_field=!0,this.search_field.val(this.search_field.val())},i.prototype.test_active_click=function(e){var i;return i=t(e.target).closest(".chosen-container"),i.length&&this.container[0]===i[0]?this.active_field=!0:this.close_field()},i.prototype.results_build=function(){return this.parsing=!0,this.selected_option_count=null,this.results_data=s.select_to_array(this.form_field),this.is_multiple?this.search_choices.find("li.search-choice").remove():this.is_multiple||(this.single_set_selected_text(),this.disable_search||this.form_field.options.length<=this.disable_search_threshold?(this.search_field[0].readOnly=!0,this.container.addClass("chosen-container-single-nosearch")):(this.search_field[0].readOnly=!1,this.container.removeClass("chosen-container-single-nosearch"))),this.update_results_content(this.results_option_build({first:!0})),this.search_field_disabled(),this.show_search_field_default(),this.search_field_scale(),this.parsing=!1},i.prototype.result_do_highlight=function(t,e){var i,s,n,a,o,r,l=-1;t.length&&(this.result_clear_highlight(),this.result_highlight=t,this.result_highlight.addClass("highlighted"),n=parseInt(this.search_results.css("maxHeight"),10),r=this.result_highlight.outerHeight(),o=this.search_results.scrollTop(),a=n+o,s=this.result_highlight.position().top+this.search_results.scrollTop(),i=s+r,this.middle_highlight&&(e||"always"===this.middle_highlight||i>=a||s<o)?l=Math.min(s-r,Math.max(0,s-(n-r)/2)):i>=a?l=i-n>0?i-n:0:s<o&&(l=s),l>-1&&this.search_results.scrollTop(l))},i.prototype.result_clear_highlight=function(){return this.result_highlight&&this.result_highlight.removeClass("highlighted"),this.result_highlight=null},i.prototype.results_show=function(){if(this.is_multiple&&this.max_selected_options<=this.choices_count())return this.form_field_jq.trigger("chosen:maxselected",{chosen:this}),!1;this.container.addClass("chosen-with-drop"),this.results_showing=!0,this.search_field.focus(),this.search_field.val(this.search_field.val()),this.winnow_results(1);var e=this.drop_direction;if("auto"===e)if(this.drop_directionFixed)e=this.drop_directionFixed;else{var i=this.container.find(".chosen-drop"),s=this.container.offset();s.top+i.outerHeight()+30>t(window).height()+t(window).scrollTop()&&(e="up"),this.drop_directionFixed=e}return this.container.toggleClass("chosen-up","up"===e),this.form_field_jq.trigger("chosen:showing_dropdown",{chosen:this})},i.prototype.update_results_content=function(t){return this.search_results.html(t)},i.prototype.results_hide=function(){return this.results_showing&&(this.result_clear_highlight(),this.container.removeClass("chosen-with-drop"),this.form_field_jq.trigger("chosen:hiding_dropdown",{chosen:this}),this.drop_directionFixed=0),this.results_showing=!1},i.prototype.set_tab_index=function(t){var e;if(this.form_field.tabIndex)return e=this.form_field.tabIndex,this.form_field.tabIndex=-1,this.search_field[0].tabIndex=e},i.prototype.set_label_behavior=function(){var e=this;if(this.form_field_label=this.form_field_jq.parents("label"),!this.form_field_label.length&&this.form_field.id.length&&(this.form_field_label=t("label[for='"+this.form_field.id+"']")),this.form_field_label.length>0)return this.form_field_label.bind("click.chosen",function(t){return e.is_multiple?e.container_mousedown(t):e.activate_field()})},i.prototype.show_search_field_default=function(){return this.is_multiple&&this.choices_count()<1&&!this.active_field?(this.search_field.val(this.default_text),this.search_field.addClass("default")):(this.search_field.val(""),this.search_field.removeClass("default"))},i.prototype.search_results_mouseup=function(e){var i;i=t(e.target).hasClass("active-result")?t(e.target):t(e.target).parents(".active-result").first(),i.length&&(this.result_highlight=i,this.result_select(e))},i.prototype.search_results_mouseover=function(e){var i;if(i=t(e.target).hasClass("active-result")?t(e.target):t(e.target).parents(".active-result").first())return this.result_do_highlight(i)},i.prototype.search_results_mouseout=function(e){if(t(e.target).hasClass("active-result"))return this.result_clear_highlight()},i.prototype.choice_build=function(e){var i,s,n=this;return i=t("<li />",{"class":"search-choice"}).html("<span title='"+e.html+"'>"+e.html+"</span>"),e.disabled?i.addClass("search-choice-disabled"):(s=t("<a />",{"class":"search-choice-close","data-option-array-index":e.array_index}),s.bind("click.chosen",function(t){return n.choice_destroy_link_click(t)}),i.append(s)),this.search_container.before(i)},i.prototype.choice_destroy_link_click=function(e){if(e.preventDefault(),e.stopPropagation(),!this.is_disabled)return this.choice_destroy(t(e.target))},i.prototype.choice_destroy=function(t){if(this.result_deselect(t[0].getAttribute("data-option-array-index")))return this.show_search_field_default(),this.is_multiple&&this.choices_count()>0&&this.search_field.val().length<1&&this.results_hide(),t.parents("li").first().remove(),this.search_field_scale()},i.prototype.results_reset=function(){if(this.reset_single_select_options(),this.form_field.options[0].selected=!0,this.single_set_selected_text(),this.show_search_field_default(),this.results_reset_cleanup(),this.form_field_jq.trigger("change"),this.active_field)return this.results_hide()},i.prototype.results_reset_cleanup=function(){return this.current_selectedIndex=this.form_field.selectedIndex,this.selected_item.find("abbr").remove()},i.prototype.result_select=function(t){var e,i;if(this.result_highlight)return e=this.result_highlight,this.result_clear_highlight(),this.is_multiple&&this.max_selected_options<=this.choices_count()?(this.form_field_jq.trigger("chosen:maxselected",{chosen:this}),!1):(this.is_multiple?e.removeClass("active-result"):this.reset_single_select_options(),i=this.results_data[e[0].getAttribute("data-option-array-index")],i.selected=!0,this.form_field.options[i.options_index].selected=!0,this.selected_option_count=null,this.is_multiple?this.choice_build(i):this.single_set_selected_text(i.text),(t.metaKey||t.ctrlKey)&&this.is_multiple||this.results_hide(),this.search_field.val(""),(this.is_multiple||this.form_field.selectedIndex!==this.current_selectedIndex)&&this.form_field_jq.trigger("change",{selected:this.form_field.options[i.options_index].value}),this.current_selectedIndex=this.form_field.selectedIndex,this.search_field_scale())},i.prototype.single_set_selected_text=function(t){return null==t&&(t=this.default_text),t===this.default_text?this.selected_item.addClass("chosen-default"):(this.single_deselect_control_build(),this.selected_item.removeClass("chosen-default")),this.selected_item.find("span").attr("title",t).text(t)},i.prototype.result_deselect=function(t){var e;return e=this.results_data[t],!this.form_field.options[e.options_index].disabled&&(e.selected=!1,this.form_field.options[e.options_index].selected=!1,this.selected_option_count=null,this.result_clear_highlight(),this.results_showing&&this.winnow_results(),this.form_field_jq.trigger("change",{deselected:this.form_field.options[e.options_index].value}),this.search_field_scale(),!0)},i.prototype.single_deselect_control_build=function(){if(this.allow_single_deselect)return this.selected_item.find("abbr").length||this.selected_item.find("span").first().after('<abbr class="search-choice-close"></abbr>'),this.selected_item.addClass("chosen-single-with-deselect")},i.prototype.get_search_text=function(){return this.search_field.val()===this.default_text?"":t("<div/>").text(t.trim(this.search_field.val())).html()},i.prototype.winnow_results_set_highlight=function(t){var e,i;if(i=this.is_multiple?[]:this.search_results.find(".result-selected.active-result"),e=i.length?i.first():this.search_results.find(".active-result").first(),null!=e)return this.result_do_highlight(e,t)},i.prototype.no_results=function(e){var i;return i=t('<li class="no-results">'+this.results_none_found+' "<span></span>"</li>'),i.find("span").first().html(e),this.search_results.append(i),this.form_field_jq.trigger("chosen:no_results",{chosen:this})},i.prototype.no_results_clear=function(){return this.search_results.find(".no-results").remove()},i.prototype.keydown_arrow=function(){var t;return this.results_showing&&this.result_highlight?(t=this.result_highlight.nextAll("li.active-result").first())?this.result_do_highlight(t):void 0:this.results_show()},i.prototype.keyup_arrow=function(){var t;return this.results_showing||this.is_multiple?this.result_highlight?(t=this.result_highlight.prevAll("li.active-result"),t.length?this.result_do_highlight(t.first()):(this.choices_count()>0&&this.results_hide(),this.result_clear_highlight())):void 0:this.results_show()},i.prototype.keydown_backstroke=function(){var t;return this.pending_backstroke?(this.choice_destroy(this.pending_backstroke.find("a").first()),this.clear_backstroke()):(t=this.search_container.siblings("li.search-choice").last(),t.length&&!t.hasClass("search-choice-disabled")?(this.pending_backstroke=t,this.single_backstroke_delete?this.keydown_backstroke():this.pending_backstroke.addClass("search-choice-focus")):void 0)},i.prototype.clear_backstroke=function(){return this.pending_backstroke&&this.pending_backstroke.removeClass("search-choice-focus"),this.pending_backstroke=null},i.prototype.keydown_checker=function(t){var e,i;switch(e=null!=(i=t.which)?i:t.keyCode,this.search_field_scale(),8!==e&&this.pending_backstroke&&this.clear_backstroke(),e){case 8:this.backstroke_length=this.search_field.val().length;break;case 9:this.results_showing&&!this.is_multiple&&this.result_select(t),this.mouse_on_container=!1;break;case 13:t.preventDefault();break;case 38:t.preventDefault(),this.keyup_arrow();break;case 40:t.preventDefault(),this.keydown_arrow()}},i.prototype.search_field_scale=function(){var e,i,s,n,a,o,r,l,h;if(this.is_multiple){for(s=0,r=0,a="position:absolute; left: -1000px; top: -1000px; display:none;",o=["font-size","font-style","font-weight","font-family","line-height","text-transform","letter-spacing"],l=0,h=o.length;l<h;l++)n=o[l],a+=n+":"+this.search_field.css(n)+";";return e=t("<div />",{style:a}),e.text(this.search_field.val()),t("body").append(e),r=e.width()+25,e.remove(),i=this.container.outerWidth(),r>i-10&&(r=i-10),this.search_field.css({width:r+"px"})}},i}(e)}.call(this),function(t){"use strict";var e="zui.selectable",i=function(i,s){this.name=e,this.$=t(i),this.id=t.zui.uuid(),this.selectOrder=1,this.selections={},this.getOptions(s),this._init()},s=function(t,e,i){return t>=i.left&&t<=i.left+i.width&&e>=i.top&&e<=i.top+i.height},n=function(t,e){var i=Math.max(t.left,e.left),n=Math.max(t.top,e.top),a=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height);return s(i,n,t)&&s(a,o,t)&&s(i,n,e)&&s(a,o,e)};i.DEFAULTS={selector:"li,tr,div",trigger:"",selectClass:"active",rangeStyle:{border:"1px solid "+(t.zui.colorset?t.zui.colorset.primary:"#3280fc"),backgroundColor:t.zui.colorset?new t.zui.Color(t.zui.colorset.primary).fade(20).toCssStr():"rgba(50, 128, 252, 0.2)"},clickBehavior:"toggle",ignoreVal:3,listenClick:!0},i.prototype.getOptions=function(e){this.options=t.extend({},i.DEFAULTS,this.$.data(),e)},i.prototype.select=function(t){this.toggle(t,!0)},i.prototype.unselect=function(t){this.toggle(t,!1)},i.prototype.toggle=function(e,i,s){var n,a,o=this.options.selector,r=this;if(void 0===e)return void this.$.find(o).each(function(){r.toggle(this,i)});if("object"==typeof e?(n=t(e).closest(o),a=n.data("id")):(a=e,n=r.$.find('.slectable-item[data-id="'+a+'"]')),n&&n.length){if(a||(a=t.zui.uuid(),n.attr("data-id",a)),void 0!==i&&null!==i||(i=!r.selections[a]),!!i!=!!r.selections[a]){var l;t.isFunction(s)&&(l=s(i)),l!==!0&&(r.selections[a]=!!i&&r.selectOrder++,r.callEvent(i?"select":"unselect",{id:a,selections:r.selections,target:n,selected:r.getSelectedArray()},r))}r.options.selectClass&&n.toggleClass(r.options.selectClass,i)}},i.prototype.getSelectedArray=function(){var e=[];return t.each(this.selections,function(t,i){i&&e.push(t)}),e},i.prototype.syncSelectionsFromClass=function(){var e=this;e.$children=e.$.find(e.options.selector);e.selections={},e.$children.each(function(){var i=t(this);e.selections[i.data("id")]=i.hasClass(e.options.selectClass)})},i.prototype._init=function(){var e,i,s,a,o,r,l,h=this.options,c=this,d=h.ignoreVal,u=!0,p="."+this.name+"."+this.id,f=t.isFunction(h.checkFunc)?h.checkFunc:null,g=t.isFunction(h.rangeFunc)?h.rangeFunc:null,m=!1,v=null,y="mousedown"+p,b=function(){a&&c.$children.each(function(){var e=t(this),i=e.offset();i.width=e.outerWidth(),i.height=e.outerHeight();var s=g?g.call(this,a,i):n(a,i);if(f){var o=f.call(c,{intersect:s,target:e,range:a,targetRange:i});o===!0?c.select(e):o===!1&&c.unselect(e)}else s?c.select(e):c.multiKey||c.unselect(e)})},w=function(n){m&&(o=n.pageX,r=n.pageY,a={width:Math.abs(o-e),height:Math.abs(r-i),left:o>e?e:o,top:r>i?i:r},u&&a.width<d&&a.height<d||(s||(s=t('.selectable-range[data-id="'+c.id+'"]'),s.length||(s=t('<div class="selectable-range" data-id="'+c.id+'"></div>').css(t.extend({zIndex:1060,position:"absolute",top:e,left:i,pointerEvents:"none"},c.options.rangeStyle)).appendTo(t("body")))),s.css(a),clearTimeout(l),l=setTimeout(b,10),u=!1))},x=function(e){t(document).off(p),clearTimeout(v),m&&(m=!1,s&&s.remove(),u||a&&(clearTimeout(l),b(),a=null),c.callEvent("finish",{selections:c.selections,selected:c.getSelectedArray()}),e.preventDefault())},_=function(n){if(m)return x(n);var a=t.zui.getMouseButtonCode(h.mouseButton);if(!(a>-1&&n.button!==a||c.altKey||3===n.which||c.callEvent("start",n)===!1)){var o=c.$children=c.$.find(h.selector);o.addClass("slectable-item");var r=c.multiKey?"multi":h.clickBehavior;if("single"===r&&c.unselect(),h.listenClick&&("multi"===r?c.toggle(n.target):"single"===r?c.select(n.target):"toggle"===r&&c.toggle(n.target,null,function(t){c.unselect()})),c.callEvent("startDrag",n)===!1)return void c.callEvent("finish",{selections:c.selections,selected:c.getSelectedArray()});e=n.pageX,i=n.pageY,s=null,u=!0,m=!0,t(document).on("mousemove"+p,w).on("mouseup"+p,x),v=setTimeout(function(){t(document).on(y,x)},10),n.preventDefault()}},C=h.container&&"default"!==h.container?t(h.container):this.$;h.trigger?C.on(y,h.trigger,_):C.on(y,_),t(document).on("keydown",function(t){var e=t.keyCode;17===e||91==e?c.multiKey=e:18===e&&(c.altKey=!0)}).on("keyup",function(t){c.multiKey=!1,c.altKey=!1})},i.prototype.callEvent=function(e,i){var s=t.Event(e+"."+this.name);this.$.trigger(s,i);var n=s.result,a=this.options[e];return t.isFunction(a)&&(n=a.apply(this,t.isArray(i)?i:[i])),n},t.fn.selectable=function(s){return this.each(function(){var n=t(this),a=n.data(e),o="object"==typeof s&&s;a||n.data(e,a=new i(this,o)),"string"==typeof s&&a[s]()})},t.fn.selectable.Constructor=i,t(function(){t('[data-ride="selectable"]').selectable()})}(jQuery),+function(t,e,i){
-"use strict";if(!t.fn.droppable)return void console.error("Sortable requires droppable.js");var s="zui.sortable",n={selector:"li,div",dragCssClass:"invisible",sortingClass:"sortable-sorting"},a="order",o=function(e,i){var s=this;s.$=t(e),s.options=t.extend({},n,s.$.data(),i),s.init()};o.DEFAULTS=n,o.NAME=s,o.prototype.init=function(){var e=this,i=e.$,s=e.options,n=s.selector,o=s.sortingClass,r=s.dragCssClass,l=s.reverse,h=function(i){i=i||e.getItems(1);var s=[];i.each(function(){var e=t(this).data(a);"number"==typeof e&&s.push(e)}),s.sort(function(t,e){return t-e});for(var n=i.length;s.length<n;)s.push(s.length?s[s.length-1]+1:0);l&&s.reverse(),e.maxOrder=0,i.each(function(i){e.maxOrder=Math.max(e.maxOrder,s[i]),t(this).data(a,s[i]).attr("data-"+a,s[i])})};h(),i.droppable({handle:s.trigger,target:n,selector:n,container:i,always:s.always,flex:!0,lazy:s.lazy,canMoveHere:s.canMoveHere,nested:s.nested,before:s.before,mouseButton:s.mouseButton,start:function(t){r&&t.element.addClass(r),e.trigger("start",t)},drag:function(t){if(i.addClass(o),t.isIn){var s=t.element,n=t.target,r=s.data(a),c=n.data(a);if(r||0===r||(e.maxOrder++,r=e.maxOrder,s.attr("data-"+a,r)),c||0===c||(e.maxOrder++,c=e.maxOrder,n.attr("data-"+a,c)),r==c)return;r>c?n[l?"after":"before"](s):n[l?"before":"after"](s);var d=e.getItems(1);h(d),e.trigger(a,{list:d,element:s})}},finish:function(t){r&&t.element&&t.element.removeClass(r),i.removeClass(o),e.trigger("finish",{list:e.getItems(1),element:t.element})}})},o.prototype.destroy=function(){this.$.droppable("destroy"),this.$.data(s,null)},o.prototype.reset=function(){this.destroy(),this.init()},o.prototype.getItems=function(e){var i=this.$.children(this.options.selector).not(".drag-shadow");return e?i:i.map(function(){var e=t(this);return{item:e,order:e.data("order")}})},o.prototype.trigger=function(e,i){return t.zui.callEvent(this.options[e],i,this)},t.fn.sortable=function(e){return this.each(function(){var i=t(this),n=i.data(s),a="object"==typeof e&&e;n?"object"==typeof e&&n.reset():i.data(s,n=new o(this,a)),"string"==typeof e&&n[e]()})},t.fn.sortable.Constructor=o}(jQuery,window,document),/*!
+
+
+(function() {
+    var $, AbstractChosen, Chosen, SelectParser, _ref,
+        __hasProp = {}.hasOwnProperty,
+        __extends = function(child, parent) {
+            for(var key in parent) {
+                if(__hasProp.call(parent, key)) child[key] = parent[key];
+            }
+
+            function ctor() {
+                this.constructor = child;
+            }
+            ctor.prototype = parent.prototype;
+            child.prototype = new ctor();
+            child.__super__ = parent.prototype;
+            return child;
+        };
+
+    var LANGUAGE = {
+        zh_cn: {
+            no_results_text: "没有找到"
+        },
+        zh_tw: {
+            no_results_text: "沒有找到"
+        },
+        en: {
+            no_results_text: "No results match"
+        }
+    }
+
+    SelectParser = (function() {
+        function SelectParser() {
+            this.options_index = 0;
+            this.parsed = [];
+        }
+
+        SelectParser.prototype.add_node = function(child) {
+            if(child.nodeName.toUpperCase() === "OPTGROUP") {
+                return this.add_group(child);
+            } else {
+                return this.add_option(child);
+            }
+        };
+
+        SelectParser.prototype.add_group = function(group) {
+            var group_position, option, _i, _len, _ref, _results;
+            group_position = this.parsed.length;
+            this.parsed.push({
+                array_index: group_position,
+                group: true,
+                label: this.escapeExpression(group.label),
+                children: 0,
+                disabled: group.disabled,
+                title: group.title,
+                search_keys: ($.trim(group.getAttribute('data-keys') || '')).replace(/,/g, ' ')
+            });
+            _ref = group.childNodes;
+            _results = [];
+            for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+                option = _ref[_i];
+                _results.push(this.add_option(option, group_position, group.disabled));
+            }
+            return _results;
+        };
+
+        SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
+            if(option.nodeName.toUpperCase() === "OPTION") {
+                if(option.text !== "") {
+                    if(group_position != null) {
+                        this.parsed[group_position].children += 1;
+                    }
+                    this.parsed.push({
+                        array_index: this.parsed.length,
+                        options_index: this.options_index,
+                        value: option.value,
+                        text: option.text,
+                        title: option.title,
+                        html: option.innerHTML,
+                        selected: option.selected,
+                        disabled: group_disabled === true ? group_disabled : option.disabled,
+                        group_array_index: group_position,
+                        classes: option.className,
+                        style: option.style.cssText,
+                        search_keys: ($.trim(option.getAttribute('data-keys') || '') + option.value).replace(/,/, ' ')
+                    });
+                } else {
+                    this.parsed.push({
+                        array_index: this.parsed.length,
+                        options_index: this.options_index,
+                        empty: true
+                    });
+                }
+                return this.options_index += 1;
+            }
+        };
+
+        SelectParser.prototype.escapeExpression = function(text) {
+            var map, unsafe_chars;
+            if((text == null) || text === false) {
+                return "";
+            }
+            if(!/[\&\<\>\"\'\`]/.test(text)) {
+                return text;
+            }
+            map = {
+                "<": "&lt;",
+                ">": "&gt;",
+                '"': "&quot;",
+                "'": "&#x27;",
+                "`": "&#x60;"
+            };
+            unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g;
+            return text.replace(unsafe_chars, function(chr) {
+                return map[chr] || "&amp;";
+            });
+        };
+
+        return SelectParser;
+
+    })();
+
+    SelectParser.select_to_array = function(select) {
+        var child, parser, _i, _len, _ref;
+        parser = new SelectParser();
+        _ref = select.childNodes;
+        for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+            child = _ref[_i];
+            parser.add_node(child);
+        }
+        return parser.parsed;
+    };
+
+    AbstractChosen = (function() {
+        function AbstractChosen(form_field, options) {
+            this.form_field = form_field;
+            this.options = options != null ? options : {};
+            if(!AbstractChosen.browser_is_supported()) {
+                return;
+            }
+
+            this.lang = LANGUAGE[this.options.lang || ($.zui.clientLang ? $.zui.clientLang() : 'zh_cn')];
+            this.is_multiple = this.form_field.multiple;
+            this.set_default_text();
+            this.set_default_values();
+            this.setup();
+            this.set_up_html();
+            this.register_observers();
+        }
+
+        AbstractChosen.prototype.set_default_values = function() {
+            var _this = this;
+            this.click_test_action = function(evt) {
+                return _this.test_active_click(evt);
+            };
+            this.activate_action = function(evt) {
+                return _this.activate_field(evt);
+            };
+            this.active_field = false;
+            this.mouse_on_container = false;
+            this.results_showing = false;
+            this.result_highlighted = null;
+            this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
+            this.disable_search_threshold = this.options.disable_search_threshold || 0;
+            this.disable_search = this.options.disable_search || false;
+            this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
+            this.group_search = this.options.group_search != null ? this.options.group_search : true;
+            this.search_contains = this.options.search_contains || false;
+            this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true;
+            this.max_selected_options = this.options.max_selected_options || Infinity;
+            this.drop_direction = this.options.drop_direction || 'auto';
+            this.middle_highlight = this.options.middle_highlight;
+            this.inherit_select_classes = this.options.inherit_select_classes || false;
+            this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true;
+            return this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true;
+        };
+
+        AbstractChosen.prototype.set_default_text = function() {
+            if(this.form_field.getAttribute("data-placeholder")) {
+                this.default_text = this.form_field.getAttribute("data-placeholder");
+            } else if(this.is_multiple) {
+                this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text;
+            } else {
+                this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text;
+            }
+            return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || this.lang.no_results_text || AbstractChosen.default_no_result_text;
+        };
+
+        AbstractChosen.prototype.mouse_enter = function() {
+            return this.mouse_on_container = true;
+        };
+
+        AbstractChosen.prototype.mouse_leave = function() {
+            return this.mouse_on_container = false;
+        };
+
+        AbstractChosen.prototype.input_focus = function(evt) {
+            var _this = this;
+            if(this.is_multiple) {
+                if(!this.active_field) {
+                    return setTimeout((function() {
+                        return _this.container_mousedown();
+                    }), 50);
+                }
+            } else {
+                if(!this.active_field) {
+                    return this.activate_field();
+                }
+            }
+        };
+
+        AbstractChosen.prototype.input_blur = function(evt) {
+            var _this = this;
+            if(!this.mouse_on_container) {
+                this.active_field = false;
+                return setTimeout((function() {
+                    return _this.blur_test();
+                }), 100);
+            }
+        };
+
+        AbstractChosen.prototype.results_option_build = function(options) {
+            var content, data, _i, _len, _ref;
+            content = '';
+            _ref = this.results_data;
+            for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+                data = _ref[_i];
+                if(data.group) {
+                    content += this.result_add_group(data);
+                } else {
+                    content += this.result_add_option(data);
+                }
+                if(options != null ? options.first : void 0) {
+                    if(data.selected && this.is_multiple) {
+                        this.choice_build(data);
+                    } else if(data.selected && !this.is_multiple) {
+                        this.single_set_selected_text(data.text);
+                    }
+                }
+            }
+            return content;
+        };
+
+        AbstractChosen.prototype.result_add_option = function(option) {
+            var classes, option_el;
+            if(!option.search_match) {
+                return '';
+            }
+            if(!this.include_option_in_results(option)) {
+                return '';
+            }
+            classes = [];
+            if(!option.disabled && !(option.selected && this.is_multiple)) {
+                classes.push("active-result");
+            }
+            if(option.disabled && !(option.selected && this.is_multiple)) {
+                classes.push("disabled-result");
+            }
+            if(option.selected) {
+                classes.push("result-selected");
+            }
+            if(option.group_array_index != null) {
+                classes.push("group-option");
+            }
+            if(option.classes !== "") {
+                classes.push(option.classes);
+            }
+            option_el = document.createElement("li");
+            option_el.className = classes.join(" ");
+            option_el.style.cssText = option.style;
+            option_el.title = option.title;
+            option_el.setAttribute("data-option-array-index", option.array_index);
+            option_el.innerHTML = option.search_text;
+            return this.outerHTML(option_el);
+        };
+
+        AbstractChosen.prototype.result_add_group = function(group) {
+            var group_el;
+            if(!(group.search_match || group.group_match)) {
+                return '';
+            }
+            if(!(group.active_options > 0)) {
+                return '';
+            }
+            group_el = document.createElement("li");
+            group_el.className = "group-result";
+            group_el.title = group.title;
+            group_el.innerHTML = group.search_text;
+            return this.outerHTML(group_el);
+        };
+
+        AbstractChosen.prototype.results_update_field = function() {
+            this.set_default_text();
+            if(!this.is_multiple) {
+                this.results_reset_cleanup();
+            }
+            this.result_clear_highlight();
+            this.results_build();
+            if(this.results_showing) {
+                return this.winnow_results();
+            }
+        };
+
+        AbstractChosen.prototype.reset_single_select_options = function() {
+            var result, _i, _len, _ref, _results;
+            _ref = this.results_data;
+            _results = [];
+            for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+                result = _ref[_i];
+                if(result.selected) {
+                    _results.push(result.selected = false);
+                } else {
+                    _results.push(void 0);
+                }
+            }
+            return _results;
+        };
+
+        AbstractChosen.prototype.results_toggle = function() {
+            if(this.results_showing) {
+                return this.results_hide();
+            } else {
+                return this.results_show();
+            }
+        };
+
+        AbstractChosen.prototype.results_search = function(evt) {
+            if(this.results_showing) {
+                return this.winnow_results(1);
+            } else {
+                return this.results_show();
+            }
+        };
+
+        AbstractChosen.prototype.winnow_results = function(canMiddleHighlight) {
+            var escapedSearchText, option, regex, regexAnchor, results, results_group, searchText, startpos, text, zregex, _i, _len, _ref;
+            this.no_results_clear();
+            results = 0;
+            searchText = this.get_search_text();
+            escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+            regexAnchor = this.search_contains ? "" : "^";
+            regex = new RegExp(regexAnchor + escapedSearchText, 'i');
+            zregex = new RegExp(escapedSearchText, 'i');
+            _ref = this.results_data;
+            for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+                option = _ref[_i];
+                option.search_match = false;
+                results_group = null;
+                if(this.include_option_in_results(option)) {
+                    if(option.group) {
+                        option.group_match = false;
+                        option.active_options = 0;
+                    }
+                    if((option.group_array_index != null) && this.results_data[option.group_array_index]) {
+                        results_group = this.results_data[option.group_array_index];
+                        if(results_group.active_options === 0 && results_group.search_match) {
+                            results += 1;
+                        }
+                        results_group.active_options += 1;
+                    }
+                    if(!(option.group && !this.group_search)) {
+                        option.search_text = option.group ? option.label : option.html;
+                        option.search_keys_match = this.search_string_match(option.search_keys, regex);
+                        option.search_text_match = this.search_string_match(option.search_text, regex);
+                        option.search_match = option.search_text_match || option.search_keys_match;
+                        if(option.search_match && !option.group) {
+                            results += 1;
+                        }
+                        if(option.search_match) {
+                            if(option.search_text_match && option.search_text.length) {
+                                startpos = option.search_text.search(zregex);
+                                text = option.search_text.substr(0, startpos + searchText.length) + '</em>' + option.search_text.substr(startpos + searchText.length);
+                                option.search_text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
+                            } else if(option.search_keys_match && option.search_keys.length) {
+                                startpos = option.search_keys.search(zregex);
+                                text = option.search_keys.substr(0, startpos + searchText.length) + '</em>' + option.search_keys.substr(startpos + searchText.length);
+                                option.search_text += '&nbsp; <small style="opacity: 0.7">' + text.substr(0, startpos) + '<em>' + text.substr(startpos) + '</small>';
+                            }
+                            if(results_group != null) {
+                                results_group.group_match = true;
+                            }
+                        } else if((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) {
+                            option.search_match = true;
+                        }
+                    }
+                }
+            }
+            this.result_clear_highlight();
+            if(results < 1 && searchText.length) {
+                this.update_results_content("");
+                return this.no_results(searchText);
+            } else {
+                this.update_results_content(this.results_option_build());
+                return this.winnow_results_set_highlight(canMiddleHighlight);
+            }
+        };
+
+        AbstractChosen.prototype.search_string_match = function(search_string, regex) {
+            var part, parts, _i, _len;
+            if(regex.test(search_string)) {
+                return true;
+            } else if(this.enable_split_word_search && (search_string.indexOf(" ") >= 0 || search_string.indexOf("[") === 0)) {
+                parts = search_string.replace(/\[|\]/g, "").split(" ");
+                if(parts.length) {
+                    for(_i = 0, _len = parts.length; _i < _len; _i++) {
+                        part = parts[_i];
+                        if(regex.test(part)) {
+                            return true;
+                        }
+                    }
+                }
+            }
+        };
+
+        AbstractChosen.prototype.choices_count = function() {
+            var option, _i, _len, _ref;
+            if(this.selected_option_count != null) {
+                return this.selected_option_count;
+            }
+            this.selected_option_count = 0;
+            _ref = this.form_field.options;
+            for(_i = 0, _len = _ref.length; _i < _len; _i++) {
+                option = _ref[_i];
+                if(option.selected && option.value != '') {
+                    this.selected_option_count += 1;
+                }
+            }
+            return this.selected_option_count;
+        };
+
+        AbstractChosen.prototype.choices_click = function(evt) {
+            evt.preventDefault();
+            if(!(this.results_showing || this.is_disabled)) {
+                return this.results_show();
+            }
+        };
+
+        AbstractChosen.prototype.keyup_checker = function(evt) {
+            var stroke, _ref;
+            stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+            this.search_field_scale();
+            switch(stroke) {
+                case 8:
+                    if(this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) {
+                        return this.keydown_backstroke();
+                    } else if(!this.pending_backstroke) {
+                        this.result_clear_highlight();
+                        return this.results_search();
+                    }
+                    break;
+                case 13:
+                    evt.preventDefault();
+                    if(this.results_showing) {
+                        return this.result_select(evt);
+                    }
+                    break;
+                case 27:
+                    if(this.results_showing) {
+                        this.results_hide();
+                    }
+                    return true;
+                case 9:
+                case 38:
+                case 40:
+                case 16:
+                case 91:
+                case 17:
+                    break;
+                default:
+                    return this.results_search();
+            }
+        };
+
+        AbstractChosen.prototype.clipboard_event_checker = function(evt) {
+            var _this = this;
+            return setTimeout((function() {
+                return _this.results_search();
+            }), 50);
+        };
+
+        AbstractChosen.prototype.container_width = function() {
+            if (this.options.width != null) {
+                return this.options.width;
+            } else if (this.form_field.classList.contains('form-control')) {
+                return '100%';
+            } else {
+                return "" + this.form_field.offsetWidth + "px";
+            }
+        };
+
+        AbstractChosen.prototype.include_option_in_results = function(option) {
+            if(this.is_multiple && (!this.display_selected_options && option.selected)) {
+                return false;
+            }
+            if(!this.display_disabled_options && option.disabled) {
+                return false;
+            }
+            if(option.empty) {
+                return false;
+            }
+            return true;
+        };
+
+        AbstractChosen.prototype.search_results_touchstart = function(evt) {
+            this.touch_started = true;
+            return this.search_results_mouseover(evt);
+        };
+
+        AbstractChosen.prototype.search_results_touchmove = function(evt) {
+            this.touch_started = false;
+            return this.search_results_mouseout(evt);
+        };
+
+        AbstractChosen.prototype.search_results_touchend = function(evt) {
+            if(this.touch_started) {
+                return this.search_results_mouseup(evt);
+            }
+        };
+
+        AbstractChosen.prototype.outerHTML = function(element) {
+            var tmp;
+            if(element.outerHTML) {
+                return element.outerHTML;
+            }
+            tmp = document.createElement("div");
+            tmp.appendChild(element);
+            return tmp.innerHTML;
+        };
+
+        AbstractChosen.browser_is_supported = function() {
+            if(window.navigator.appName === "Microsoft Internet Explorer") {
+                return document.documentMode >= 8;
+            }
+            if(/iP(od|hone)/i.test(window.navigator.userAgent)) {
+                return false;
+            }
+            if(/Android/i.test(window.navigator.userAgent)) {
+                if(/Mobile/i.test(window.navigator.userAgent)) {
+                    return false;
+                }
+            }
+            return true;
+        };
+
+        AbstractChosen.default_multiple_text = "";
+
+        AbstractChosen.default_single_text = "";
+
+        AbstractChosen.default_no_result_text = "No results match";
+
+        return AbstractChosen;
+
+    })();
+
+    $ = jQuery;
+
+    $.fn.extend({
+        chosen: function(options) {
+            if(!AbstractChosen.browser_is_supported()) {
+                return this;
+            }
+            return this.each(function(input_field) {
+                var $this, chosen;
+                $this = $(this);
+                chosen = $this.data('chosen');
+                if(options === 'destroy' && chosen) {
+                    chosen.destroy();
+                } else if(!chosen) {
+                    $this.data('chosen', new Chosen(this, options));
+                }
+            });
+        }
+    });
+
+    Chosen = (function(_super) {
+        __extends(Chosen, _super);
+
+        function Chosen() {
+            _ref = Chosen.__super__.constructor.apply(this, arguments);
+            return _ref;
+        }
+
+        Chosen.prototype.setup = function() {
+            this.form_field_jq = $(this.form_field);
+            this.current_selectedIndex = this.form_field.selectedIndex;
+            return this.is_rtl = this.form_field_jq.hasClass("chosen-rtl");
+        };
+
+        Chosen.prototype.set_up_html = function() {
+            var container_classes, container_props;
+            container_classes = ["chosen-container"];
+            container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single"));
+            if(this.inherit_select_classes && this.form_field.className) {
+                container_classes.push(this.form_field.className);
+            }
+            if(this.is_rtl) {
+                container_classes.push("chosen-rtl");
+            }
+            var strClass = this.form_field.getAttribute('data-css-class');
+            if(strClass) {
+                container_classes.push(strClass);
+            }
+
+            container_props = {
+                'class': container_classes.join(' '),
+                'style': "width: " + (this.container_width()) + ";",
+                'title': this.form_field.title
+            };
+            if(this.form_field.id.length) {
+                container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen";
+            }
+            this.container = $("<div />", container_props);
+            if(this.is_multiple) {
+                this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>');
+            } else {
+                this.container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>');
+            }
+            this.form_field_jq.hide().after(this.container);
+            this.dropdown = this.container.find('div.chosen-drop').first();
+            this.search_field = this.container.find('input').first();
+            this.search_results = this.container.find('ul.chosen-results').first();
+            this.search_field_scale();
+            this.search_no_results = this.container.find('li.no-results').first();
+            if(this.is_multiple) {
+                this.search_choices = this.container.find('ul.chosen-choices').first();
+                this.search_container = this.container.find('li.search-field').first();
+            } else {
+                this.search_container = this.container.find('div.chosen-search').first();
+                this.selected_item = this.container.find('.chosen-single').first();
+            }
+            if(this.options.drop_width) {
+                this.dropdown.css('width', this.options.drop_width).addClass('chosen-drop-size-limited');
+            }
+            this.results_build();
+            this.set_tab_index();
+            this.set_label_behavior();
+            return this.form_field_jq.trigger("chosen:ready", {
+                chosen: this
+            });
+        };
+
+        Chosen.prototype.register_observers = function() {
+            var _this = this;
+            this.container.bind('mousedown.chosen', function(evt) {
+                _this.container_mousedown(evt);
+            });
+            this.container.bind('mouseup.chosen', function(evt) {
+                _this.container_mouseup(evt);
+            });
+            this.container.bind('mouseenter.chosen', function(evt) {
+                _this.mouse_enter(evt);
+            });
+            this.container.bind('mouseleave.chosen', function(evt) {
+                _this.mouse_leave(evt);
+            });
+            this.search_results.bind('mouseup.chosen', function(evt) {
+                _this.search_results_mouseup(evt);
+            });
+            this.search_results.bind('mouseover.chosen', function(evt) {
+                _this.search_results_mouseover(evt);
+            });
+            this.search_results.bind('mouseout.chosen', function(evt) {
+                _this.search_results_mouseout(evt);
+            });
+            this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) {
+                _this.search_results_mousewheel(evt);
+            });
+            this.search_results.bind('touchstart.chosen', function(evt) {
+                _this.search_results_touchstart(evt);
+            });
+            this.search_results.bind('touchmove.chosen', function(evt) {
+                _this.search_results_touchmove(evt);
+            });
+            this.search_results.bind('touchend.chosen', function(evt) {
+                _this.search_results_touchend(evt);
+            });
+            this.form_field_jq.bind("chosen:updated.chosen", function(evt) {
+                _this.results_update_field(evt);
+            });
+            this.form_field_jq.bind("chosen:activate.chosen", function(evt) {
+                _this.activate_field(evt);
+            });
+            this.form_field_jq.bind("chosen:open.chosen", function(evt) {
+                _this.container_mousedown(evt);
+            });
+            this.form_field_jq.bind("chosen:close.chosen", function(evt) {
+                _this.input_blur(evt);
+            });
+            this.search_field.bind('blur.chosen', function(evt) {
+                _this.input_blur(evt);
+            });
+            this.search_field.bind('keyup.chosen', function(evt) {
+                _this.keyup_checker(evt);
+            });
+            this.search_field.bind('keydown.chosen', function(evt) {
+                _this.keydown_checker(evt);
+            });
+            this.search_field.bind('focus.chosen', function(evt) {
+                _this.input_focus(evt);
+            });
+            this.search_field.bind('cut.chosen', function(evt) {
+                _this.clipboard_event_checker(evt);
+            });
+            this.search_field.bind('paste.chosen', function(evt) {
+                _this.clipboard_event_checker(evt);
+            });
+            if(this.is_multiple) {
+                return this.search_choices.bind('click.chosen', function(evt) {
+                    _this.choices_click(evt);
+                });
+            } else {
+                return this.container.bind('click.chosen', function(evt) {
+                    evt.preventDefault();
+                });
+            }
+        };
+
+        Chosen.prototype.destroy = function() {
+            $(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
+            if(this.search_field[0].tabIndex) {
+                this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex;
+            }
+            this.container.remove();
+            this.form_field_jq.removeData('chosen');
+            return this.form_field_jq.show();
+        };
+
+        Chosen.prototype.search_field_disabled = function() {
+            this.is_disabled = this.form_field_jq[0].disabled;
+            if(this.is_disabled) {
+                this.container.addClass('chosen-disabled');
+                this.search_field[0].disabled = true;
+                if(!this.is_multiple) {
+                    this.selected_item.unbind("focus.chosen", this.activate_action);
+                }
+                return this.close_field();
+            } else {
+                this.container.removeClass('chosen-disabled');
+                this.search_field[0].disabled = false;
+                if(!this.is_multiple) {
+                    return this.selected_item.bind("focus.chosen", this.activate_action);
+                }
+            }
+        };
+
+        Chosen.prototype.container_mousedown = function(evt) {
+            if(!this.is_disabled) {
+                if(evt && evt.type === "mousedown" && !this.results_showing) {
+                    evt.preventDefault();
+                }
+                if(!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) {
+                    if(!this.active_field) {
+                        if(this.is_multiple) {
+                            this.search_field.val("");
+                        }
+                        $(this.container[0].ownerDocument).bind('click.chosen', this.click_test_action);
+                        this.results_show();
+                    } else if(!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) {
+                        evt.preventDefault();
+                        this.results_toggle();
+                    }
+                    return this.activate_field();
+                }
+            }
+        };
+
+        Chosen.prototype.container_mouseup = function(evt) {
+            if(evt.target.nodeName === "ABBR" && !this.is_disabled) {
+                return this.results_reset(evt);
+            }
+        };
+
+        Chosen.prototype.search_results_mousewheel = function(evt) {
+            var delta;
+            if(evt.originalEvent) {
+                delta = -evt.originalEvent.wheelDelta || evt.originalEvent.detail;
+            }
+            if(delta != null) {
+                evt.preventDefault();
+                if(evt.type === 'DOMMouseScroll') {
+                    delta = delta * 40;
+                }
+                return this.search_results.scrollTop(delta + this.search_results.scrollTop());
+            }
+        };
+
+        Chosen.prototype.blur_test = function(evt) {
+            if(!this.active_field && this.container.hasClass("chosen-container-active")) {
+                return this.close_field();
+            }
+        };
+
+        Chosen.prototype.close_field = function() {
+            $(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
+            this.active_field = false;
+            this.results_hide();
+            this.container.removeClass("chosen-container-active");
+            this.clear_backstroke();
+            this.show_search_field_default();
+            return this.search_field_scale();
+        };
+
+        Chosen.prototype.activate_field = function() {
+            this.container.addClass("chosen-container-active");
+            this.active_field = true;
+            this.search_field.val(this.search_field.val());
+            // return this.search_field.focus(); ZUI: bug: when user select a item by click, container scroll to left automaticly.
+        };
+
+        Chosen.prototype.test_active_click = function(evt) {
+            var active_container;
+            active_container = $(evt.target).closest('.chosen-container');
+            if(active_container.length && this.container[0] === active_container[0]) {
+                return this.active_field = true;
+            } else {
+                return this.close_field();
+            }
+        };
+
+        Chosen.prototype.results_build = function() {
+            this.parsing = true;
+            this.selected_option_count = null;
+            this.results_data = SelectParser.select_to_array(this.form_field);
+            if(this.is_multiple) {
+                this.search_choices.find("li.search-choice").remove();
+            } else if(!this.is_multiple) {
+                this.single_set_selected_text();
+                if(this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
+                    this.search_field[0].readOnly = true;
+                    this.container.addClass("chosen-container-single-nosearch");
+                } else {
+                    this.search_field[0].readOnly = false;
+                    this.container.removeClass("chosen-container-single-nosearch");
+                }
+            }
+            this.update_results_content(this.results_option_build({
+                first: true
+            }));
+            this.search_field_disabled();
+            this.show_search_field_default();
+            this.search_field_scale();
+            return this.parsing = false;
+        };
+
+        Chosen.prototype.result_do_highlight = function(el, canMiddleHighlight) {
+            var high_bottom, high_top, maxHeight, visible_bottom, visible_top, resultHeight, scrollTop = -1;
+            if(el.length) {
+                this.result_clear_highlight();
+                this.result_highlight = el;
+                this.result_highlight.addClass("highlighted");
+                maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
+                resultHeight = this.result_highlight.outerHeight();
+                visible_top = this.search_results.scrollTop();
+                visible_bottom = maxHeight + visible_top;
+                high_top = this.result_highlight.position().top + this.search_results.scrollTop();
+                high_bottom = high_top + resultHeight;
+                if(this.middle_highlight && (canMiddleHighlight || this.middle_highlight === 'always' || high_bottom >= visible_bottom || high_top < visible_top)) {
+                    scrollTop = Math.min(high_top - resultHeight, Math.max(0, high_top - (maxHeight - resultHeight)/2));
+                } else if(high_bottom >= visible_bottom) {
+                    scrollTop = (high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0;
+                } else if(high_top < visible_top) {
+                    scrollTop = high_top;
+                }
+                if(scrollTop > -1) {
+                    this.search_results.scrollTop(scrollTop);
+                }
+            }
+        };
+
+        Chosen.prototype.result_clear_highlight = function() {
+            if(this.result_highlight) {
+                this.result_highlight.removeClass("highlighted");
+            }
+            return this.result_highlight = null;
+        };
+
+        Chosen.prototype.results_show = function() {
+            if(this.is_multiple && this.max_selected_options <= this.choices_count()) {
+                this.form_field_jq.trigger("chosen:maxselected", {
+                    chosen: this
+                });
+                return false;
+            }
+            this.container.addClass("chosen-with-drop");
+            this.results_showing = true;
+            this.search_field.focus();
+            this.search_field.val(this.search_field.val());
+            this.winnow_results(1);
+
+            var dropDirection = this.drop_direction;
+            if(dropDirection === 'auto') {
+                if (!this.drop_directionFixed) {
+                    var $drop = this.container.find('.chosen-drop');
+                    var offset = this.container.offset();
+                    if(offset.top + $drop.outerHeight() + 30 > $(window).height() + $(window).scrollTop()) {
+                        dropDirection = 'up';
+                    }
+                    this.drop_directionFixed = dropDirection;
+                } else {
+                    dropDirection = this.drop_directionFixed;
+                }
+            }
+            this.container.toggleClass('chosen-up', dropDirection === 'up');
+
+            return this.form_field_jq.trigger("chosen:showing_dropdown", {
+                chosen: this
+            });
+        };
+
+        Chosen.prototype.update_results_content = function(content) {
+            return this.search_results.html(content);
+        };
+
+        Chosen.prototype.results_hide = function() {
+            if(this.results_showing) {
+                this.result_clear_highlight();
+                this.container.removeClass("chosen-with-drop");
+                this.form_field_jq.trigger("chosen:hiding_dropdown", {
+                    chosen: this
+                });
+                this.drop_directionFixed = 0;
+            }
+            return this.results_showing = false;
+        };
+
+        Chosen.prototype.set_tab_index = function(el) {
+            var ti;
+            if(this.form_field.tabIndex) {
+                ti = this.form_field.tabIndex;
+                this.form_field.tabIndex = -1;
+                return this.search_field[0].tabIndex = ti;
+            }
+        };
+
+        Chosen.prototype.set_label_behavior = function() {
+            var _this = this;
+            this.form_field_label = this.form_field_jq.parents("label");
+            if(!this.form_field_label.length && this.form_field.id.length) {
+                this.form_field_label = $("label[for='" + this.form_field.id + "']");
+            }
+            if(this.form_field_label.length > 0) {
+                return this.form_field_label.bind('click.chosen', function(evt) {
+                    if(_this.is_multiple) {
+                        return _this.container_mousedown(evt);
+                    } else {
+                        return _this.activate_field();
+                    }
+                });
+            }
+        };
+
+        Chosen.prototype.show_search_field_default = function() {
+            if(this.is_multiple && this.choices_count() < 1 && !this.active_field) {
+                this.search_field.val(this.default_text);
+                return this.search_field.addClass("default");
+            } else {
+                this.search_field.val("");
+                return this.search_field.removeClass("default");
+            }
+        };
+
+        Chosen.prototype.search_results_mouseup = function(evt) {
+            var target;
+            target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+            if(target.length) {
+                this.result_highlight = target;
+                this.result_select(evt);
+                // return this.search_field.focus(); // ZUI: bug: when user select a item by click, container scroll to left automaticly.
+            }
+        };
+
+        Chosen.prototype.search_results_mouseover = function(evt) {
+            var target;
+            target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+            if(target) {
+                return this.result_do_highlight(target);
+            }
+        };
+
+        Chosen.prototype.search_results_mouseout = function(evt) {
+            if($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
+                return this.result_clear_highlight();
+            }
+        };
+
+        Chosen.prototype.choice_build = function(item) {
+            var choice, close_link,
+                _this = this;
+            choice = $('<li />', {
+                "class": "search-choice"
+                    /// ZUI change begin
+                    /// Set title to span with item value
+                    ///            }).html("<span>" + item.html + "</span>");
+            }).html("<span title='" + item.html + "'>" + item.html + "</span>");
+            /// ZUI change end
+            if(item.disabled) {
+                choice.addClass('search-choice-disabled');
+            } else {
+                close_link = $('<a />', {
+                    "class": 'search-choice-close',
+                    'data-option-array-index': item.array_index
+                });
+                close_link.bind('click.chosen', function(evt) {
+                    return _this.choice_destroy_link_click(evt);
+                });
+                choice.append(close_link);
+            }
+            return this.search_container.before(choice);
+        };
+
+        Chosen.prototype.choice_destroy_link_click = function(evt) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            if(!this.is_disabled) {
+                return this.choice_destroy($(evt.target));
+            }
+        };
+
+        Chosen.prototype.choice_destroy = function(link) {
+            if(this.result_deselect(link[0].getAttribute("data-option-array-index"))) {
+                this.show_search_field_default();
+                if(this.is_multiple && this.choices_count() > 0 && this.search_field.val().length < 1) {
+                    this.results_hide();
+                }
+                link.parents('li').first().remove();
+                return this.search_field_scale();
+            }
+        };
+
+        Chosen.prototype.results_reset = function() {
+            this.reset_single_select_options();
+            this.form_field.options[0].selected = true;
+            this.single_set_selected_text();
+            this.show_search_field_default();
+            this.results_reset_cleanup();
+            this.form_field_jq.trigger("change");
+            if(this.active_field) {
+                return this.results_hide();
+            }
+        };
+
+        Chosen.prototype.results_reset_cleanup = function() {
+            this.current_selectedIndex = this.form_field.selectedIndex;
+            return this.selected_item.find("abbr").remove();
+        };
+
+        Chosen.prototype.result_select = function(evt) {
+            var high, item;
+            if(this.result_highlight) {
+                high = this.result_highlight;
+                this.result_clear_highlight();
+                if(this.is_multiple && this.max_selected_options <= this.choices_count()) {
+                    this.form_field_jq.trigger("chosen:maxselected", {
+                        chosen: this
+                    });
+                    return false;
+                }
+                if(this.is_multiple) {
+                    high.removeClass("active-result");
+                } else {
+                    this.reset_single_select_options();
+                }
+                item = this.results_data[high[0].getAttribute("data-option-array-index")];
+                item.selected = true;
+                this.form_field.options[item.options_index].selected = true;
+                this.selected_option_count = null;
+                if(this.is_multiple) {
+                    this.choice_build(item);
+                } else {
+                    this.single_set_selected_text(item.text);
+                }
+                if(!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
+                    this.results_hide();
+                }
+                this.search_field.val("");
+                if(this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) {
+                    this.form_field_jq.trigger("change", {
+                        'selected': this.form_field.options[item.options_index].value
+                    });
+                }
+                this.current_selectedIndex = this.form_field.selectedIndex;
+                return this.search_field_scale();
+            }
+        };
+
+        Chosen.prototype.single_set_selected_text = function(text) {
+            if(text == null) {
+                text = this.default_text;
+            }
+            if(text === this.default_text) {
+                this.selected_item.addClass("chosen-default");
+            } else {
+                this.single_deselect_control_build();
+                this.selected_item.removeClass("chosen-default");
+            }
+            /// ZUI change begin
+            /// Change title with text
+            ///         return this.selected_item.find("span").text(text); // old code
+            return this.selected_item.find("span").attr('title', text).text(text);
+            /// ZUI change end
+        };
+
+        Chosen.prototype.result_deselect = function(pos) {
+            var result_data;
+            result_data = this.results_data[pos];
+            if(!this.form_field.options[result_data.options_index].disabled) {
+                result_data.selected = false;
+                this.form_field.options[result_data.options_index].selected = false;
+                this.selected_option_count = null;
+                this.result_clear_highlight();
+                if(this.results_showing) {
+                    this.winnow_results();
+                }
+                this.form_field_jq.trigger("change", {
+                    deselected: this.form_field.options[result_data.options_index].value
+                });
+                this.search_field_scale();
+                return true;
+            } else {
+                return false;
+            }
+        };
+
+        Chosen.prototype.single_deselect_control_build = function() {
+            if(!this.allow_single_deselect) {
+                return;
+            }
+            if(!this.selected_item.find("abbr").length) {
+                this.selected_item.find("span").first().after("<abbr class=\"search-choice-close\"></abbr>");
+            }
+            return this.selected_item.addClass("chosen-single-with-deselect");
+        };
+
+        Chosen.prototype.get_search_text = function() {
+            if(this.search_field.val() === this.default_text) {
+                return "";
+            } else {
+                return $('<div/>').text($.trim(this.search_field.val())).html();
+            }
+        };
+
+        Chosen.prototype.winnow_results_set_highlight = function(canMiddleHighlight) {
+            var do_high, selected_results;
+            selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : [];
+            do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
+            if(do_high != null) {
+                return this.result_do_highlight(do_high, canMiddleHighlight);
+            }
+        };
+
+        Chosen.prototype.no_results = function(terms) {
+            var no_results_html;
+            no_results_html = $('<li class="no-results">' + this.results_none_found + ' "<span></span>"</li>');
+            no_results_html.find("span").first().html(terms);
+            this.search_results.append(no_results_html);
+            return this.form_field_jq.trigger("chosen:no_results", {
+                chosen: this
+            });
+        };
+
+        Chosen.prototype.no_results_clear = function() {
+            return this.search_results.find(".no-results").remove();
+        };
+
+        Chosen.prototype.keydown_arrow = function() {
+            var next_sib;
+            if(this.results_showing && this.result_highlight) {
+                next_sib = this.result_highlight.nextAll("li.active-result").first();
+                if(next_sib) {
+                    return this.result_do_highlight(next_sib);
+                }
+            } else {
+                return this.results_show();
+            }
+        };
+
+        Chosen.prototype.keyup_arrow = function() {
+            var prev_sibs;
+            if(!this.results_showing && !this.is_multiple) {
+                return this.results_show();
+            } else if(this.result_highlight) {
+                prev_sibs = this.result_highlight.prevAll("li.active-result");
+                if(prev_sibs.length) {
+                    return this.result_do_highlight(prev_sibs.first());
+                } else {
+                    if(this.choices_count() > 0) {
+                        this.results_hide();
+                    }
+                    return this.result_clear_highlight();
+                }
+            }
+        };
+
+        Chosen.prototype.keydown_backstroke = function() {
+            var next_available_destroy;
+            if(this.pending_backstroke) {
+                this.choice_destroy(this.pending_backstroke.find("a").first());
+                return this.clear_backstroke();
+            } else {
+                next_available_destroy = this.search_container.siblings("li.search-choice").last();
+                if(next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) {
+                    this.pending_backstroke = next_available_destroy;
+                    if(this.single_backstroke_delete) {
+                        return this.keydown_backstroke();
+                    } else {
+                        return this.pending_backstroke.addClass("search-choice-focus");
+                    }
+                }
+            }
+        };
+
+        Chosen.prototype.clear_backstroke = function() {
+            if(this.pending_backstroke) {
+                this.pending_backstroke.removeClass("search-choice-focus");
+            }
+            return this.pending_backstroke = null;
+        };
+
+        Chosen.prototype.keydown_checker = function(evt) {
+            var stroke, _ref1;
+            stroke = (_ref1 = evt.which) != null ? _ref1 : evt.keyCode;
+            this.search_field_scale();
+            if(stroke !== 8 && this.pending_backstroke) {
+                this.clear_backstroke();
+            }
+            switch(stroke) {
+                case 8:
+                    this.backstroke_length = this.search_field.val().length;
+                    break;
+                case 9:
+                    if(this.results_showing && !this.is_multiple) {
+                        this.result_select(evt);
+                    }
+                    this.mouse_on_container = false;
+                    break;
+                case 13:
+                    evt.preventDefault();
+                    break;
+                case 38:
+                    evt.preventDefault();
+                    this.keyup_arrow();
+                    break;
+                case 40:
+                    evt.preventDefault();
+                    this.keydown_arrow();
+                    break;
+            }
+        };
+
+        Chosen.prototype.search_field_scale = function() {
+            var div, f_width, h, style, style_block, styles, w, _i, _len;
+            if(this.is_multiple) {
+                h = 0;
+                w = 0;
+                style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
+                styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
+                for(_i = 0, _len = styles.length; _i < _len; _i++) {
+                    style = styles[_i];
+                    style_block += style + ":" + this.search_field.css(style) + ";";
+                }
+                div = $('<div />', {
+                    'style': style_block
+                });
+                div.text(this.search_field.val());
+                $('body').append(div);
+                w = div.width() + 25;
+                div.remove();
+                f_width = this.container.outerWidth();
+                if(w > f_width - 10) {
+                    w = f_width - 10;
+                }
+                return this.search_field.css({
+                    'width': w + 'px'
+                });
+            }
+        };
+
+        return Chosen;
+
+    })(AbstractChosen);
+}).call(this);
+
+
+/* ========================================================================
+ * ZUI: selectable.js [1.5.0+]
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    var name = 'zui.selectable'; // module name
+
+    // The selectable modal class
+    var Selectable = function(element, options) {
+        this.name = name;
+        this.$ = $(element);
+        this.id = $.zui.uuid();
+        this.selectOrder = 1;
+        this.selections = {};
+
+        this.getOptions(options);
+        this._init();
+    };
+
+    var isPointInner = function(x, y, a) {
+        return x >= a.left && x <= (a.left + a.width) && y >= a.top && y <= (a.top + a.height);
+    };
+
+    var isIntersectArea = function(a, b) {
+        var x1 = Math.max(a.left, b.left),
+            y1 = Math.max(a.top, b.top),
+            x2 = Math.min(a.left + a.width, b.left + b.width),
+            y2 = Math.min(a.top + a.height, b.top + b.height);
+
+        return isPointInner(x1, y1, a) && isPointInner(x2, y2, a) && isPointInner(x1, y1, b) && isPointInner(x2, y2, b);
+    };
+
+    // default options
+    Selectable.DEFAULTS = {
+        selector: 'li,tr,div',
+        trigger: '',
+        selectClass: 'active',
+        rangeStyle: {
+            border: '1px solid ' + ($.zui.colorset ? $.zui.colorset.primary : '#3280fc'),
+            backgroundColor: $.zui.colorset ? (new $.zui.Color($.zui.colorset.primary).fade(20).toCssStr()) : 'rgba(50, 128, 252, 0.2)'
+        },
+        clickBehavior: 'toggle',
+        ignoreVal: 3,
+        listenClick: true
+        // mouseButton: -1 // 0, 1, 2, -1, all, left,  right, middle
+    };
+
+    // Get and init options
+    Selectable.prototype.getOptions = function(options) {
+        this.options = $.extend({}, Selectable.DEFAULTS, this.$.data(), options);
+    };
+
+    Selectable.prototype.select = function(elementOrid) {
+        this.toggle(elementOrid, true);
+    };
+
+    Selectable.prototype.unselect = function(elementOrid) {
+        this.toggle(elementOrid, false);
+    };
+
+    Selectable.prototype.toggle = function(elementOrid, isSelect, handle) {
+        var $element, id, selector = this.options.selector, that = this;
+        if(elementOrid === undefined) {
+            this.$.find(selector).each(function() {
+                that.toggle(this, isSelect);
+            });
+            return;
+        } else if(typeof elementOrid === 'object') {
+            $element = $(elementOrid).closest(selector);
+            id = $element.data('id');
+        } else {
+            id = elementOrid;
+            $element = that.$.find('.slectable-item[data-id="' + id + '"]');
+        }
+        if($element && $element.length) {
+            if(!id) {
+                id = $.zui.uuid();
+                $element.attr('data-id', id);
+            }
+            if(isSelect === undefined || isSelect === null) {
+                isSelect = !that.selections[id];
+            }
+            if(!!isSelect !== !!that.selections[id]) {
+                var handleResult;
+                if($.isFunction(handle)) {
+                    handleResult = handle(isSelect);
+                }
+                if(handleResult !== true) {
+                    that.selections[id] = isSelect ? that.selectOrder++ : false;
+                    that.callEvent(isSelect ? 'select' : 'unselect', {id: id, selections: that.selections, target: $element, selected: that.getSelectedArray()}, that);
+                }
+            }
+            if (that.options.selectClass) {
+                $element.toggleClass(that.options.selectClass, isSelect);
+            }
+        }
+    };
+
+    Selectable.prototype.getSelectedArray = function() {
+        var selected = [];
+        $.each(this.selections, function(thisId, thisIsSelected) {
+            if(thisIsSelected) selected.push(thisId);
+        });
+        return selected;
+    };
+
+    Selectable.prototype.syncSelectionsFromClass = function() {
+        var that = this;
+        var $children = that.$children = that.$.find(that.options.selector);
+        that.selections = {};
+        that.$children.each(function() {
+            var $item = $(this);
+            that.selections[$item.data('id')] = $item.hasClass(that.options.selectClass);
+        });
+    };
+
+    Selectable.prototype._init = function() {
+        var options = this.options, that = this;
+        var ignoreVal = options.ignoreVal;
+        var isIgnoreMove = true;
+        var eventNamespace = '.' + this.name + '.' + this.id;
+        var startX, startY, $range, range, x, y, checkRangeCall;
+        var checkFunc = $.isFunction(options.checkFunc) ? options.checkFunc : null;
+        var rangeFunc = $.isFunction(options.rangeFunc) ? options.rangeFunc : null;
+        var isMouseDown    = false;
+        var mouseDownBackEventCall = null;
+        var mouseDownEventName = 'mousedown' + eventNamespace;
+
+        var checkRange = function() {
+            if(!range) return;
+            that.$children.each(function() {
+                var $item = $(this);
+                var offset = $item.offset();
+                offset.width = $item.outerWidth();
+                offset.height = $item.outerHeight();
+                var isIntersect = rangeFunc ? rangeFunc.call(this, range, offset) : isIntersectArea(range, offset);
+                if(checkFunc) {
+                    var result = checkFunc.call(that, {
+                        intersect: isIntersect,
+                        target: $item,
+                        range: range,
+                        targetRange: offset
+                    });
+                    if(result === true) {
+                        that.select($item);
+                    } else if(result === false) {
+                        that.unselect($item);
+                    }
+                } else {
+                    if(isIntersect) {
+                        that.select($item);
+                    } else if(!that.multiKey) {
+                        that.unselect($item);
+                    }
+                }
+            });
+        };
+
+        var mousemove = function(e) {
+            if(!isMouseDown) return;
+            x = e.pageX;
+            y = e.pageY;
+            range = {
+                width: Math.abs(x - startX),
+                height: Math.abs(y - startY),
+                left: x > startX ? startX : x,
+                top: y > startY ? startY : y
+            };
+
+            if(isIgnoreMove && range.width < ignoreVal && range.height < ignoreVal) return;
+            if(!$range) {
+                $range = $('.selectable-range[data-id="' + that.id + '"]');
+                if(!$range.length) {
+                    $range = $('<div class="selectable-range" data-id="' + that.id + '"></div>')
+                        .css($.extend({
+                            zIndex: 1060,
+                            position: 'absolute',
+                            top: startX,
+                            left: startY,
+                            pointerEvents: 'none',
+                        }, that.options.rangeStyle))
+                        .appendTo($('body'));
+                }
+            }
+            $range.css(range);
+            clearTimeout(checkRangeCall);
+            checkRangeCall = setTimeout(checkRange, 10);
+            isIgnoreMove = false;
+        };
+
+        var mouseup = function(e) {
+            $(document).off(eventNamespace);
+            clearTimeout(mouseDownBackEventCall);
+            if(!isMouseDown) return;
+            isMouseDown = false;
+            if($range) $range.remove();
+            if(!isIgnoreMove)
+            {
+                if(range) {
+                    clearTimeout(checkRangeCall);
+                    checkRange();
+                    range = null;
+                }
+            }
+            that.callEvent('finish', {selections: that.selections, selected: that.getSelectedArray()});
+            e.preventDefault();
+        };
+
+        var mousedown = function(e) {
+            if(isMouseDown) {
+                return mouseup(e);
+            }
+
+            var mouseButton = $.zui.getMouseButtonCode(options.mouseButton);
+            if(mouseButton > -1 && e.button !== mouseButton) {
+                return;
+            }
+
+            if(that.altKey || e.which === 3 || that.callEvent('start', e) === false) {
+                return;
+            }
+
+            var $children = that.$children = that.$.find(options.selector);
+            $children.addClass('slectable-item');
+
+            var clickBehavior = that.multiKey ? 'multi' : options.clickBehavior;
+            if(clickBehavior === 'single') {
+                that.unselect();
+            }
+            if (options.listenClick) {
+                if(clickBehavior === 'multi') {
+                    that.toggle(e.target);
+                } else if(clickBehavior === 'single') {
+                    that.select(e.target);
+                } else if(clickBehavior === 'toggle') {
+                    that.toggle(e.target, null, function(isSelect) {
+                        that.unselect();
+                    });
+                }
+            }
+
+            if(that.callEvent('startDrag', e) === false) {
+                that.callEvent('finish', {selections: that.selections, selected: that.getSelectedArray()});
+                return;
+            }
+
+            startX = e.pageX;
+            startY = e.pageY;
+
+            $range = null;
+            isIgnoreMove = true;
+            isMouseDown = true;
+
+            $(document).on('mousemove' + eventNamespace, mousemove).on('mouseup' + eventNamespace, mouseup);
+            mouseDownBackEventCall = setTimeout(function() {
+                $(document).on(mouseDownEventName, mouseup);
+            }, 10);
+            e.preventDefault();
+        };
+
+        var $container = options.container && options.container !== 'default' ? $(options.container) : this.$;
+        if(options.trigger) {
+            $container.on(mouseDownEventName, options.trigger, mousedown);
+        } else {
+            $container.on(mouseDownEventName, mousedown);
+        }
+
+        $(document).on('keydown', function(e) {
+            var code = e.keyCode;
+            if(code === 17 || code == 91) that.multiKey = code;
+            else if(code === 18) that.altKey = true;
+        }).on('keyup', function(e) {
+            that.multiKey = false;
+            that.altKey = false;
+        });
+    };
+
+    // Call event helper
+    Selectable.prototype.callEvent = function(name, params) {
+        var event = $.Event(name + '.' + this.name);
+        this.$.trigger(event, params);
+        var result = event.result;
+        var callback = this.options[name];
+        if($.isFunction(callback)) {
+            result = callback.apply(this, $.isArray(params) ? params : [params]);
+        }
+        return result;
+    };
+
+    // Extense jquery element
+    $.fn.selectable = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(name);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(name, (data = new Selectable(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.selectable.Constructor = Selectable;
+
+    // Auto call selectable after document load complete
+    $(function() {
+        $('[data-ride="selectable"]').selectable();
+    });
+}(jQuery));
+
+
+/* ========================================================================
+ * ZUI: sortable.js
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2014-2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
++ function($, window, document) {
+    'use strict';
+
+    if(!$.fn.droppable) {
+        console.error('Sortable requires droppable.js');
+        return;
+    }
+
+    var NAME     = 'zui.sortable',
+        DEFAULTS = {
+            selector     : 'li,div',
+            dragCssClass : 'invisible',
+            sortingClass : 'sortable-sorting'
+        },
+        STR_ORDER = 'order';
+
+    var Sortable = function(element, options) {
+        var that     = this;
+        that.$       = $(element);
+        that.options = $.extend({}, DEFAULTS, that.$.data(), options);
+        that.init();
+    };
+
+    Sortable.DEFAULTS = DEFAULTS;
+    Sortable.NAME     = NAME;
+
+    Sortable.prototype.init = function() {
+        var that         = this,
+            $root        = that.$,
+            options      = that.options,
+            selector     = options.selector,
+            sortingClass = options.sortingClass,
+            dragCssClass = options.dragCssClass,
+            isReverse    = options.reverse;
+
+        var markOrders = function($items) {
+            $items = $items || that.getItems(1);
+            var orders = [];
+
+            $items.each(function() {
+                var order = $(this).data(STR_ORDER);
+                if(typeof order === 'number') {
+                    orders.push(order);
+                }
+            });
+
+            orders.sort(function(a, b) {
+                return a - b;
+            });
+
+            var itemsCount = $items.length;
+            while(orders.length < itemsCount) {
+                orders.push(orders.length ? (orders[orders.length - 1] + 1) : 0);
+            }
+
+            if(isReverse) {
+                orders.reverse();
+            }
+
+            that.maxOrder = 0;
+            $items.each(function(idx) {
+                that.maxOrder = Math.max(that.maxOrder, orders[idx]);
+                $(this).data(STR_ORDER, orders[idx]).attr('data-' + STR_ORDER, orders[idx]);
+            });
+        };
+
+        markOrders();
+
+        $root.droppable({
+            handle      : options.trigger,
+            target      : selector,
+            selector    : selector,
+            container   : $root,
+            always      : options.always,
+            flex        : true,
+            lazy        : options.lazy,
+            canMoveHere : options.canMoveHere,
+            nested      : options.nested,
+            before      : options.before,
+            mouseButton : options.mouseButton,
+            start: function(e) {
+                if(dragCssClass) e.element.addClass(dragCssClass);
+                that.trigger('start', e);
+            },
+            drag: function(e) {
+                $root.addClass(sortingClass);
+                if(e.isIn) {
+                    var $ele        = e.element,
+                        $target     = e.target,
+                        eleOrder    = $ele.data(STR_ORDER),
+                        targetOrder = $target.data(STR_ORDER);
+                    if (!eleOrder && eleOrder !== 0) {
+                        that.maxOrder++;
+                        eleOrder = that.maxOrder;
+                        $ele.attr('data-' + STR_ORDER, eleOrder);
+                    }
+                    if (!targetOrder && targetOrder !== 0) {
+                        that.maxOrder++;
+                        targetOrder = that.maxOrder;
+                        $target.attr('data-' + STR_ORDER, targetOrder);
+                    }
+                    if(eleOrder == targetOrder) return;
+                    else if(eleOrder > targetOrder) {
+                        $target[isReverse ? 'after' : 'before']($ele);
+                    } else {
+                        $target[isReverse ? 'before' : 'after']($ele);
+                    }
+                    var $items = that.getItems(1);
+                    markOrders($items);
+                    that.trigger(STR_ORDER, {
+                        list: $items,
+                        element: $ele
+                    });
+                }
+            },
+            finish: function(e) {
+                if(dragCssClass && e.element) e.element.removeClass(dragCssClass);
+                $root.removeClass(sortingClass);
+                that.trigger('finish', {
+                    list: that.getItems(1),
+                    element: e.element
+                });
+            }
+        });
+    };
+
+    Sortable.prototype.destroy = function() {
+        this.$.droppable('destroy');
+        this.$.data(NAME, null);
+    };
+
+    Sortable.prototype.reset = function() {
+        this.destroy();
+        this.init();
+    };
+
+    Sortable.prototype.getItems = function(onlyElements) {
+        var $items = this.$.children(this.options.selector).not('.drag-shadow');
+        if(!onlyElements) {
+            return $items.map(function() {
+                var $item = $(this);
+                return {
+                    item: $item,
+                    order: $item.data('order')
+                };
+            });
+        }
+        return $items;
+    };
+
+    Sortable.prototype.trigger = function(name, params) {
+        return $.zui.callEvent(this.options[name], params, this);
+    };
+
+    $.fn.sortable = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new Sortable(this, options)));
+            else if(typeof option == 'object') data.reset();
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.sortable.Constructor = Sortable;
+}(jQuery, window, document);
+
+
+/*!
  * jQuery Form Plugin
  * version: 4.2.2
  * Requires jQuery v1.7.2 or later
@@ -56,5 +11833,2669 @@ function(){var t,e,i,s,n,a={}.hasOwnProperty,o=function(t,e){function i(){this.c
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  * Lesser General Public License for more details.
  */
-!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&module.exports?module.exports=function(e,i){return void 0===i&&(i="undefined"!=typeof window?require("jquery"):require("jquery")(e)),t(i),i}:t(jQuery)}(function(t){"use strict";function e(e){var i=e.data;e.isDefaultPrevented()||(e.preventDefault(),t(e.target).closest("form").ajaxSubmit(i))}function i(e){var i=e.target,s=t(i);if(!s.is("[type=submit],[type=image]")){var n=s.closest("[type=submit]");if(0===n.length)return;i=n[0]}var a=i.form;if(a.clk=i,"image"===i.type)if(void 0!==e.offsetX)a.clk_x=e.offsetX,a.clk_y=e.offsetY;else if("function"==typeof t.fn.offset){var o=s.offset();a.clk_x=e.pageX-o.left,a.clk_y=e.pageY-o.top}else a.clk_x=e.pageX-i.offsetLeft,a.clk_y=e.pageY-i.offsetTop;setTimeout(function(){a.clk=a.clk_x=a.clk_y=null},100)}function s(){if(t.fn.ajaxSubmit.debug){var e="[jquery.form] "+Array.prototype.join.call(arguments,"");window.console&&window.console.log?window.console.log(e):window.opera&&window.opera.postError&&window.opera.postError(e)}}var n=/\r?\n/g,a={};a.fileapi=void 0!==t('<input type="file">').get(0).files,a.formdata=void 0!==window.FormData;var o=!!t.fn.prop;t.fn.attr2=function(){if(!o)return this.attr.apply(this,arguments);var t=this.prop.apply(this,arguments);return t&&t.jquery||"string"==typeof t?t:this.attr.apply(this,arguments)},t.fn.ajaxSubmit=function(e,i,n,r){function l(i){var s,n,a=t.param(i,e.traditional).split("&"),o=a.length,r=[];for(s=0;s<o;s++)a[s]=a[s].replace(/\+/g," "),n=a[s].split("="),r.push([decodeURIComponent(n[0]),decodeURIComponent(n[1])]);return r}function h(i){function n(t){var e=null;try{t.contentWindow&&(e=t.contentWindow.document)}catch(t){s("cannot get iframe.contentWindow document: "+t)}if(e)return e;try{e=t.contentDocument?t.contentDocument:t.document}catch(i){s("cannot get iframe.contentDocument: "+i),e=t.document}return e}function a(){function t(){try{var e=n(m).readyState;s("state = "+e),e&&"uninitialized"===e.toLowerCase()&&setTimeout(t,50)}catch(e){s("Server abort: ",e," (",e.name,")"),r(M),_&&clearTimeout(_),_=void 0}}var e=p.attr2("target"),i=p.attr2("action"),a=p.attr("enctype")||p.attr("encoding")||"multipart/form-data";C.setAttribute("target",f),c&&!/post/i.test(c)||C.setAttribute("method","POST"),i!==d.url&&C.setAttribute("action",d.url),d.skipEncodingOverride||c&&!/post/i.test(c)||p.attr({encoding:"multipart/form-data",enctype:"multipart/form-data"}),d.timeout&&(_=setTimeout(function(){x=!0,r(D)},d.timeout));var o=[];try{if(d.extraData)for(var l in d.extraData)d.extraData.hasOwnProperty(l)&&(h.isPlainObject(d.extraData[l])&&d.extraData[l].hasOwnProperty("name")&&d.extraData[l].hasOwnProperty("value")?o.push(h('<input type="hidden" name="'+d.extraData[l].name+'">',T).val(d.extraData[l].value).appendTo(C)[0]):o.push(h('<input type="hidden" name="'+l+'">',T).val(d.extraData[l]).appendTo(C)[0]));d.iframeTarget||g.appendTo(S),m.attachEvent?m.attachEvent("onload",r):m.addEventListener("load",r,!1),setTimeout(t,15);try{C.submit()}catch(h){document.createElement("form").submit.apply(C)}}finally{C.setAttribute("action",i),C.setAttribute("enctype",a),e?C.setAttribute("target",e):p.removeAttr("target"),h(o).remove()}}function r(t){if(!y.aborted&&!$){if((z=n(m))||(s("cannot access response document"),t=M),t===D&&y)return y.abort("timeout"),void k.reject(y,"timeout");if(t===M&&y)return y.abort("server abort"),void k.reject(y,"error","server abort");if(z&&z.location.href!==d.iframeSrc||x){m.detachEvent?m.detachEvent("onload",r):m.removeEventListener("load",r,!1);var e,i="success";try{if(x)throw"timeout";var a="xml"===d.dataType||z.XMLDocument||v.isXMLDoc(z);if(s("isXml="+a),!a&&window.opera&&(null===z.body||!z.body.innerHTML)&&--E)return s("requeing onLoad callback, DOM not available"),void setTimeout(r,250);var o=z.body?z.body:z.documentElement;y.responseText=o?o.innerHTML:null,y.responseXML=z.XMLDocument?z.XMLDocument:z,a&&(d.dataType="xml"),y.getResponseHeader=function(t){return{"content-type":d.dataType}[t.toLowerCase()]},o&&(y.status=Number(o.getAttribute("status"))||y.status,y.statusText=o.getAttribute("statusText")||y.statusText);var l=(d.dataType||"").toLowerCase(),h=/(json|script|text)/.test(l);if(h||d.textarea){var c=z.getElementsByTagName("textarea")[0];if(c)y.responseText=c.value,y.status=Number(c.getAttribute("status"))||y.status,y.statusText=c.getAttribute("statusText")||y.statusText;else if(h){var p=z.getElementsByTagName("pre")[0],f=z.getElementsByTagName("body")[0];p?y.responseText=p.textContent?p.textContent:p.innerText:f&&(y.responseText=f.textContent?f.textContent:f.innerText)}}else"xml"===l&&!y.responseXML&&y.responseText&&(y.responseXML=I(y.responseText));try{L=U(y,l,d)}catch(v){i="parsererror",y.error=e=v||i}}catch(v){s("error caught: ",v),i="error",y.error=e=v||i}y.aborted&&(s("upload aborted"),i=null),y.status&&(i=y.status>=200&&y.status<300||304===y.status?"success":"error"),"success"===i?(d.success&&d.success.call(d.context,L,"success",y),k.resolve(y.responseText,"success",y),u&&v.event.trigger("ajaxSuccess",[y,d])):i&&(void 0===e&&(e=y.statusText),d.error&&d.error.call(d.context,y,i,e),k.reject(y,"error",e),u&&v.event.trigger("ajaxError",[y,d,e])),u&&v.event.trigger("ajaxComplete",[y,d]),u&&!--v.active&&v.event.trigger("ajaxStop"),d.complete&&d.complete.call(d.context,y,i),$=!0,d.timeout&&clearTimeout(_),setTimeout(function(){d.iframeTarget?g.attr("src",d.iframeSrc):g.remove(),y.responseXML=null},100)}}}var l,h,d,u,f,g,m,y,b,w,x,_,C=p[0],k=t.Deferred();if(k.abort=function(t){y.abort(t)},i)for(h=0;h<v.length;h++)l=t(v[h]),o?l.prop("disabled",!1):l.removeAttr("disabled");(d=t.extend(!0,{},t.ajaxSettings,e)).context=d.context||d,f="jqFormIO"+(new Date).getTime();var T=C.ownerDocument,S=p.closest("body");if(d.iframeTarget?(w=(g=t(d.iframeTarget,T)).attr2("name"))?f=w:g.attr2("name",f):(g=t('<iframe name="'+f+'" src="'+d.iframeSrc+'" />',T)).css({position:"absolute",top:"-1000px",left:"-1000px"}),m=g[0],y={aborted:0,responseText:null,responseXML:null,status:0,statusText:"n/a",getAllResponseHeaders:function(){},getResponseHeader:function(){},setRequestHeader:function(){},abort:function(t){var e="timeout"===t?"timeout":"aborted";s("aborting upload... "+e),this.aborted=1;try{m.contentWindow.document.execCommand&&m.contentWindow.document.execCommand("Stop")}catch(i){}g.attr("src",d.iframeSrc),y.error=e,d.error&&d.error.call(d.context,y,e,t),u&&i.event.trigger("ajaxError",[y,d,e]),d.complete&&d.complete.call(d.context,y,e)}},(u=d.global)&&0==t.active++&&t.event.trigger("ajaxStart"),u&&t.event.trigger("ajaxSend",[y,d]),d.beforeSend&&!1===d.beforeSend.call(d.context,y,d))return d.global&&t.active--,k.reject(),k;if(y.aborted)return k.reject(),k;(b=C.clk)&&(w=b.name)&&!b.disabled&&(d.extraData=d.extraData||{},d.extraData[w]=b.value,"image"===b.type&&(d.extraData[w+".x"]=C.clk_x,d.extraData[w+".y"]=C.clk_y));var D=1,M=2,P=t("meta[name=csrf-token]").attr("content"),F=t("meta[name=csrf-param]").attr("content");F&&P&&(d.extraData=d.extraData||{},d.extraData[F]=P),d.forceSync?a():setTimeout(a,10);var L,z,$,E=50,I=t.parseXML||function(t,e){return window.ActiveXObject?((e=new ActiveXObject("Microsoft.XMLDOM")).async="false",e.loadXML(t)):e=(new DOMParser).parseFromString(t,"text/xml"),e&&e.documentElement&&"parsererror"!==e.documentElement.nodeName?e:null},A=t.parseJSON||function(t){return window.eval("("+t+")")},U=function(e,i,s){var n=e.getResponseHeader("content-type")||"",a=("xml"===i||!i)&&n.indexOf("xml")>=0,o=a?e.responseXML:e.responseText;return a&&"parsererror"===o.documentElement.nodeName&&t.error&&t.error("parsererror"),s&&s.dataFilter&&(o=s.dataFilter(o,i)),"string"==typeof o&&(("json"===i||!i)&&n.indexOf("json")>=0?o=A(o):("script"===i||!i)&&n.indexOf("javascript")>=0&&t.globalEval(o)),o};return k}if(!this.length)return s("ajaxSubmit: skipping submit process - no element selected"),this;var c,d,u,p=this;"function"==typeof e?e={success:e}:"string"==typeof e||!1===e&&arguments.length>0?(e={url:e,data:i,dataType:n},"function"==typeof r&&(e.success=r)):void 0===e&&(e={}),c=e.method||e.type||this.attr2("method"),(u=(u="string"==typeof(d=e.url||this.attr2("action"))?t.trim(d):"")||window.location.href||"")&&(u=(u.match(/^([^#]+)/)||[])[1]),e=t.extend(!0,{url:u,success:t.ajaxSettings.success,type:c||t.ajaxSettings.type,iframeSrc:/^https/i.test(window.location.href||"")?"javascript:false":"about:blank"},e);var f={};if(this.trigger("form-pre-serialize",[this,e,f]),f.veto)return s("ajaxSubmit: submit vetoed via form-pre-serialize trigger"),this;if(e.beforeSerialize&&!1===e.beforeSerialize(this,e))return s("ajaxSubmit: submit aborted via beforeSerialize callback"),this;var g=e.traditional;void 0===g&&(g=t.ajaxSettings.traditional);var m,v=[],y=this.formToArray(e.semantic,v,e.filtering);if(e.data){var b=t.isFunction(e.data)?e.data(y):e.data;e.extraData=b,m=t.param(b,g)}if(e.beforeSubmit&&!1===e.beforeSubmit(y,this,e))return s("ajaxSubmit: submit aborted via beforeSubmit callback"),this;if(this.trigger("form-submit-validate",[y,this,e,f]),f.veto)return s("ajaxSubmit: submit vetoed via form-submit-validate trigger"),this;var w=t.param(y,g);m&&(w=w?w+"&"+m:m),"GET"===e.type.toUpperCase()?(e.url+=(e.url.indexOf("?")>=0?"&":"?")+w,e.data=null):e.data=w;var x=[];if(e.resetForm&&x.push(function(){p.resetForm()}),e.clearForm&&x.push(function(){p.clearForm(e.includeHidden)}),!e.dataType&&e.target){var _=e.success||function(){};x.push(function(i,s,n){var a=arguments,o=e.replaceTarget?"replaceWith":"html";t(e.target)[o](i).each(function(){_.apply(this,a)})})}else e.success&&(t.isArray(e.success)?t.merge(x,e.success):x.push(e.success));if(e.success=function(t,i,s){for(var n=e.context||this,a=0,o=x.length;a<o;a++)x[a].apply(n,[t,i,s||p,p])},e.error){var C=e.error;e.error=function(t,i,s){var n=e.context||this;C.apply(n,[t,i,s,p])}}if(e.complete){var k=e.complete;e.complete=function(t,i){var s=e.context||this;k.apply(s,[t,i,p])}}var T=t("input[type=file]:enabled",this).filter(function(){return""!==t(this).val()}).length>0,S="multipart/form-data",D=p.attr("enctype")===S||p.attr("encoding")===S,M=a.fileapi&&a.formdata;s("fileAPI :"+M);var P,F=(T||D)&&!M;!1!==e.iframe&&(e.iframe||F)?e.closeKeepAlive?t.get(e.closeKeepAlive,function(){P=h(y)}):P=h(y):P=(T||D)&&M?function(i){for(var s=new FormData,n=0;n<i.length;n++)s.append(i[n].name,i[n].value);if(e.extraData){var a=l(e.extraData);for(n=0;n<a.length;n++)a[n]&&s.append(a[n][0],a[n][1])}e.data=null;var o=t.extend(!0,{},t.ajaxSettings,e,{contentType:!1,processData:!1,cache:!1,type:c||"POST"});e.uploadProgress&&(o.xhr=function(){var i=t.ajaxSettings.xhr();return i.upload&&i.upload.addEventListener("progress",function(t){var i=0,s=t.loaded||t.position,n=t.total;t.lengthComputable&&(i=Math.ceil(s/n*100)),e.uploadProgress(t,s,n,i)},!1),i}),o.data=null;var r=o.beforeSend;return o.beforeSend=function(t,i){e.formData?i.data=e.formData:i.data=s,r&&r.call(this,t,i)},t.ajax(o)}(y):t.ajax(e),p.removeData("jqxhr").data("jqxhr",P);for(var L=0;L<v.length;L++)v[L]=null;return this.trigger("form-submit-notify",[this,e]),this},t.fn.ajaxForm=function(n,a,o,r){if(("string"==typeof n||!1===n&&arguments.length>0)&&(n={url:n,data:a,dataType:o},"function"==typeof r&&(n.success=r)),n=n||{},n.delegation=n.delegation&&t.isFunction(t.fn.on),!n.delegation&&0===this.length){var l={s:this.selector,c:this.context};return!t.isReady&&l.s?(s("DOM not ready, queuing ajaxForm"),t(function(){t(l.s,l.c).ajaxForm(n)}),this):(s("terminating; zero elements found by selector"+(t.isReady?"":" (DOM not ready)")),this)}return n.delegation?(t(document).off("submit.form-plugin",this.selector,e).off("click.form-plugin",this.selector,i).on("submit.form-plugin",this.selector,n,e).on("click.form-plugin",this.selector,n,i),this):this.ajaxFormUnbind().on("submit.form-plugin",n,e).on("click.form-plugin",n,i)},t.fn.ajaxFormUnbind=function(){return this.off("submit.form-plugin click.form-plugin")},t.fn.formToArray=function(e,i,s){var n=[];if(0===this.length)return n;var o,r=this[0],l=this.attr("id"),h=e||void 0===r.elements?r.getElementsByTagName("*"):r.elements;if(h&&(h=t.makeArray(h)),l&&(e||/(Edge|Trident)\//.test(navigator.userAgent))&&(o=t(':input[form="'+l+'"]').get()).length&&(h=(h||[]).concat(o)),!h||!h.length)return n;t.isFunction(s)&&(h=t.map(h,s));var c,d,u,p,f,g,m;for(c=0,g=h.length;c<g;c++)if(f=h[c],(u=f.name)&&!f.disabled)if(e&&r.clk&&"image"===f.type)r.clk===f&&(n.push({name:u,value:t(f).val(),type:f.type}),n.push({name:u+".x",value:r.clk_x},{name:u+".y",value:r.clk_y}));else if((p=t.fieldValue(f,!0))&&p.constructor===Array)for(i&&i.push(f),d=0,m=p.length;d<m;d++)n.push({name:u,value:p[d]});else if(a.fileapi&&"file"===f.type){i&&i.push(f);var v=f.files;if(v.length)for(d=0;d<v.length;d++)n.push({name:u,value:v[d],type:f.type});else n.push({name:u,value:"",type:f.type})}else null!==p&&void 0!==p&&(i&&i.push(f),n.push({name:u,value:p,type:f.type,required:f.required}));if(!e&&r.clk){var y=t(r.clk),b=y[0];(u=b.name)&&!b.disabled&&"image"===b.type&&(n.push({name:u,value:y.val()}),n.push({name:u+".x",value:r.clk_x},{name:u+".y",value:r.clk_y}))}return n},t.fn.formSerialize=function(e){return t.param(this.formToArray(e))},t.fn.fieldSerialize=function(e){var i=[];return this.each(function(){var s=this.name;if(s){var n=t.fieldValue(this,e);if(n&&n.constructor===Array)for(var a=0,o=n.length;a<o;a++)i.push({name:s,value:n[a]});else null!==n&&void 0!==n&&i.push({name:this.name,value:n})}}),t.param(i)},t.fn.fieldValue=function(e){for(var i=[],s=0,n=this.length;s<n;s++){var a=this[s],o=t.fieldValue(a,e);null===o||void 0===o||o.constructor===Array&&!o.length||(o.constructor===Array?t.merge(i,o):i.push(o))}return i},t.fieldValue=function(e,i){var s=e.name,a=e.type,o=e.tagName.toLowerCase();if(void 0===i&&(i=!0),i&&(!s||e.disabled||"reset"===a||"button"===a||("checkbox"===a||"radio"===a)&&!e.checked||("submit"===a||"image"===a)&&e.form&&e.form.clk!==e||"select"===o&&-1===e.selectedIndex))return null;if("select"===o){var r=e.selectedIndex;if(r<0)return null;for(var l=[],h=e.options,c="select-one"===a,d=c?r+1:h.length,u=c?r:0;u<d;u++){var p=h[u];if(p.selected&&!p.disabled){var f=p.value;if(f||(f=p.attributes&&p.attributes.value&&!p.attributes.value.specified?p.text:p.value),c)return f;l.push(f)}}return l}return t(e).val().replace(n,"\r\n")},t.fn.clearForm=function(e){return this.each(function(){t("input,select,textarea",this).clearFields(e)})},t.fn.clearFields=t.fn.clearInputs=function(e){var i=/^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i;return this.each(function(){var s=this.type,n=this.tagName.toLowerCase();i.test(s)||"textarea"===n?this.value="":"checkbox"===s||"radio"===s?this.checked=!1:"select"===n?this.selectedIndex=-1:"file"===s?/MSIE/.test(navigator.userAgent)?t(this).replaceWith(t(this).clone(!0)):t(this).val(""):e&&(!0===e&&/hidden/.test(s)||"string"==typeof e&&t(this).is(e))&&(this.value="")})},t.fn.resetForm=function(){return this.each(function(){var e=t(this),i=this.tagName.toLowerCase();switch(i){case"input":this.checked=this.defaultChecked;case"textarea":return this.value=this.defaultValue,!0;case"option":case"optgroup":var s=e.parents("select");return s.length&&s[0].multiple?"option"===i?this.selected=this.defaultSelected:e.find("option").resetForm():s.resetForm(),!0;case"select":return e.find("option").each(function(t){if(this.selected=this.defaultSelected,this.defaultSelected&&!e[0].multiple)return e[0].selectedIndex=t,!1}),!0;case"label":var n=t(e.attr("for")),a=e.find("input,select,textarea");return n[0]&&a.unshift(n[0]),a.resetForm(),!0;case"form":return("function"==typeof this.reset||"object"==typeof this.reset&&!this.reset.nodeType)&&this.reset(),!0;default:return e.find("form,input,label,select,textarea").resetForm(),!0}})},t.fn.enable=function(t){return void 0===t&&(t=!0),this.each(function(){this.disabled=!t})},t.fn.selected=function(e){return void 0===e&&(e=!0),this.each(function(){var i=this.type;if("checkbox"===i||"radio"===i)this.checked=e;else if("option"===this.tagName.toLowerCase()){var s=t(this).parent("select");e&&s[0]&&"select-one"===s[0].type&&s.find("option").selected(!1),this.selected=e}})},t.fn.ajaxSubmit.debug=!1}),function(t){"use strict";function e(e,i){if(e===!1)return e;if(!e)return i;e===!0?e={add:!0,"delete":!0,edit:!0,sort:!0}:"string"==typeof e&&(e=e.split(","));var s;return t.isArray(e)&&(s={},t.each(e,function(e,i){t.isPlainObject(i)?s[i.action]=i:s[i]=!0}),e=s),t.isPlainObject(e)&&(s={},t.each(e,function(e,i){i?s[e]=t.extend({type:e},o[e],t.isPlainObject(i)?i:null):s[e]=!1}),e=s),i?t.extend(!0,{},i,e):e}function i(e,i,s){return i=i||e.type,t(s||e.template).addClass("tree-action").attr(t.extend({"data-type":i,title:e.title||""},e.attr)).data("action",e)}var s="zui.tree",n=0,a=function(e,i){this.name=s,this.$=t(e),this.getOptions(i),this._init()},o={sort:{template:'<a class="sort-handler" href="javascript:;"><i class="icon icon-move"></i></a>'},add:{template:'<a href="javascript:;"><i class="icon icon-plus"></i></a>'},edit:{template:'<a href="javascript:;"><i class="icon icon-pencil"></i></a>'},"delete":{template:'<a href="javascript:;"><i class="icon icon-trash"></i></a>'}};a.DEFAULTS={animate:null,initialState:"normal",toggleTemplate:'<i class="list-toggle icon"></i>'},a.prototype.add=function(e,i,s,n,a){var o,r=t(e),l=this.options;if(r.is("li")?(o=r.children("ul"),o.length||(o=t("<ul/>"),r.append(o),this._initList(o,r))):o=r,o){var h=this;t.isArray(i)||(i=[i]),t.each(i,function(e,i){var s=t("<li/>").data(i).appendTo(o);void 0!==i.id&&s.attr("data-id",i.id);var n=l.itemWrapper?t(l.itemWrapper===!0?'<div class="tree-item-wrapper"/>':l.itemWrapper).appendTo(s):s;if(i.html)n.html(i.html);else if(t.isFunction(h.options.itemCreator)){var a=h.options.itemCreator(s,i);a!==!0&&a!==!1&&n.html(a)}else i.url?n.append(t("<a/>",{href:i.url}).text(i.title||i.name)):n.append(t("<span/>").text(i.title||i.name));h._initItem(s,i.idx||e,o,i),i.children&&i.children.length&&h.add(s,i.children)}),this._initList(o),s&&!o.hasClass("tree")&&h.expand(o.parent("li"),n,a)}},a.prototype.reload=function(e){var i=this;e&&(i.$.empty(),i.add(i.$,e)),i.isPreserve&&i.store.time&&i.$.find("li:not(.tree-action-item)").each(function(){var e=t(this);i[i.store[e.data("id")]?"expand":"collapse"](e,!0,!0)})},a.prototype._initList=function(s,n,a,o){var r=this;s.hasClass("tree")?(a=0,n=null):(n=(n||s.closest("li")).addClass("has-list"),n.find(".list-toggle").length||n.prepend(this.options.toggleTemplate),a=a||n.data("idx"));var l=s.attr("data-idx",a||0).children("li:not(.tree-action-item)").each(function(e){r._initItem(t(this),e+1,s)});1!==l.length||l.find("ul").length||l.addClass("tree-single-item"),o=o||(n?n.data():null);var h=e(o?o.actions:null,this.actions);if(h){if(h.add&&h.add.templateInList!==!1){var c=s.children("li.tree-action-item");c.length?c.detach().appendTo(s):t('<li class="tree-action-item"/>').append(i(h.add,"add",h.add.templateInList)).appendTo(s)}h.sort&&s.sortable(t.extend({dragCssClass:"tree-drag-holder",trigger:".sort-handler",selector:"li:not(.tree-action-item)",finish:function(t){r.callEvent("action",{action:h.sort,$list:s,target:t.target,item:o})}},h.sort.options,t.isPlainObject(this.options.sortable)?this.options.sortable:null))}n&&(n.hasClass("open")||o&&o.open)&&n.addClass("open in")},a.prototype._initItem=function(s,n,a,o){if(void 0===n){var r=s.prev("li");n=r.length?r.data("idx")+1:1}if(a=a||s.closest("ul"),s.attr("data-idx",n).removeClass("tree-single-item"),!s.data("id")){var l=n;a.hasClass("tree")||(l=a.parent("li").data("id")+"-"+l),s.attr("data-id",l)}o=o||s.data();var h=e(o.actions,this.actions);if(h){var c=s.find(".tree-actions");c.length||(c=t('<div class="tree-actions"/>').appendTo(this.options.itemWrapper?s.find(".tree-item-wrapper"):s),t.each(h,function(t,e){e&&c.append(i(e,t))}))}var d=s.children("ul");d.length&&this._initList(d,s,n,o)},a.prototype._init=function(){var i=this.options,a=this;this.actions=e(i.actions),this.$.addClass("tree"),i.animate&&this.$.addClass("tree-animate"),this._initList(this.$);var o=i.initialState,r=t.zui&&t.zui.store&&t.zui.store.enable;r&&(this.selector=s+"::"+(i.name||"")+"#"+(this.$.attr("id")||n++),this.store=t.zui.store[i.name?"get":"pageGet"](this.selector,{})),"preserve"===o&&(r?this.isPreserve=!0:this.options.initialState=o="normal"),this.reload(i.data),r&&(this.isPreserve=!0),"expand"===o?this.expand():"collapse"===o&&this.collapse(),this.$.on("click",'.list-toggle,a[href="#"],.tree-toggle',function(e){var i=t(this),s=i.parent("li");a.callEvent("hit",{target:s,item:s.data()}),a.toggle(s),i.is("a")&&e.preventDefault()}).on("click",".tree-action",function(){var e=t(this),i=e.data();if(i.action&&(i=i.action),"sort"!==i.type){var s=e.closest("li:not(.tree-action-item)");a.callEvent("action",{action:i,target:this,$item:s,item:s.data()})}})},a.prototype.preserve=function(e,i,s){if(this.isPreserve)if(e)i=i||e.data("id"),s=void 0===s&&e.hasClass("open"),s?this.store[i]=s:delete this.store[i],this.store.time=(new Date).getTime(),t.zui.store[this.options.name?"set":"pageSet"](this.selector,this.store);else{var n=this;this.store={},this.$.find("li").each(function(){n.preserve(t(this))})}},a.prototype.expand=function(t,e,i){t?(t.addClass("open"),!e&&this.options.animate?setTimeout(function(){t.addClass("in")},10):t.addClass("in")):t=this.$.find("li.has-list").addClass("open in"),i||this.preserve(t),this.callEvent("expand",t,this)},a.prototype.show=function(e,i,s){var n=this;e.each(function(){var e=t(this);if(n.expand(e,i,s),e)for(var a=e.parent("ul");a&&a.length&&!a.hasClass("tree");){var o=a.parent("li");o.length?(n.expand(o,i,s),a=o.parent("ul")):a=!1}})},a.prototype.collapse=function(t,e,i){t?!e&&this.options.animate?(t.removeClass("in"),setTimeout(function(){t.removeClass("open")},300)):t.removeClass("open in"):t=this.$.find("li.has-list").removeClass("open in"),i||this.preserve(t),this.callEvent("collapse",t,this)},a.prototype.toggle=function(t){var e=t&&t.hasClass("open")||t===!1||void 0===t&&this.$.find("li.has-list.open").length;this[e?"collapse":"expand"](t)},a.prototype.getOptions=function(e){this.options=t.extend({},a.DEFAULTS,this.$.data(),e),null===this.options.animate&&this.$.hasClass("tree-animate")&&(this.options.animate=!0)},a.prototype.toData=function(e,i){t.isFunction(e)&&(i=e,e=null),e=e||this.$;var s=this;return e.children("li:not(.tree-action-item)").map(function(){var e=t(this),n=e.data();delete n["zui.droppable"];var a=e.children("ul");return a.length&&(n.children=s.toData(a)),t.isFunction(i)?i(n,e):n}).get()},a.prototype.callEvent=function(e,i){var s;return t.isFunction(this.options[e])&&(s=this.options[e](i,this)),this.$.trigger(t.Event(e+"."+this.name,i)),s},t.fn.tree=function(e,i){return this.each(function(){var n=t(this),o=n.data(s),r="object"==typeof e&&e;o||n.data(s,o=new a(this,r)),"string"==typeof e&&o[e](i)})},t.fn.tree.Constructor=a,t(function(){t('[data-ride="tree"]').tree()})}(jQuery),function(t){"use strict";var e="zui.colorPicker",i='<div class="colorpicker"><button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><span class="cp-title"></span><i class="ic"></i></button><ul class="dropdown-menu clearfix"></ul></div>',s={zh_cn:{errorTip:"不是有效的颜色值"},zh_tw:{errorTip:"不是有效的顏色值"},en:{errorTip:"Not a valid color value"}},n=function(i,s){this.name=e,this.$=t(i),this.getOptions(s),this.init()};n.DEFAULTS={colors:["#00BCD4","#388E3C","#3280fc","#3F51B5","#9C27B0","#795548","#F57C00","#F44336","#E91E63"],pullMenuRight:!0,wrapper:"btn-wrapper",tileSize:30,lineCount:5,optional:!0,tooltip:"top",icon:"caret-down",updateBtn:"auto"},n.prototype.init=function(){var e=this,s=e.options,n=e.$,a=n.parent(),o=!1;a.hasClass("colorpicker")?e.$picker=a:(e.$picker=t(s.template||i),o=!0),e.$picker.addClass(s.wrapper).find(".cp-title").toggle(void 0!==s.title).text(s.title),e.$menu=e.$picker.find(".dropdown-menu").toggleClass("pull-right",s.pullMenuRight),e.$btn=e.$picker.find(".btn.dropdown-toggle"),e.$btn.find(".ic").addClass("icon-"+s.icon),s.btnTip&&e.$picker.attr("data-toggle","tooltip").tooltip({title:s.btnTip,placement:s.tooltip,container:"body"}),n.attr("data-provide",null),o&&n.after(e.$picker),e.colors={},t.each(s.colors,function(i,s){if(t.zui.Color.isColor(s)){var n=new t.zui.Color(s);e.colors[n.toCssStr()]=n}}),e.updateColors(),e.$picker.on("click",".cp-tile",function(){e.setValue(t(this).data("color"))});var r=function(){var i=n.val(),a=t.zui.Color.isColor(i);n.parent().toggleClass("has-error",!(a||s.optional&&""===i)),a?e.setValue(i,!0):s.optional&&""===i?n.tooltip("hide"):n.is(":focus")||n.tooltip("show",s.errorTip)};n.is("input:not([type=hidden])")?(s.tooltip&&n.attr("data-toggle","tooltip").tooltip({trigger:"manual",placement:s.tooltip,tipClass:"tooltip-danger",container:"body"}),n.on("keyup paste input change",r)):n.appendTo(e.$picker),r()},n.prototype.addColor=function(e){e instanceof t.zui.Color||(e=new t.zui.Color(e));var i=e.toCssStr(),s=this.options;this.colors[i]||(this.colors[i]=e);var n=t('<a href="###" class="cp-tile"></a>',{titile:e}).data("color",e).css({color:e.contrast().toCssStr(),background:i,"border-color":e.luma()>.43?"#ccc":"transparent"}).attr("data-color",i);this.$menu.append(t("<li/>").css({width:s.tileSize,height:s.tileSize}).append(n)),s.optional&&this.$menu.find(".cp-tile.empty").parent().detach().appendTo(this.$menu)},n.prototype.updateColors=function(e){var i=(this.$picker,this.$menu.children("li:not(.heading)").remove()),s=this.options,e=e||this.colors,n=this,a=0;if(t.each(e,function(t,e){n.addColor(e),a++}),s.optional){var o=t('<li><a class="cp-tile empty" href="###"></a></li>').css({width:s.tileSize,height:s.tileSize});this.$menu.append(o),a++}i.css("width",Math.min(a,s.lineCount)*s.tileSize+6)},n.prototype.setValue=function(e,i){var s=this,n=s.options,a=s.$btn;s.$menu.find(".cp-tile.active").removeClass("active");var o="",r=n.updateBtn;if("auto"===r){var l=a.find(".color-bar");r=!l.length||function(t){l.css("background",t||"")}}if(e){var h=new t.zui.Color(e);o=h.toCssStr().toLowerCase(),r&&(t.isFunction(r)?r(o,a,s):a.css({background:o,color:h.contrast().toCssStr(),borderColor:h.luma()>.43?"#ccc":o})),s.colors[o]||s.addColor(h),i||s.$.val().toLowerCase()===o||s.$.val(o).trigger("change"),s.$menu.find('.cp-tile[data-color="'+o+'"]').addClass("active"),s.$.tooltip("hide"),s.$.trigger("colorchange",h)}else r&&(t.isFunction(r)?r(null,a,s):a.attr("style",null)),i||""===s.$.val()||s.$.val(o).trigger("change"),n.optional&&s.$.tooltip("hide"),s.$menu.find(".cp-tile.empty").addClass("active"),s.$.trigger("colorchange",null);n.updateBorder&&t(n.updateBorder).css("border-color",o),n.updateBackground&&t(n.updateBackground).css("background-color",o),n.updateColor&&t(n.updateColor).css("color",o),n.updateText&&t(n.updateText).text(o)},n.prototype.getOptions=function(e){var i=t.extend({},n.DEFAULTS,this.$.data(),e);"string"==typeof i.colors&&(i.colors=i.colors.split(","));var a=(i.lang||t.zui.clientLang()).toLowerCase();i.errorTip||(i.errorTip=s[a].errorTip),t.fn.tooltip||(i.btnTip=!1),this.options=i},t.fn.colorPicker=function(i){return this.each(function(){var s=t(this),a=s.data(e),o="object"==typeof i&&i;a||s.data(e,a=new n(this,o)),"string"==typeof i&&a[i]()})},t.fn.colorPicker.Constructor=n,t(function(){t('[data-provide="colorpicker"]').colorPicker()})}(jQuery),function(t,e){function i(t){return t===e&&(t=s+=1),n[t%n.length]}var s=0,n=["#00a9fc","#ff5d5d","#fdc137","#00da88","#7ec5ff","#8666b8","#bd7b46","#ff9100","#ff3d00","#f57f17","#00e5ff","#00b0ff","#2979ff","#3d5afe","#651fff","#d500f9","#f50057","#ff1744"];jQuery.fn.tableChart=function(){t(this).each(function(){var e=t(this),s=e.data(),n=s.chart||"pie",a=t(s.target);if(a.length){var o=null;if("pie"===n){s=t.extend({scaleShowLabels:!0,scaleLabel:"<%=label%>: <%=value%>"},s);var r=[],l=e.find("tbody > tr").each(function(e){var s=t(this),n=i();s.attr("data-id",e).find(".chart-color-dot").css("background",n),r.push({label:s.find(".chart-label").text(),value:parseInt(s.find(".chart-value").text()),color:n,id:e})});r.length>1?s.scaleLabelPlacement="outside":1===r.length&&(s.scaleLabelPlacement="inside",r.push({label:"",value:r[0].value/2e3,color:"#fff",showLabel:!1})),o=a.pieChart(r,s),a.on("mousemove",function(t){var e=o.getSegmentsAtEvent(t);l.removeClass("active"),e.length&&l.filter('[data-id="'+e[0].id+'"]').addClass("active")})}else if("bar"===n){var h=i(),c=[],d={label:e.find("thead .chart-label").text(),color:h,data:[]},l=e.find("tbody > tr").each(function(e){var i=t(this);c.push(i.find(".chart-label").text()),d.data.push(parseInt(i.find(".chart-value").text())),i.find(".chart-color-dot").css("background",h)}),r={labels:c,datasets:[d]};c.length&&(s.barValueSpacing=5),o=a.barChart(r,s)}else if("line"===n){var h=i(),c=[],d={label:e.find("thead .chart-label").text(),color:h,data:[]},l=e.find("tbody > tr").each(function(e){var i=t(this);c.push(i.find(".chart-label").text()),d.data.push(parseInt(i.find(".chart-value").text())),i.find(".chart-color-dot").css("background",h)}),r={labels:c,datasets:[d]};c.length&&(s.barValueSpacing=5),o=a.lineChart(r,s)}null!==o&&e.data("zui.chart",o)}})},jQuery.fn.progressPie=function(i){t(this).each(function(){var s=t(this),n=s.is("canvas")?s:s.find("canvas"),a=t.extend({value:0,color:"#006af1",backColor:"#E9F2FB",doughnut:!0,doughnutSize:85,width:20,height:20,showTip:!1,name:"",tipTemplate:"<%=value%>%",animation:!1},i,s.data()),o=n.length;o||(n=t("<canvas>").appendTo(s)),n.attr("width")!==e?a.width=n.attr("width"):n.attr("width",a.width),n.attr("height")!==e?a.height=n.attr("height"):n.attr("height",a.height),o||8!=t.zui.browser.ie||G_vmlCanvasManager.initElement(n[0]),a.value=Math.max(0,Math.min(100,a.value));var r=[{value:a.value,label:a.name,color:a.color,circleBeginEnd:!0},{value:100-a.value,label:"",color:a.backColor}];n[a.doughnut?"doughnutChart":"pieChart"](r,t.extend({segmentShowStroke:!1,animation:a.animation,showTooltips:a.showTip,tooltipTemplate:a.tipTemplate,percentageInnerCutout:a.doughnutSize,reverseDrawOrder:!0},a.chartOptions))})},t(function(){t(".table-chart").tableChart();var e=t(".progress-pie");e.length>100?setTimeout(function(){e.progressPie()},1e3):e.progressPie()})}(jQuery,void 0),function(t){jQuery.fn.sparkline=function(e){t(this).each(function(){var i=t(this),s=t.extend({values:i.attr("values"),width:i.width()-4,height:i.height()-4},i.data(),e),n=s.height,a=[],o=s.width,r=s.values.split(","),l=0;for(var h in r){var c=parseFloat(r[h]);NaN!=c&&(a.push(c),l=Math.max(c,l))}var d=Math.min(l,30),u=(Math.ceil(l/d),Math.min(o,Math.max(10,a.length*o/30))),p=i.children("canvas");p.length||(i.append('<canvas class="projectline-canvas"></canvas>'),p=i.children("canvas")),p.attr("width",u).attr("height",n);var f={labels:a,datasets:[{fillColor:"rgba(0,0,255,0.05)",strokeColor:"#0054EC",pointColor:"rgba(255,136,0,1)",pointStrokeColor:"#fff",data:a}]},g={animation:!0,scaleOverride:!0,scaleStepWidth:Math.ceil(l/10),scaleSteps:10,scaleStartValue:0,showScale:!1,showTooltips:!1,pointDot:!1,scaleShowGridLines:!1,datasetStrokeWidth:1},m=t(p).lineChart(f,g);i.data("sparklineChart",m)})},t(function(){t(".sparkline").sparkline()})}(jQuery),function(t){t(function(){t.fn.fixedDate=function(){return t(this).each(function(){var e=t(this);e.offset().top+200>t(document.body).height()&&e.attr("data-picker-position","top-right"),"0000-00-00"==e.val()&&e.focus(function(){"0000-00-00"==e.val()&&e.val("").datetimepicker("update")}).blur(function(){""==e.val()&&e.val("0000-00-00")})})};var e={language:t("html").attr("lang"),weekStart:1,todayBtn:1,autoclose:1,todayHighlight:1,startView:2,forceParse:0,showMeridian:1,format:"yyyy-mm-dd hh:ii",startDate:"1970-1-1"},i=t.extend({},e,{minView:2,format:"yyyy-mm-dd"}),s=t.extend({},e,{startView:1,minView:0,maxView:1,format:"hh:ii"});t(".datepicker-wrapper").click(function(){t(this).find(".form-date, .form-datetime, .form-time").datetimepicker("show").focus();
-}),window.datepickerOptions=e,t.fn.datepicker=function(e){return this.datetimepicker(t.extend({},i,e))},t.fn.timepicker=function(e){return this.datetimepicker(t.extend({},s,e))},t.fn.datepickerAll=function(){return this.find(".form-datetime").fixedDate().datetimepicker(e),this.find(".form-date").fixedDate().datepicker(),this.find(".form-time").fixedDate().timepicker(),this},t("body").datepickerAll()})}(jQuery),function(t){var e=function(e,i){i=t.extend({idStart:0,idEnd:9,chosen:!0,datetimepicker:!0,colorPicker:!0,hotkeys:!0},i,e.data());var s=e.find(".template");!s.length&&i.template&&(s=t(i.template));var n=0,a=0,o=function(t){t.is("select.chosen")?t.next(".chosen-container").find("input").focus():t.focus()},r=function(t){var i=e.find("[data-ctrl-index]:focus,.chosen-container-active").first();if(i.length){if(i.is(".chosen-container-active")){if(i.hasClass("chosen-with-drop")&&("down"===t||"up"===t))return;i=i.prev("select.chosen")}var s=i.data("ctrlIndex"),r=i.closest("tr").data("row");"down"===t?r<a-1?r+=1:r=0:"up"===t?r>0?r-=1:r=a-1:"left"===t?s>0?s-=1:s=n-1:"right"===t&&(s<n-1?s+=1:s=0),o(e.find('tr[data-row="'+r+'"]').find('[data-ctrl-index="'+s+'"]'))}},l={options:i,focusNext:r,focusControl:o},h=e.find("tbody,.batch-rows");if(s.length){var c=s.remove().html(),d=function(e,o){var r=c;"number"!=typeof e&&(e=a),a=Math.max(e+1,a),r=r.replace(/\$idPlus/g,e+1).replace(/\$id/g,e);var l=t("<"+s[0].tagName.toLowerCase()+" />").html(r);l.attr("data-row",e).addClass(s.attr("class")).removeClass("template"),i.rowCreator&&i.rowCreator(l,e,i),o?o.after(l):h.append(l),t.fn.chosen&&i.chosen&&l.find(".chosen").chosen(t.isPlainObject(i.chosen)?i.chosen:null),t.fn.datetimepicker&&i.datetimepicker&&l.datepickerAll(t.isPlainObject(i.datetimepicker)?i.datetimepicker:null),t.fn.colorPicker&&i.colorPicker&&l.find("input.colorpicker").colorPicker(t.isPlainObject(i.colorPicker)?i.colorPicker:null);var d=0;return l.find('input[type!="hidden"],textarea,select').each(function(){var e=t(this);e.parent().hasClass("chosen-search")||e.attr("data-ctrl-index",d++)}),n=Math.max(n,d),l};t.extend(l,{createRow:d,template:c});for(var u=i.idStart;u<=i.idEnd;++u)d(u)}e.on("click",".btn-copy",function(){var e=t(this),i=t(e.data("copyFrom")).val(),s=t(e.data("copyTo")).val(i).addClass("highlight");setTimeout(function(){s.removeClass("highlight")},2e3)}),i.hotkeys&&t(document).on("keydown",function(t){var e={"Ctrl+#37":"left","Ctrl+#39":"right","#38":"up","#40":"down","Ctrl+#38":"up","Ctrl+#40":"down"},i=[];t.ctrlKey&&i.push("Ctrl"),i.push("#"+t.keyCode);var s=e[i.join("+")];s&&(r(s),t.ctrlKey&&(t.stopPropagation(),t.preventDefault()))}),e.data("zui.batchActionForm",l)};t.fn.batchActionForm=function(i){return this.each(function(){e(t(this),i)})}}(jQuery),function(t,e){"use strict";var i="zui.table",s={zh_cn:{selectedItems:"已选择 <strong>{0}</strong> 项",attrTotal:"{0}总计 <strong>{1}</strong>"},zh_tw:{selectedItems:"已选择 <strong>{0}</strong> 项",attrTotal:"{0}总计 <strong>{1}</strong>"},en:{selectedItems:"Seleted <strong>{0}</strong> items",attrTotal:"{0} total <strong>{1}</strong>"}},n=function(e,a){var o=this;o.name=i;var r=o.$=t(e);a=o.options=t.extend({},n.DEFAULTS,this.$.data(),a);var l=a.lang||"zh_cn";o.lang=t.isPlainObject(l)?t.extend(!0,{},s[l.lang||t.zui.clientLang()],l):s[l];var h=o.$table=r.is("table")?r:r.find("table");o.$header=h.find("thead"),o.$footer=r.find(".table-footer");var c=o.$form=r.is("form")?r:r.find("form");a.checkable&&(r.on("click",".check-all",function(){o.checkAll(!t(this).hasClass("checked"))}).on("click","tbody>tr",function(){o.checkRow(t(this))}).on("click",'tbody input[type="checkbox"],tbody label[for]',function(e){e.stopPropagation();var i=t(this);i.is("label")&&(i=i.closest(".checkbox-primary").find('input[type="checkbox"]')),o.checkRow(i.closest("tr"),i.is(":checked"))}).on("click","tbody a,.btn",function(t){t.stopPropagation()}),a.selectable&&r.selectable(t.extend({},{selector:"tbody>tr",selectClass:"",trigger:".c-id",clickBehavior:"multi",listenClick:!1,select:function(t){o.checkRow(t.target,!0)},unselect:function(t){o.checkRow(t.target,!1)},rangeStyle:{border:"1px solid #006af1",backgroundColor:"rgba(50, 128, 252, 0.2)",borderRadius:"2px"}},t.isPlainObject(a.selectable)?a.selectable:null))),c.length&&(a.ajaxForm?c.ajaxForm(t.isPlainObject(a.ajaxForm)?a.ajaxForm:null):c.on("click","[data-form-action]",function(){c.attr("action",t(this).data("formAction")).submit()})),(a.fixFooter||a.fixHeader)&&(o.pageFooterHeight=t("#footer").outerHeight(),o.updateFixUI(),t(window).on("scroll resize",function(){o.updateFixUI()}).on("sidebar.toggle",function(){setTimeout(function(){o.updateFixUI()},200)})),o.$statistic=r.find(".table-statistic"),o.defaultStatistic=o.$statistic.html(),o.updateStatistic()};n.prototype.updateStatistic=function(){var i=this,s=i.$statistic;if(s.length){i.defaultStatistic===e&&(i.defaultStatistic=s.html());var n=i.statisticCols;if(!n&&n!==!1){n={};var a=!1;i.$header.find("th").each(function(e){var i=t(this),s=i.data("statistic");s&&(a=!0,n[e]={format:s,name:i.text()})}),i.statisticCols=!!a&&n}var o=0;n&&t.each(n,function(t){n[t].total=0,n[t].checkedTotal=0}),i.$.find("tbody>tr").each(function(e){var i=t(this),s=i.hasClass("checked"),a=i.children("td");s&&o++,n&&t.each(n,function(t){var e=parseFloat(a.eq(t).text());isNaN(e)&&(e=0),n[t].total+=e,s&&(n[t].checkedTotal+=e)})});var r=[];if(o)r.push(i.lang.selectedItems.format(o));else if(i.defaultStatistic)return void s.html(i.defaultStatistic);n&&t.each(n,function(t){var e=n[t],s=e[o?"checkedTotal":"total"];e.format&&(s=e.format.format(s)),r.push(i.lang.attrTotal.format(e.name,s))}),s.html(r.join(", "))}},n.prototype.updateFixUI=function(t){var e=this,i=(new Date).getTime();return!t&&(e.lastUpdateCall&&clearTimeout(e.lastUpdateCall),!e.lastUpdateTime||i-e.lastUpdateTime<100)?void(e.lastUpdateCall=setTimeout(function(){e.updateFixUI(!0)},30)):(e.lastUpdateTime=i,e.lastUpdateCall&&(clearTimeout(e.lastUpdateCall),e.lastUpdateCall=null),e.options.fixHeader&&e.fixHeader(),void(e.options.fixFooter&&e.fixFooter()))},n.prototype.fixHeader=function(){var e=this,i=e.$header,s=i[0].getBoundingClientRect(),n=e.options.fixFooter,a=t.isFunction(n)?n(s,i):s.top<("number"==typeof n?n:-5),o=e.$.find("table.fixed-header-copy");if(a){o.length||(o=t('<table class="fixed-header-copy"></table>').addClass(e.$table.attr("class")).append(i.clone()).insertAfter(e.$table)),o.css({top:0,left:s.left,position:"fixed",width:s.width});var r=o.find("th");i.find("th").each(function(e){r.eq(e).css("width",t(this).outerWidth())})}else o.remove()},n.prototype.fixFooter=function(){var e=this,i=e.$footer,s=e.$.find("tbody")[0].getBoundingClientRect(),n=e.options.fixFooter;i.toggleClass("fixed-footer",!!a);var a=t.isFunction(n)?n(s,i):s.bottom>window.innerHeight-50-("number"==typeof n?n:e.pageFooterHeight||5);i.toggleClass("fixed-footer",!!a),a?i.css({bottom:e.pageFooterHeight,left:s.left,width:s.width}):i.css({width:""})},n.prototype.checkAll=function(e){var i=this,s=i.$.find("tbody>tr");s.each(function(){i.checkRow(t(this),e,!0)}),i.updateCheckUI()},n.prototype.checkRow=function(t,i,s){var n=t.find('input[type="checkbox"]');i===e&&(i=!n.is(":checked")),t.toggleClass("checked",i),n.prop("checked",i),s||this.updateCheckUI()},n.prototype.updateCheckUI=function(){var e=this.$.find("tbody>tr"),i=!1,s=null,n=0,a=!1,o=e.length;e.each(function(e){var r=t(this);a=r.hasClass("checked"),r.toggleClass("row-check-begin",a&&!i),s&&s.toggleClass("row-check-end",!a&&i),a&&(n+=1),s=r,i=a,o===e+1&&r.toggleClass("row-check-end",a)}),this.$.toggleClass("has-row-checked",n>0).find(".check-all").toggleClass("checked",n===o),this.updateStatistic()},n.DEFAULTS={checkable:!0,ajaxForm:!1,selectable:!0,fixHeader:!0,fixFooter:!0},t.fn.table=function(e){return this.each(function(){var s=t(this),a=s.data(i),o="object"==typeof e&&e;a||s.data(i,a=new n(this,o)),"string"==typeof e&&a[e]()})},n.NAME=i,t.fn.table.Constructor=n,t(function(){t('[data-ride="table"]').table()})}(jQuery,void 0),function(t,e,i){t.fn._ajaxForm=t.fn.ajaxForm;var s={timeout:e.config?e.config.timeout:0,dataType:"json",errControlStyle:{borderColor:"#D2322D"}},n="";t.fn.enableForm=function(e){return e===i&&(e=!0),this.each(function(){var i=t(this);i.find('[type="submit"]').attr("disabled",e?null:"disabled"),i.hasClass("load-indicator")&&i.toggleClass("loading",!e)})};var a=function(e,i,s){"string"==typeof i&&(s=i,i=null),s=s||"show",t.zui.messager?t.zui.messager[s](e,i):alert(e)};t.ajaxForm=function(o,r){var l=t(o);if(l.length>1)return l.each(function(){t.ajaxForm(this,r)});t.isFunction(r)&&(r={complete:r}),r=t.extend({},s,l.data(),r);var h=r.beforeSubmit,c=r.error,d=r.success,u=r.finish;delete r.finish,delete r.success,delete r.onError,delete r.beforeSubmit;var p=r.errControlStyle;delete r.errControlStyle,r=t.extend({beforeSubmit:function(s,a,o){if(l.enableForm(!1),(h&&h(s,a,o))!==!1){var c={},d=a.find('[type="file"]');c.fileapi=d.length&&d[0].files!==i,c.formdata=e.FormData!==i;var u=c.fileapi&&a.find('input[type="file"]:enabled').filter(function(){return""!==t(this).val()}),p=u.length,f="multipart/form-data",g=a.attr("enctype")==f||a.attr("encoding")==f,m=c.fileapi&&c.formdata,v=(p||g)&&!m;v&&(""==n&&(n=r.url),r.url!=n&&(r.url=n),r.url=r.url.indexOf("&")>=0?r.url+"&HTTP_X_REQUESTED_WITH=XMLHttpRequest":r.url+"?HTTP_X_REQUESTED_WITH=XMLHttpRequest")}},success:function(i,s,n){if(l.enableForm(),(d&&d(i,s,n,l))!==!1){try{"string"==typeof i&&(i=JSON.parse(i))}catch(o){}if("object"!=typeof i)return i?alert(i):a("No response.","danger");var h=r.responser?t(r.responser):l.find(".form-responser");h.length||(h=t("#responser"));var c=i.message;if("success"===i.result){if(c){var f=l.find('[type="submit"]'),g=!1;f.length&&(f.popover({container:"body",trigger:"manual",content:c,tipClass:"popover-in-modal popover-success text-success",placement:i.placement||r.popoverPlacement||"right"}).popover("show"),setTimeout(function(){f.popover("destroy")},r.popoverTime||2e3),g=!0),h.length&&(h.html('<span class="small text-success">'+c+"</span>").show().delay(3e3).fadeOut(100),g=!0),g||a(c,"success")}if(u)return u(i,!0,l);if((r.closeModal||i.closeModal)&&setTimeout(t.zui.closeModal,r.closeModalTime||2e3),i.callback){var m=e[i.callback];if(t.isFunction(m)&&m()===!1)return}var v=r.locate||i.locate;if(v)if("loadInModal"==v){var y=t(".modal");setTimeout(function(){y.load(y.attr("ref"),function(){t(this).find(".modal-dialog").css("width",t(this).data("width")),t.zui.ajustModalPosition()})},1e3)}else{var b="reload"==v?e.location.href:v;setTimeout(function(){e.location.href=b},1200)}var w=r.ajaxReload||i.ajaxReload;if(w){var x=t(w);x.length&&x.load(e.location.href+" "+w,function(){x.find('[data-toggle="modal"]').modalTrigger()})}}else{if("string"==typeof c)h.length?h.html('<span class="text-small text-red">'+c+"</span>").show().delay(3e3).fadeOut(100):a(c,"danger");else if("object"==typeof c){var _=!1,C=[];t.each(c,function(e,i){var s=t.isArray(i)?i.join(";"):i,n=t("#"+e);if(!n.length)return void C.push(s);var a=e+"Label",o=t("#"+a);if(!o.length){var r=n.closest(".input-group").length;o=t('<div id="'+a+'" class="text-danger help-text" />').appendTo(r?n.closest(".input-group").parent():n.parent())}o.empty().append(s),n.css(p).addClass("has-error");var l=function(){var e=t("#"+a);if(e.length)return e.remove(),n.removeAttr("style").removeClass("has-error"),!0};n.on("change input mousedown",l);var h=t("#"+e+"_chosen");h.length&&h.find(".chosen-single").css(p).addClass("has-error").on("mousedown",function(){l()===!0&&t(this).removeAttr("style").removeClass("has-error")}),_||(n.focus(),_=!0)}),C.length&&a(C.join(";"),"danger")}if(u)return u(i,!1,l)}}},error:function(t,i,s){if((c&&c(t,i,s,l))!==!1){l.enableForm();var n="timeout"==i||"error"==i?e.lang?e.lang.timeout:i:t.responseText+i+s;a(n,"danger")}}},r),l._ajaxForm(r),l.on("click","[data-form-action]",function(){l.attr("action",t(this).data("formAction")).submit()})},t.fn.ajaxForm=function(e){return this.each(function(){t.ajaxForm(this,e)})},t.fn.setInputRequired=function(){return this.each(function(){var e=t(this),i=e.parent();i.is(".input-control")?i.addClass("required"):e.is(".chosen")&&e.next(".chosen-container").addClass("required")})},t(function(){t('.form-ajax,form[data-type="ajax"]').ajaxForm(),t("input[required],select[required]").setInputRequired()})}(jQuery,window,void 0),function(t){"use strict";var e="zui.searchList",i=function(t,e){if(t&&t.length)for(var i=0;i<t.length;++i)if(e.indexOf(t[i])<0)return!1;return!0},s=function(i,n){var a=this;a.name=e;var o=a.$=t(i);n=a.options=t.extend({},s.DEFAULTS,this.$.data(),n);var r=o.find(n.searchBox);r.length&&(r.searchBox({onSearchChange:function(t){a.search(t)},onKeyDown:function(t){var e=t.which;if(13===e){var i=a.getActiveItem();n.onSelectItem?n.onSelectItem(i):window.location.href=i.attr("href"),t.preventDefault()}else if(38===e){var i=a.getActiveItem();i.removeClass("active");var s=i.prev(":not(.hidden)");s.length||(s=a.getItems().not(".hidden").last()),a.scrollTo(s.addClass("active")),t.preventDefault()}else if(40===e){var i=a.getActiveItem();i.removeClass("active");var o=i.next(":not(.hidden)");o.length||(o=a.getItems().not(".hidden").first()),a.scrollTo(o.addClass("active")),t.preventDefault()}}}),a.searchBox=r.data("zui.searchBox"),a.search(a.searchBox.getSearch()));var l=a.$menu=o.closest(".dropdown-menu");l.length&&(a.isDropdown=!0,o.on("click",function(e){t(e.target).closest(n.selector).length||e.stopPropagation()}),l.parent().on("shown.zui.dropdown",function(){setTimeout(function(){a.searchBox.focus()},50)})),o.on("mouseenter",n.selector,function(){o.find(a.options.selector).not(".hidden").removeClass("active"),t(this).addClass("active")}),(n.url||n.ajax)&&a.loadRemote()};s.prototype.loadRemote=function(){var e=this,i=e.options;e.$menu.addClass("load-indicator loading").find(".list-group").remove(),t.ajax(t.extend({url:i.url,type:"GET",dataType:"html",success:function(i,s,n){var a=t(i);a.hasClass("list-group")||(a=t('<div class="list-group"></div>').append(a)),e.$menu.append(a),e.$menu.removeClass("loading")},error:function(){e.$menu.removeClass("loading").append('<div class="list-group"><div class="text-error has-padding">'+(i.errorText||window.lang&&window.lang.timeout)+"</div></div>")}},i.ajax))},s.prototype.scrollTo=function(t){t.length&&t[0].scrollIntoView({behavior:"smooth"})},s.prototype.getItems=function(){return this.$.find(this.options.selector)},s.prototype.getActiveItem=function(){return this.getItems().filter(".active:first")},s.prototype.search=function(e){var s=this,n=void 0===e||null===e||""===e,a=s.getItems().removeClass("active");if(n)a.removeClass("hidden");else{var o=t.trim(e).split(" ");a.each(function(){var e=t(this),s=e.text()+" "+(e.data("key")||e.data("filter"));e.toggleClass("hidden",!i(o,s))})}s.scrollTo(a.not(".hidden").first().addClass("active"))},s.DEFAULTS={selector:".list-group a",searchBox:".search-box",onSelectItem:null},t.fn.searchList=function(i){return this.each(function(){var n=t(this),a=n.data(e),o="object"==typeof i&&i;a||n.data(e,a=new s(this,o)),"string"==typeof i&&a[i]()})},s.NAME=e,t.fn.searchList.Constructor=s,t(function(){t('[data-ride="searchList"]').searchList()})}(jQuery),function(t){"use strict";var e="zui.labelSelector",i=function(s,n){var a=this;a.name=e;a.$=t(s);n=a.options=t.extend({},i.DEFAULTS,this.$.data(),n),a.$.hide(),a.update()};i.prototype.select=function(t){t+="",this.$wrapper.find(".label.active").removeClass("active"),""!==t&&"0"!==t&&this.$wrapper.find('.label[data-value="'+t+'"]').addClass("active"),this.$.val(t).trigger("change")},i.prototype.update=function(){var e=this,i=e.options,s=e.$wrapper;if(!s){if(i.wrapper)s=t(i.wrapper);else{var n=e.$.next();s=n.hasClass(".label-selector")?n:t('<div class="label-selector"></div>')}s.parent().length||e.$.after(s),e.$wrapper=s,s.on("click",".label",function(){e.select(t(this).data("value"))})}s.empty();var a=e.$.val();e.$.children("option").each(function(){var e=t(this),n={label:e.text(),value:e.val()},o=t(i.labelTemplate||'<span class="label"></span>');i.labelCreator?o=i.labelCreator(o):(o.data("option",n).attr("data-value",n.value),""!==n.value&&"0"!==n.value||n.label?o.text(n.label).toggleClass("active",a===n.value):o.addClass("empty").append('<i class="icon icon-trash"></i>')),s.append(o)})},i.DEFAULTS={},t.fn.labelSelector=function(s){return this.each(function(){var n=t(this),a=n.data(e),o="object"==typeof s&&s;a||n.data(e,a=new i(this,o)),"string"==typeof s&&a[s]()})},i.NAME=e,t.fn.labelSelector.Constructor=i,t(function(){t('[data-provide="labelSelector"]').labelSelector()})}(jQuery),function(t){"use strict";var e="zui.fileInput";const i=t.BYTE_UNITS={B:1,KB:1024,MB:1048576,GB:1073741824,TB:1099511627776};var s=t.formatBytes=function(t,e,s){return void 0===e&&(e=2),s||(s=t<i.KB?"B":t<i.MB?"KB":t<i.GB?"MB":t<i.TB?"GB":"TB"),(t/i[s]).toFixed(e)+s},n=function(t){if("string"==typeof t){t=t.toUpperCase();var e=t.replace(/\d+/,"");t=parseFloat(t.replace(e,"")),t*=i[e]||i[e+"B"],t=Math.floor(t)}return t},a=function(i,o){var r=this;r.name=e;var l=r.$=t(i);o=r.options=t.extend({},a.DEFAULTS,this.$.data(),o),o.fileMaxSize&&"string"==typeof o.fileMaxSize&&(o.fileMaxSize=n(o.fileMaxSize));var h=r.$input=l.find('input[type="file"]');l.on("click",".file-input-btn",function(){h.trigger("click")}).on("click",".file-input-rename",function(){r.oldName=l.addClass("edit").find(".file-editbox").focus().val()}).on("click",".file-input-delete",function(){h.val(""),r.update(),o.onDelete&&o.onDelete(r)}).on("click",".file-name-cancel",function(){l.removeClass("edit").find(".file-editbox").focus().val(r.oldName)}).on("click",".file-name-confirm",function(){var e=l.find(".file-editbox"),i=t.trim(e.val());i.length?l.removeClass("edit").find(".file-title").text(i):e.focus()}).on("change input paste",".file-editbox",function(){var e=t(this);e.attr("size",Math.max(5,e.val().length))}),h.on("change",function(){var t=r.getFile();t&&o.fileMaxSize&&t.size>o.fileMaxSize&&(h.val(""),(window.bootbox||window).alert(o.fileSizeError.format(s(o.fileMaxSize)))),r.update()}),r.update()};a.prototype.getFile=function(){return this.$input.prop("files")[0]},a.prototype.update=function(t){var e=this,i=e.$,n=e.getFile(),a=!n;i.toggleClass("normal",!a).toggleClass("empty",a),n?(e.oldName=n.name,i.find(".file-title").text(n.name).attr("title",n.name),i.find(".file-size").text(s(n.size)),i.find(".file-editbox").val(n.name).attr("size",n.name.length),e.options.onSelect&&e.options.onSelect(n,e)):i.find(".file-editbox").val("")},a.DEFAULTS={fileMaxSize:0,fileSizeError:"无法上传大于 {0} 的文件。"},t.fn.fileInput=function(i){return this.each(function(){var s=t(this),n=s.data(e),o="object"==typeof i&&i;n||s.data(e,n=new a(this,o)),"string"==typeof i&&n[i]()})},a.NAME=e,t.fn.fileInput.Constructor=a,t(function(){t('[data-provide="fileInput"]').fileInput()});var o=function(i,s){var n=this;n.name=e;var a=n.$=t(i);s=n.options=t.extend({},o.DEFAULTS,this.$.data(),s),n.$template=a.find(".file-input").detach(),n.add()};o.prototype.add=function(){var t=this,e=t.options,i=t.$template.clone();"before"===e.appendWay?t.$.prepend(i):t.$.append(i),i.fileInput({fileMaxSize:e.eachFileMaxSize,fileSizeError:e.fileSizeError,onDelete:function(e){e.$.remove(),t.options.onDelete&&t.options.onDelete(e,t)},onSelect:function(e,i){t.add(),t.options.onSelect&&t.options.onSelect(e,i,t)}})},o.DEFAULTS={fileMaxSize:0,eachFileMaxSize:0,appendWay:"after",fileSizeError:"无法上传大于 {0} 的文件。"},t.fn.fileInputList=function(i){return this.each(function(){var s=t(this),n=s.data(e),a="object"==typeof i&&i;n||s.data(e,n=new o(this,a)),"string"==typeof i&&n[i]()})},o.NAME=e,t.fn.fileInputList.Constructor=o,t(function(){t('[data-provide="fileInputList"]').fileInputList()})}(jQuery),function(t){window.config||(window.config={}),t.createLink=window.createLink=function(t,e,s,n,a){if(n||(n=config.defaultView),a||(a=!1),s)for(s=s.split("&"),i=0;i<s.length;i++){var o=s[i].split("=");s[i]=[o.shift(),o.join("=")]}var r;if("GET"!=config.requestType){if("PATH_INFO"==config.requestType&&(r=config.webRoot+t+config.requestFix+e),"PATH_INFO2"==config.requestType&&(r=config.webRoot+"index.php/"+t+config.requestFix+e),s)for(i=0;i<s.length;i++)r+=config.requestFix+s[i][1];r+="."+n}else if(r=config.router+"?"+config.moduleVar+"="+t+"&"+config.methodVar+"="+e+"&"+config.viewVar+"="+n,s)for(i=0;i<s.length;i++)r+="&"+s[i][0]+"="+s[i][1];if(void 0!==config.onlybody&&"yes"==config.onlybody||a){var l="GET"!=config.requestType?"?onlybody=yes":"&onlybody=yes";r+=l}return r};var e=function(t){var e=0;if(t){var i=t.split(":");e+=60*parseInt(i[0]),e+=parseInt(i[1])}return e},s=function(t){t%=1440;var e=Math.floor(t/60),i=t%60;return e<10&&(e="0"+e),i<10&&(i="0"+i),e+":"+i},n=function(t){if("string"==typeof t&&(t=e(t)),"number"==typeof t)if(t<1e5){var i=new Date;i.setHours(Math.floor(t/60)%24),i.setMinutes(t%60),t=i}else t=new Date(t);return t},a=function(t,i){for(var a=i?n(i):new Date,o=a.getHours(),r=10*Math.floor(a.getMinutes()/10)+10,l=0;l<24;++l){var h=(l+o)%24;if(!(h<5))for(var c=0;c<6;++c){var d=s(60*h+10*c+r);t.append('<option value="'+d+'">'+d+"</option>")}}t.val()||(time=e(a.format("hh:mm")),time=time-time%10+10,t.val(s(time)))};t.fn.timeSpanControl=function(i){return this.each(function(){var o=t(this),r=t.extend({},i,o.data()),l=o.find('[name="begin"],.control-time-begin'),h=o.find('[name="end"],.control-time-end'),c=function(){var t=l.val();if(o.find(".hide-empty-begin").toggleClass("hide",!t),t){const i=s(e(t)+30);h.find('option[value="'+i+'"]').length&&h.val(i),r.onChange&&r.onChange(h,i)}};if(o.data("timeSpanControlInit")){if(r.begin){const d=n(r.begin).format("hh:mm");l.find('option[value="'+d+'"]').length&&l.val(d),r.onChange&&r.onChange(l,d)}if(r.end){const u=n(r.end).format("hh:mm");h.find('option[value="'+u+'"]').length&&h.val(u),r.onChange&&r.onChange(h,u)}}else l.on("change",c),a(l,r.begin),a(h,r.end),o.data("timeSpanControlInit",!0);r.end||c()})},t.timeSpanControl={convertTimeToNum:e,convertNumToTime:s,initTimeSelect:a,createTime:n},t.fn.blockTodoes=function(){return this.each(function(){var e=t(this),i=e.find("form"),s=i.find('[name="title"]'),n=function(t){void 0===t&&(t=!e.hasClass("show-form")),e.toggleClass("show-form",t),t&&setTimeout(function(){s.focus()},50)};e.on("click",".todo-form-trigger",function(){n(t(this).data("trigger"))}),i.timeSpanControl({onChange:function(t){t.trigger("chosen:updated")}})})},t(function(){t(".block-todoes").blockTodoes()});var o=t("#searchTypeMenu"),r=t("#searchType"),l=function(e){e||(e=r.val()),e=e||"bug",r.val(e),o.find("li.selected").removeClass("selected");var i=o.find('a[data-value="'+e+'"]'),s=i.text();i.parent().addClass("selected"),t("#searchTypeName").text(s)};l(),o.on("click","a[data-value]",function(){l(t(this).data("value"))}),t.chosenDefaultOptions={disable_search_threshold:1,width:"100%",allow_single_deselect:!0,placeholder_text_single:" ",placeholder_text_multiple:" ",search_contains:!0},t.chosenSimpleOptions=t.extend({},t.chosenDefaultOptions,{disable_search_threshold:6}),t.fn._chosen=t.fn.chosen,t.fn.chosen=function(e){return this.each(function(){var i=t(this);return i._chosen(t.extend({},i.hasClass("chosen-simple")?t.chosenSimpleOptions:t.chosenDefaultOptions,e))})},t(function(){t(".chosen").each(function(){var e=t(this);e.closest(".template").length||e.chosen()})}),t.extend(t.fn.pager.Constructor.DEFAULTS,{maxNavCount:8,prevIcon:"icon-angle-left",nextIcon:"icon-angle-right",navEllipsisItem:"…",menuDirection:"dropup",pageSizeOptions:[5,10,15,20,25,30,35,40,45,50,100,200,500,1e3,2e3],elements:["total_text","size_menu","prev_icon","nav","next_icon"],onPageChange:function(t,e){console.log("onPageChange",t,e),t.recPerPage!==e.recPerPage&&(window.location.href=this.createLink())}}),t.zui.Messager.DEFAULTS.cssClass="messagger-zt",t.fn.reverseOrder=function(){return this.each(function(){var e=t(this);e.prependTo(e.parent())})};var h=function(e,i){var s=t(e);i=t.extend({},s.data(),i);var n=s.find(".histories-list"),a=!0,o=!1;s.on("click",".btn-reverse",function(){n.children("li").reverseOrder(),a=!a,t(this).find(".icon").toggleClass("icon-arrow-up",a).toggleClass("icon-arrow-down",!a)}).on("click",".btn-expand-all",function(){var e=t(this).find(".icon");o=!o,e.toggleClass("icon-plus",!o).toggleClass("icon-minus",o),n.children("li").toggleClass("show-changes",o)}).on("click",".btn-expand",function(){t(this).closest("li").toggleClass("show-changes")}).on("click",".btn-strip",function(){var e=t(this),s=e.find(".icon"),n=s.hasClass("icon-code");s.toggleClass("icon-code",!n).toggleClass("icon-text",n),e.attr("title",n?i.original:i.textdiff),e.closest("li").toggleClass("show-original",n)}),n.find(".btn-strip").attr("title",i.original);var r=s.find(".modal-comment").modal({show:!1,backdrop:!1,position:function(t){var e=n[0].getBoundingClientRect(),i=t.$element.find(".modal-dialog"),s=i.outerWidth(),a=i.outerHeight();return{top:Math.min(window.innerHeight-a,e.top-40),left:e.left+e.width-s,margin:0}}});s.on("click",".btn-comment",function(){r.modal("toggle")}).on("click",".btn-edit-comment,.btn-hide-form",function(){t(this).closest("li").toggleClass("show-form")});var l=s.find(".comment-edit-form");l.ajaxForm({success:function(t,e,i,s){setTimeout(function(){l.closest("li").removeClass("show-form")},2e3)}})};t.fn.histories=function(t){return this.each(function(){h(this,t)})},t(function(){t(".histories").histories()});var c=0,d=0;t.toggleSidebar=function(e){var i=t("#sidebar");if(i.length){var s=t("main");if(void 0===e)e=s.hasClass("hide-sidebar");else if(e&&!s.hasClass("hide-sidebar"))return;s.toggleClass("hide-sidebar",!e),clearTimeout(c),e?(i.addClass("showing"),c=setTimeout(function(){i.removeClass("showing"),i.trigger("sidebar.toggle",e)},210)):i.trigger("sidebar.toggle",e),t.zui.store.set(d,e)}};var u=function(){var e=t("#sidebar");if(e.length&&!e.data("init")){d="sidebar:"+(e.data("id")||config.module+"/"+config.method);var i=t("main");i.on("click",".sidebar-toggle",function(){t.toggleSidebar(i.hasClass("hide-sidebar"))});var s=t.zui.store.get(d,e.data("hide")!==!1);return e.addClass("no-animate"),t.toggleSidebar(s),setTimeout(function(){e.removeClass("no-animate")},500),e.data("init",1),!0}};u()||t(u),t.toggleQueryBox=function(e){var i=t("#queryBox");i.length&&(void 0===e&&(e=!i.hasClass("show")),i.toggleClass("show",!!e),i.data("init")||(i.addClass("load-indicator loading").data("init",1),t.get(t.createLink("search","buildForm"),function(t){i.html(t).removeClass("loading")})),t(".querybox-toggle").toggleClass("querybox-opened",e))},t(function(){var e=t("#queryBox");e.length&&(t(document).on("click",".querybox-toggle",function(){t.toggleQueryBox()}),e.hasClass("show")&&t.toggleQueryBox(!0))}),t.extend(t.fn.colorPicker.Constructor.DEFAULTS,{colors:["#3DA7F5","#75C941","#2DBDB2","#797EC9","#FFAF38","#FF4E3E"]}),t("a.iframe").modalTrigger({type:"iframe"});var p=function(){var e,i,s=t(this),n=t.extend({limitSize:40,suffix:"…"},s.data()),a=s.text();if(a.length>n.limitSize){e=a,i=a.substr(0,n.limitSize)+n.suffix,s.text(i).addClass("limit-text-on");var o=n.toggleBtn?t(n.toggleBtn):s.next(".text-limit-toggle");o.text(o.data("textExpand")),o.on("click",function(){var t=s.toggleClass("limit-text-on").hasClass("limit-text-on");s.text(t?i:e),o.text(o.data(t?"textExpand":"textCollapse"))})}};t.fn.textLimit=function(){return this.each(p)},t(function(){t(".text-limit").textLimit()}),t.fixedTableHead=window.fixedTableHead=function(e){t(e).scroll(function(){var e=t(this).find(".table-fixed-head").size()>0;if(!e&&(t(this).css("position","relative"),1==t(this).find("table").size())){var i="<table class='table-fixed-head' style='position:absolute;top:0px'><thead>"+t(this).find("table thead").html()+"</thead></table>";t(this).prepend(i);var s=t(this).find("table.table-fixed-head");s.addClass(t(this).find("table:last").attr("class"));var n=t(this).find("table:last thead th");s.find("thead th").each(function(t){s.find("thead th").eq(t).width(n.eq(t).width())})}t(this).find("table.table-fixed-head").css("top",t(this).scrollTop())})}}(jQuery);
\ No newline at end of file
+!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof module&&module.exports?module.exports=function(t,r){return void 0===r&&(r="undefined"!=typeof window?require("jquery"):require("jquery")(t)),e(r),r}:e(jQuery)}(function(e){"use strict";function t(t){var r=t.data;t.isDefaultPrevented()||(t.preventDefault(),e(t.target).closest("form").ajaxSubmit(r))}function r(t){var r=t.target,a=e(r);if(!a.is("[type=submit],[type=image]")){var n=a.closest("[type=submit]");if(0===n.length)return;r=n[0]}var i=r.form;if(i.clk=r,"image"===r.type)if(void 0!==t.offsetX)i.clk_x=t.offsetX,i.clk_y=t.offsetY;else if("function"==typeof e.fn.offset){var o=a.offset();i.clk_x=t.pageX-o.left,i.clk_y=t.pageY-o.top}else i.clk_x=t.pageX-r.offsetLeft,i.clk_y=t.pageY-r.offsetTop;setTimeout(function(){i.clk=i.clk_x=i.clk_y=null},100)}function a(){if(e.fn.ajaxSubmit.debug){var t="[jquery.form] "+Array.prototype.join.call(arguments,"");window.console&&window.console.log?window.console.log(t):window.opera&&window.opera.postError&&window.opera.postError(t)}}var n=/\r?\n/g,i={};i.fileapi=void 0!==e('<input type="file">').get(0).files,i.formdata=void 0!==window.FormData;var o=!!e.fn.prop;e.fn.attr2=function(){if(!o)return this.attr.apply(this,arguments);var e=this.prop.apply(this,arguments);return e&&e.jquery||"string"==typeof e?e:this.attr.apply(this,arguments)},e.fn.ajaxSubmit=function(t,r,n,s){function u(r){var a,n,i=e.param(r,t.traditional).split("&"),o=i.length,s=[];for(a=0;a<o;a++)i[a]=i[a].replace(/\+/g," "),n=i[a].split("="),s.push([decodeURIComponent(n[0]),decodeURIComponent(n[1])]);return s}function c(r){function n(e){var t=null;try{e.contentWindow&&(t=e.contentWindow.document)}catch(e){a("cannot get iframe.contentWindow document: "+e)}if(t)return t;try{t=e.contentDocument?e.contentDocument:e.document}catch(r){a("cannot get iframe.contentDocument: "+r),t=e.document}return t}function i(){function t(){try{var e=n(v).readyState;a("state = "+e),e&&"uninitialized"===e.toLowerCase()&&setTimeout(t,50)}catch(e){a("Server abort: ",e," (",e.name,")"),s(L),j&&clearTimeout(j),j=void 0}}var r=p.attr2("target"),i=p.attr2("action"),o=p.attr("enctype")||p.attr("encoding")||"multipart/form-data";w.setAttribute("target",m),l&&!/post/i.test(l)||w.setAttribute("method","POST"),i!==f.url&&w.setAttribute("action",f.url),f.skipEncodingOverride||l&&!/post/i.test(l)||p.attr({encoding:"multipart/form-data",enctype:"multipart/form-data"}),f.timeout&&(j=setTimeout(function(){T=!0,s(A)},f.timeout));var u=[];try{if(f.extraData)for(var c in f.extraData)f.extraData.hasOwnProperty(c)&&(e.isPlainObject(f.extraData[c])&&f.extraData[c].hasOwnProperty("name")&&f.extraData[c].hasOwnProperty("value")?u.push(e('<input type="hidden" name="'+f.extraData[c].name+'">',k).val(f.extraData[c].value).appendTo(w)[0]):u.push(e('<input type="hidden" name="'+c+'">',k).val(f.extraData[c]).appendTo(w)[0]));f.iframeTarget||h.appendTo(D),v.attachEvent?v.attachEvent("onload",s):v.addEventListener("load",s,!1),setTimeout(t,15);try{w.submit()}catch(e){document.createElement("form").submit.apply(w)}}finally{w.setAttribute("action",i),w.setAttribute("enctype",o),r?w.setAttribute("target",r):p.removeAttr("target"),e(u).remove()}}function s(t){if(!x.aborted&&!X){if((O=n(v))||(a("cannot access response document"),t=L),t===A&&x)return x.abort("timeout"),void S.reject(x,"timeout");if(t===L&&x)return x.abort("server abort"),void S.reject(x,"error","server abort");if(O&&O.location.href!==f.iframeSrc||T){v.detachEvent?v.detachEvent("onload",s):v.removeEventListener("load",s,!1);var r,i="success";try{if(T)throw"timeout";var o="xml"===f.dataType||O.XMLDocument||e.isXMLDoc(O);if(a("isXml="+o),!o&&window.opera&&(null===O.body||!O.body.innerHTML)&&--C)return a("requeing onLoad callback, DOM not available"),void setTimeout(s,250);var u=O.body?O.body:O.documentElement;x.responseText=u?u.innerHTML:null,x.responseXML=O.XMLDocument?O.XMLDocument:O,o&&(f.dataType="xml"),x.getResponseHeader=function(e){return{"content-type":f.dataType}[e.toLowerCase()]},u&&(x.status=Number(u.getAttribute("status"))||x.status,x.statusText=u.getAttribute("statusText")||x.statusText);var c=(f.dataType||"").toLowerCase(),l=/(json|script|text)/.test(c);if(l||f.textarea){var p=O.getElementsByTagName("textarea")[0];if(p)x.responseText=p.value,x.status=Number(p.getAttribute("status"))||x.status,x.statusText=p.getAttribute("statusText")||x.statusText;else if(l){var m=O.getElementsByTagName("pre")[0],g=O.getElementsByTagName("body")[0];m?x.responseText=m.textContent?m.textContent:m.innerText:g&&(x.responseText=g.textContent?g.textContent:g.innerText)}}else"xml"===c&&!x.responseXML&&x.responseText&&(x.responseXML=q(x.responseText));try{M=N(x,c,f)}catch(e){i="parsererror",x.error=r=e||i}}catch(e){a("error caught: ",e),i="error",x.error=r=e||i}x.aborted&&(a("upload aborted"),i=null),x.status&&(i=x.status>=200&&x.status<300||304===x.status?"success":"error"),"success"===i?(f.success&&f.success.call(f.context,M,"success",x),S.resolve(x.responseText,"success",x),d&&e.event.trigger("ajaxSuccess",[x,f])):i&&(void 0===r&&(r=x.statusText),f.error&&f.error.call(f.context,x,i,r),S.reject(x,"error",r),d&&e.event.trigger("ajaxError",[x,f,r])),d&&e.event.trigger("ajaxComplete",[x,f]),d&&!--e.active&&e.event.trigger("ajaxStop"),f.complete&&f.complete.call(f.context,x,i),X=!0,f.timeout&&clearTimeout(j),setTimeout(function(){f.iframeTarget?h.attr("src",f.iframeSrc):h.remove(),x.responseXML=null},100)}}}var u,c,f,d,m,h,v,x,y,b,T,j,w=p[0],S=e.Deferred();if(S.abort=function(e){x.abort(e)},r)for(c=0;c<g.length;c++)u=e(g[c]),o?u.prop("disabled",!1):u.removeAttr("disabled");(f=e.extend(!0,{},e.ajaxSettings,t)).context=f.context||f,m="jqFormIO"+(new Date).getTime();var k=w.ownerDocument,D=p.closest("body");if(f.iframeTarget?(b=(h=e(f.iframeTarget,k)).attr2("name"))?m=b:h.attr2("name",m):(h=e('<iframe name="'+m+'" src="'+f.iframeSrc+'" />',k)).css({position:"absolute",top:"-1000px",left:"-1000px"}),v=h[0],x={aborted:0,responseText:null,responseXML:null,status:0,statusText:"n/a",getAllResponseHeaders:function(){},getResponseHeader:function(){},setRequestHeader:function(){},abort:function(t){var r="timeout"===t?"timeout":"aborted";a("aborting upload... "+r),this.aborted=1;try{v.contentWindow.document.execCommand&&v.contentWindow.document.execCommand("Stop")}catch(e){}h.attr("src",f.iframeSrc),x.error=r,f.error&&f.error.call(f.context,x,r,t),d&&e.event.trigger("ajaxError",[x,f,r]),f.complete&&f.complete.call(f.context,x,r)}},(d=f.global)&&0==e.active++&&e.event.trigger("ajaxStart"),d&&e.event.trigger("ajaxSend",[x,f]),f.beforeSend&&!1===f.beforeSend.call(f.context,x,f))return f.global&&e.active--,S.reject(),S;if(x.aborted)return S.reject(),S;(y=w.clk)&&(b=y.name)&&!y.disabled&&(f.extraData=f.extraData||{},f.extraData[b]=y.value,"image"===y.type&&(f.extraData[b+".x"]=w.clk_x,f.extraData[b+".y"]=w.clk_y));var A=1,L=2,F=e("meta[name=csrf-token]").attr("content"),E=e("meta[name=csrf-param]").attr("content");E&&F&&(f.extraData=f.extraData||{},f.extraData[E]=F),f.forceSync?i():setTimeout(i,10);var M,O,X,C=50,q=e.parseXML||function(e,t){return window.ActiveXObject?((t=new ActiveXObject("Microsoft.XMLDOM")).async="false",t.loadXML(e)):t=(new DOMParser).parseFromString(e,"text/xml"),t&&t.documentElement&&"parsererror"!==t.documentElement.nodeName?t:null},_=e.parseJSON||function(e){return window.eval("("+e+")")},N=function(t,r,a){var n=t.getResponseHeader("content-type")||"",i=("xml"===r||!r)&&n.indexOf("xml")>=0,o=i?t.responseXML:t.responseText;return i&&"parsererror"===o.documentElement.nodeName&&e.error&&e.error("parsererror"),a&&a.dataFilter&&(o=a.dataFilter(o,r)),"string"==typeof o&&(("json"===r||!r)&&n.indexOf("json")>=0?o=_(o):("script"===r||!r)&&n.indexOf("javascript")>=0&&e.globalEval(o)),o};return S}if(!this.length)return a("ajaxSubmit: skipping submit process - no element selected"),this;var l,f,d,p=this;"function"==typeof t?t={success:t}:"string"==typeof t||!1===t&&arguments.length>0?(t={url:t,data:r,dataType:n},"function"==typeof s&&(t.success=s)):void 0===t&&(t={}),l=t.method||t.type||this.attr2("method"),(d=(d="string"==typeof(f=t.url||this.attr2("action"))?e.trim(f):"")||window.location.href||"")&&(d=(d.match(/^([^#]+)/)||[])[1]),t=e.extend(!0,{url:d,success:e.ajaxSettings.success,type:l||e.ajaxSettings.type,iframeSrc:/^https/i.test(window.location.href||"")?"javascript:false":"about:blank"},t);var m={};if(this.trigger("form-pre-serialize",[this,t,m]),m.veto)return a("ajaxSubmit: submit vetoed via form-pre-serialize trigger"),this;if(t.beforeSerialize&&!1===t.beforeSerialize(this,t))return a("ajaxSubmit: submit aborted via beforeSerialize callback"),this;var h=t.traditional;void 0===h&&(h=e.ajaxSettings.traditional);var v,g=[],x=this.formToArray(t.semantic,g,t.filtering);if(t.data){var y=e.isFunction(t.data)?t.data(x):t.data;t.extraData=y,v=e.param(y,h)}if(t.beforeSubmit&&!1===t.beforeSubmit(x,this,t))return a("ajaxSubmit: submit aborted via beforeSubmit callback"),this;if(this.trigger("form-submit-validate",[x,this,t,m]),m.veto)return a("ajaxSubmit: submit vetoed via form-submit-validate trigger"),this;var b=e.param(x,h);v&&(b=b?b+"&"+v:v),"GET"===t.type.toUpperCase()?(t.url+=(t.url.indexOf("?")>=0?"&":"?")+b,t.data=null):t.data=b;var T=[];if(t.resetForm&&T.push(function(){p.resetForm()}),t.clearForm&&T.push(function(){p.clearForm(t.includeHidden)}),!t.dataType&&t.target){var j=t.success||function(){};T.push(function(r,a,n){var i=arguments,o=t.replaceTarget?"replaceWith":"html";e(t.target)[o](r).each(function(){j.apply(this,i)})})}else t.success&&(e.isArray(t.success)?e.merge(T,t.success):T.push(t.success));if(t.success=function(e,r,a){for(var n=t.context||this,i=0,o=T.length;i<o;i++)T[i].apply(n,[e,r,a||p,p])},t.error){var w=t.error;t.error=function(e,r,a){var n=t.context||this;w.apply(n,[e,r,a,p])}}if(t.complete){var S=t.complete;t.complete=function(e,r){var a=t.context||this;S.apply(a,[e,r,p])}}var k=e("input[type=file]:enabled",this).filter(function(){return""!==e(this).val()}).length>0,D="multipart/form-data",A=p.attr("enctype")===D||p.attr("encoding")===D,L=i.fileapi&&i.formdata;a("fileAPI :"+L);var F,E=(k||A)&&!L;!1!==t.iframe&&(t.iframe||E)?t.closeKeepAlive?e.get(t.closeKeepAlive,function(){F=c(x)}):F=c(x):F=(k||A)&&L?function(r){for(var a=new FormData,n=0;n<r.length;n++)a.append(r[n].name,r[n].value);if(t.extraData){var i=u(t.extraData);for(n=0;n<i.length;n++)i[n]&&a.append(i[n][0],i[n][1])}t.data=null;var o=e.extend(!0,{},e.ajaxSettings,t,{contentType:!1,processData:!1,cache:!1,type:l||"POST"});t.uploadProgress&&(o.xhr=function(){var r=e.ajaxSettings.xhr();return r.upload&&r.upload.addEventListener("progress",function(e){var r=0,a=e.loaded||e.position,n=e.total;e.lengthComputable&&(r=Math.ceil(a/n*100)),t.uploadProgress(e,a,n,r)},!1),r}),o.data=null;var s=o.beforeSend;return o.beforeSend=function(e,r){t.formData?r.data=t.formData:r.data=a,s&&s.call(this,e,r)},e.ajax(o)}(x):e.ajax(t),p.removeData("jqxhr").data("jqxhr",F);for(var M=0;M<g.length;M++)g[M]=null;return this.trigger("form-submit-notify",[this,t]),this},e.fn.ajaxForm=function(n,i,o,s){if(("string"==typeof n||!1===n&&arguments.length>0)&&(n={url:n,data:i,dataType:o},"function"==typeof s&&(n.success=s)),n=n||{},n.delegation=n.delegation&&e.isFunction(e.fn.on),!n.delegation&&0===this.length){var u={s:this.selector,c:this.context};return!e.isReady&&u.s?(a("DOM not ready, queuing ajaxForm"),e(function(){e(u.s,u.c).ajaxForm(n)}),this):(a("terminating; zero elements found by selector"+(e.isReady?"":" (DOM not ready)")),this)}return n.delegation?(e(document).off("submit.form-plugin",this.selector,t).off("click.form-plugin",this.selector,r).on("submit.form-plugin",this.selector,n,t).on("click.form-plugin",this.selector,n,r),this):this.ajaxFormUnbind().on("submit.form-plugin",n,t).on("click.form-plugin",n,r)},e.fn.ajaxFormUnbind=function(){return this.off("submit.form-plugin click.form-plugin")},e.fn.formToArray=function(t,r,a){var n=[];if(0===this.length)return n;var o,s=this[0],u=this.attr("id"),c=t||void 0===s.elements?s.getElementsByTagName("*"):s.elements;if(c&&(c=e.makeArray(c)),u&&(t||/(Edge|Trident)\//.test(navigator.userAgent))&&(o=e(':input[form="'+u+'"]').get()).length&&(c=(c||[]).concat(o)),!c||!c.length)return n;e.isFunction(a)&&(c=e.map(c,a));var l,f,d,p,m,h,v;for(l=0,h=c.length;l<h;l++)if(m=c[l],(d=m.name)&&!m.disabled)if(t&&s.clk&&"image"===m.type)s.clk===m&&(n.push({name:d,value:e(m).val(),type:m.type}),n.push({name:d+".x",value:s.clk_x},{name:d+".y",value:s.clk_y}));else if((p=e.fieldValue(m,!0))&&p.constructor===Array)for(r&&r.push(m),f=0,v=p.length;f<v;f++)n.push({name:d,value:p[f]});else if(i.fileapi&&"file"===m.type){r&&r.push(m);var g=m.files;if(g.length)for(f=0;f<g.length;f++)n.push({name:d,value:g[f],type:m.type});else n.push({name:d,value:"",type:m.type})}else null!==p&&void 0!==p&&(r&&r.push(m),n.push({name:d,value:p,type:m.type,required:m.required}));if(!t&&s.clk){var x=e(s.clk),y=x[0];(d=y.name)&&!y.disabled&&"image"===y.type&&(n.push({name:d,value:x.val()}),n.push({name:d+".x",value:s.clk_x},{name:d+".y",value:s.clk_y}))}return n},e.fn.formSerialize=function(t){return e.param(this.formToArray(t))},e.fn.fieldSerialize=function(t){var r=[];return this.each(function(){var a=this.name;if(a){var n=e.fieldValue(this,t);if(n&&n.constructor===Array)for(var i=0,o=n.length;i<o;i++)r.push({name:a,value:n[i]});else null!==n&&void 0!==n&&r.push({name:this.name,value:n})}}),e.param(r)},e.fn.fieldValue=function(t){for(var r=[],a=0,n=this.length;a<n;a++){var i=this[a],o=e.fieldValue(i,t);null===o||void 0===o||o.constructor===Array&&!o.length||(o.constructor===Array?e.merge(r,o):r.push(o))}return r},e.fieldValue=function(t,r){var a=t.name,i=t.type,o=t.tagName.toLowerCase();if(void 0===r&&(r=!0),r&&(!a||t.disabled||"reset"===i||"button"===i||("checkbox"===i||"radio"===i)&&!t.checked||("submit"===i||"image"===i)&&t.form&&t.form.clk!==t||"select"===o&&-1===t.selectedIndex))return null;if("select"===o){var s=t.selectedIndex;if(s<0)return null;for(var u=[],c=t.options,l="select-one"===i,f=l?s+1:c.length,d=l?s:0;d<f;d++){var p=c[d];if(p.selected&&!p.disabled){var m=p.value;if(m||(m=p.attributes&&p.attributes.value&&!p.attributes.value.specified?p.text:p.value),l)return m;u.push(m)}}return u}return e(t).val().replace(n,"\r\n")},e.fn.clearForm=function(t){return this.each(function(){e("input,select,textarea",this).clearFields(t)})},e.fn.clearFields=e.fn.clearInputs=function(t){var r=/^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i;return this.each(function(){var a=this.type,n=this.tagName.toLowerCase();r.test(a)||"textarea"===n?this.value="":"checkbox"===a||"radio"===a?this.checked=!1:"select"===n?this.selectedIndex=-1:"file"===a?/MSIE/.test(navigator.userAgent)?e(this).replaceWith(e(this).clone(!0)):e(this).val(""):t&&(!0===t&&/hidden/.test(a)||"string"==typeof t&&e(this).is(t))&&(this.value="")})},e.fn.resetForm=function(){return this.each(function(){var t=e(this),r=this.tagName.toLowerCase();switch(r){case"input":this.checked=this.defaultChecked;case"textarea":return this.value=this.defaultValue,!0;case"option":case"optgroup":var a=t.parents("select");return a.length&&a[0].multiple?"option"===r?this.selected=this.defaultSelected:t.find("option").resetForm():a.resetForm(),!0;case"select":return t.find("option").each(function(e){if(this.selected=this.defaultSelected,this.defaultSelected&&!t[0].multiple)return t[0].selectedIndex=e,!1}),!0;case"label":var n=e(t.attr("for")),i=t.find("input,select,textarea");return n[0]&&i.unshift(n[0]),i.resetForm(),!0;case"form":return("function"==typeof this.reset||"object"==typeof this.reset&&!this.reset.nodeType)&&this.reset(),!0;default:return t.find("form,input,label,select,textarea").resetForm(),!0}})},e.fn.enable=function(e){return void 0===e&&(e=!0),this.each(function(){this.disabled=!e})},e.fn.selected=function(t){return void 0===t&&(t=!0),this.each(function(){var r=this.type;if("checkbox"===r||"radio"===r)this.checked=t;else if("option"===this.tagName.toLowerCase()){var a=e(this).parent("select");t&&a[0]&&"select-one"===a[0].type&&a.find("option").selected(!1),this.selected=t}})},e.fn.ajaxSubmit.debug=!1});
+//# sourceMappingURL=jquery.form.min.js.map
+
+/* ========================================================================
+ * ZUI: tree.js [1.4.0+]
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    var name = 'zui.tree'; // modal name
+    var globalId = 0;
+
+    // The tree modal class
+    var Tree = function(element, options) {
+        this.name = name;
+        this.$ = $(element);
+
+        this.getOptions(options);
+        this._init();
+    };
+
+    var DETAULT_ACTIONS = {
+        sort: {
+            template: '<a class="sort-handler" href="javascript:;"><i class="icon icon-move"></i></a>'
+        },
+        add: {
+            template: '<a href="javascript:;"><i class="icon icon-plus"></i></a>'
+        },
+        edit: {
+            template: '<a href="javascript:;"><i class="icon icon-pencil"></i></a>'
+        },
+        "delete": {
+            template: '<a href="javascript:;"><i class="icon icon-trash"></i></a>'
+        }
+    };
+
+    function formatActions(actions, parentActions) {
+        if(actions === false) return actions;
+        if(!actions) return parentActions;
+
+        if(actions === true) {
+            actions = {add: true, "delete": true, edit: true, sort: true};
+        } else if(typeof actions === 'string') {
+            actions = actions.split(',');
+        }
+        var _actions;
+        if($.isArray(actions)) {
+            _actions = {};
+            $.each(actions, function(idx, action) {
+                if($.isPlainObject(action)) {
+                    _actions[action.action] = action;
+                } else {
+                    _actions[action] = true;
+                }
+            });
+            actions = _actions;
+        }
+        if($.isPlainObject(actions)) {
+            _actions = {};
+            $.each(actions, function(name, action) {
+                if(action) {
+                    _actions[name] = $.extend({type: name}, DETAULT_ACTIONS[name], $.isPlainObject(action) ? action : null);
+                } else {
+                    _actions[name] = false;
+                }
+            });
+            actions = _actions;
+        }
+        return parentActions ? $.extend(true, {}, parentActions, actions) : actions;
+    }
+
+    function createActionEle(action, name, template) {
+        name = name || action.type;
+        return $(template || action.template).addClass('tree-action').attr($.extend({'data-type': name, title: action.title || ''}, action.attr)).data('action', action);
+    }
+
+    // default options
+    Tree.DEFAULTS = {
+        animate: null,
+        initialState: 'normal', // 'normal' | 'preserve' | 'expand' | 'collapse',
+        toggleTemplate: '<i class="list-toggle icon"></i>',
+        // sortable: false, //
+    };
+
+    Tree.prototype.add = function(rootEle, items, expand, disabledAnimate, notStore) {
+        var $e = $(rootEle), $ul, options = this.options;
+        if($e.is('li')) {
+            $ul = $e.children('ul');
+            if(!$ul.length) {
+                $ul = $('<ul/>');
+                $e.append($ul);
+                this._initList($ul, $e);
+            }
+        } else {
+            $ul = $e;
+        }
+
+        if($ul) {
+            var that = this;
+            if(!$.isArray(items)) {
+                items = [items];
+            }
+            $.each(items, function(idx, item) {
+                var $li = $('<li/>').data(item).appendTo($ul);
+                if(item.id !== undefined) $li.attr('data-id', item.id);
+                var $wrapper = options.itemWrapper ? $(options.itemWrapper === true ? '<div class="tree-item-wrapper"/>' : options.itemWrapper).appendTo($li) : $li;
+                if(item.html) {
+                    $wrapper.html(item.html)
+                } else if($.isFunction(that.options.itemCreator)) {
+                    var itemContent = that.options.itemCreator($li, item);
+                    if(itemContent !== true && itemContent !== false) $wrapper.html(itemContent);
+                } else if(item.url) {
+                    $wrapper.append($('<a/>', {href: item.url}).text(item.title || item.name));
+                } else {
+                    $wrapper.append($('<span/>').text(item.title || item.name));
+                }
+                that._initItem($li, item.idx || idx, $ul, item);
+                if(item.children && item.children.length) {
+                    that.add($li, item.children);
+                }
+            });
+            this._initList($ul);
+            if(expand && !$ul.hasClass('tree')) {
+                that.expand($ul.parent('li'), disabledAnimate, notStore);
+            }
+        }
+    };
+
+    Tree.prototype.reload = function(data) {
+        var that = this;
+
+        if(data) {
+            that.$.empty();
+            that.add(that.$, data);
+        }
+
+        if(that.isPreserve)
+        {
+            if(that.store.time) {
+                that.$.find('li:not(.tree-action-item)').each(function() {
+                    var $li= $(this);
+                    that[that.store[$li.data('id')] ? 'expand' : 'collapse']($li, true, true);
+                });
+            }
+        }
+    };
+
+    Tree.prototype._initList = function($list, $parentItem, idx, data) {
+        var that = this;
+        if(!$list.hasClass('tree')) {
+            $parentItem = ($parentItem || $list.closest('li')).addClass('has-list');
+            if(!$parentItem.find('.list-toggle').length) {
+                $parentItem.prepend(this.options.toggleTemplate);
+            }
+            idx = idx || $parentItem.data('idx');
+        } else {
+            idx = 0;
+            $parentItem = null;
+        }
+        var $children = $list.attr('data-idx', idx || 0).children('li:not(.tree-action-item)').each(function(index) {
+            that._initItem($(this), index + 1, $list);
+        });
+        if($children.length === 1 && !$children.find('ul').length)
+        {
+            $children.addClass('tree-single-item');
+        }
+        data = data || ($parentItem ? $parentItem.data() : null);
+        var actions = formatActions(data ? data.actions : null, this.actions);
+        if(actions) {
+            if(actions.add && actions.add.templateInList !== false) {
+                var $actionItem = $list.children('li.tree-action-item');
+                if(!$actionItem.length) {
+                    $('<li class="tree-action-item"/>').append(createActionEle(actions.add, 'add', actions.add.templateInList)).appendTo($list);
+                } else {
+                    $actionItem.detach().appendTo($list);
+                }
+            }
+            if(actions.sort) {
+                $list.sortable($.extend({
+                    dragCssClass: 'tree-drag-holder', 
+                    trigger: '.sort-handler', 
+                    selector: 'li:not(.tree-action-item)',
+                    finish: function(e) {
+                        that.callEvent('action', {action: actions.sort, $list: $list, target: e.target, item: data});
+                    }
+                }, actions.sort.options, $.isPlainObject(this.options.sortable) ? this.options.sortable : null));
+            }
+        }
+        if($parentItem && ($parentItem.hasClass('open') || (data && data.open))) {
+            $parentItem.addClass('open in');
+        }
+    };
+
+    Tree.prototype._initItem = function($item, idx, $parentList, data) {
+        if(idx === undefined) {
+            var $pre = $item.prev('li');
+            idx = $pre.length ? ($pre.data('idx') + 1) : 1;
+        }
+        $parentList = $parentList || $item.closest('ul');
+        $item.attr('data-idx', idx).removeClass('tree-single-item');
+        if(!$item.data('id')) {
+            var id = idx;
+            if(!$parentList.hasClass('tree')) {
+                id = $parentList.parent('li').data('id') + '-' + id;
+            }
+            $item.attr('data-id', id);
+        }
+        data = data || $item.data();
+        var actions = formatActions(data.actions, this.actions);
+        if(actions) {
+            var $actions = $item.find('.tree-actions');
+            if(!$actions.length) {
+                $actions = $('<div class="tree-actions"/>').appendTo(this.options.itemWrapper ? $item.find('.tree-item-wrapper') : $item);
+                $.each(actions, function(actionName, action) {
+                    if(action) $actions.append(createActionEle(action, actionName));
+                });
+            }
+        }
+
+        var $children = $item.children('ul');
+        if($children.length) {
+            this._initList($children, $item, idx, data);
+        }
+    };
+
+    Tree.prototype._init = function() {
+        var options = this.options, that = this;
+        this.actions = formatActions(options.actions);
+
+        this.$.addClass('tree');
+        if(options.animate) this.$.addClass('tree-animate');
+
+        this._initList(this.$);
+
+        var initialState = options.initialState;
+        var isPreserveEnable = $.zui && $.zui.store && $.zui.store.enable;
+        if(isPreserveEnable) {
+            this.selector = name + '::' + (options.name || '') + '#' + (this.$.attr('id') || globalId++);
+            this.store = $.zui.store[options.name ? 'get' : 'pageGet'](this.selector, {});
+        }
+        if(initialState === 'preserve') {
+            if(isPreserveEnable) this.isPreserve = true;
+            else this.options.initialState = initialState = 'normal';
+        }
+
+        // init data
+        this.reload(options.data);
+        if(isPreserveEnable) this.isPreserve = true;
+
+        if(initialState === 'expand') {
+            this.expand();
+        } else if(initialState === 'collapse') {
+            this.collapse();
+        }
+
+        // Bind event
+        this.$.on('click', '.list-toggle,a[href="#"],.tree-toggle', function(e) {
+            var $this = $(this);
+            var $li = $this.parent('li');
+            that.callEvent('hit', {target: $li, item: $li.data()});
+            that.toggle($li);
+            if($this.is('a')) e.preventDefault();
+        }).on('click', '.tree-action', function() {
+            var $action = $(this);
+            var action = $action.data();
+            if(action.action) action = action.action;
+            if(action.type === 'sort') return;
+            var $li = $action.closest('li:not(.tree-action-item)');
+            that.callEvent('action', {action: action, target: this, $item: $li, item: $li.data()});
+        });
+    };
+
+    Tree.prototype.preserve = function($li, id, expand) {
+        if(!this.isPreserve) return;
+        if($li) {
+            id = id || $li.data('id');
+            expand = expand === undefined ? $li.hasClass('open') : false;
+            if(expand) this.store[id] = expand;
+            else delete this.store[id];
+            this.store.time = new Date().getTime();
+            $.zui.store[this.options.name ? 'set' : 'pageSet'](this.selector, this.store);
+        } else {
+            var that = this;
+            this.store = {};
+            this.$.find('li').each(function() {
+                that.preserve($(this));
+            });
+        }
+    };
+
+    Tree.prototype.expand = function($li, disabledAnimate, notStore) {
+        if($li) {
+            $li.addClass('open');
+            if(!disabledAnimate && this.options.animate) {
+                setTimeout(function() {
+                    $li.addClass('in');
+                }, 10);
+            } else {
+                $li.addClass('in');
+            }
+        } else {
+            $li = this.$.find('li.has-list').addClass('open in');
+        }
+        if(!notStore) this.preserve($li);
+        this.callEvent('expand', $li, this);
+    };
+
+    Tree.prototype.show = function($lis, disabledAnimate, notStore) {
+        var that = this;
+        $lis.each(function() {
+            var $li = $(this);
+            that.expand($li, disabledAnimate, notStore);
+            if($li) {
+                var $ul = $li.parent('ul');
+                while($ul && $ul.length && !$ul.hasClass('tree')) {
+                    var $parentLi = $ul.parent('li');
+                    if($parentLi.length) {
+                        that.expand($parentLi, disabledAnimate, notStore);
+                        $ul = $parentLi.parent('ul');
+                    } else {
+                        $ul = false;
+                    }
+                }
+            }
+        });
+    };
+
+    Tree.prototype.collapse = function($li, disabledAnimate, notStore) {
+        if($li) {
+            if(!disabledAnimate && this.options.animate) {
+                $li.removeClass('in');
+                setTimeout(function() {
+                    $li.removeClass('open');
+                }, 300);
+            } else {
+                $li.removeClass('open in');
+            }
+        } else {
+            $li = this.$.find('li.has-list').removeClass('open in');
+        }
+        if(!notStore) this.preserve($li);
+        this.callEvent('collapse', $li, this);
+    };
+
+    Tree.prototype.toggle = function($li) {
+        var collapse = ($li && $li.hasClass('open')) || $li === false || ($li === undefined && this.$.find('li.has-list.open').length);
+        this[collapse ? 'collapse' : 'expand']($li);
+    };
+
+    // Get and init options
+    Tree.prototype.getOptions = function(options) {
+        this.options = $.extend({}, Tree.DEFAULTS, this.$.data(), options);
+        if(this.options.animate === null && this.$.hasClass('tree-animate')) {
+            this.options.animate = true;
+        }
+    };
+
+    Tree.prototype.toData = function($ul, filter) {
+        if($.isFunction($ul)) {
+            filter = $ul;
+            $ul = null;
+        }
+        $ul = $ul || this.$;
+        var that = this;
+        return $ul.children('li:not(.tree-action-item)').map(function() {
+            var $li = $(this);
+            var data = $li.data();
+            delete data['zui.droppable'];
+            var $children = $li.children('ul');
+            if($children.length) data.children = that.toData($children);
+            return $.isFunction(filter) ? filter(data, $li) : data;
+        }).get();
+    };
+
+    // Call event helper
+    Tree.prototype.callEvent = function(name, params) {
+        var result;
+        if($.isFunction(this.options[name])) {
+            result = this.options[name](params, this);
+        }
+        this.$.trigger($.Event(name + '.' + this.name, params));
+        return result;
+    };
+
+    // Extense jquery element
+    $.fn.tree = function(option, params) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(name);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(name, (data = new Tree(this, options)));
+
+            if(typeof option == 'string') data[option](params);
+        });
+    };
+
+    $.fn.tree.Constructor = Tree;
+
+    // Auto call tree after document load complete
+    $(function() {
+        $('[data-ride="tree"]').tree();
+    });
+}(jQuery));
+
+
+/* ========================================================================
+ * ZUI: ColorPicker.js [1.5.0+]
+ * http://zui.sexy
+ * ========================================================================
+ * Copyright (c) 2016 cnezsoft.com; Licensed MIT
+ * ======================================================================== */
+
+
+(function($) {
+    'use strict';
+
+    var name = 'zui.colorPicker'; // modal name
+    var TEAMPLATE = '<div class="colorpicker"><button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><span class="cp-title"></span><i class="ic"></i></button><ul class="dropdown-menu clearfix"></ul></div>';
+    var LANG = {
+        zh_cn: {
+            errorTip: "不是有效的颜色值"
+        },
+        zh_tw: {
+            errorTip: "不是有效的顏色值"
+        },
+        en: {
+            errorTip: "Not a valid color value"
+        }
+    };
+
+    // The ColorPicker modal class
+    var ColorPicker = function(element, options) {
+        this.name = name;
+        this.$ = $(element);
+
+        this.getOptions(options);
+        this.init();
+    };
+
+    // default options
+    ColorPicker.DEFAULTS = {
+        colors: ['#00BCD4', '#388E3C', '#3280fc', '#3F51B5', '#9C27B0', '#795548', '#F57C00', '#F44336', '#E91E63'],
+        pullMenuRight: true,
+        wrapper: 'btn-wrapper',
+        tileSize: 30,
+        lineCount: 5,
+        optional: true,
+        tooltip: 'top',
+        icon: 'caret-down',
+        updateBtn: 'auto'
+        // btnTip: 'Tool tip in button'
+    };
+
+    ColorPicker.prototype.init = function() {
+        var that = this;
+        var options = that.options;
+        var $input = that.$;
+        var $parent = $input.parent();
+        var createdPicker = false;
+        if ($parent.hasClass('colorpicker')) {
+            that.$picker = $parent;
+        } else {
+            that.$picker = $(options.template || TEAMPLATE);
+            createdPicker = true;
+        }
+        that.$picker.addClass(options.wrapper).find('.cp-title').toggle(options.title !== undefined).text(options.title);
+        that.$menu = that.$picker.find('.dropdown-menu').toggleClass('pull-right', options.pullMenuRight);
+        that.$btn = that.$picker.find('.btn.dropdown-toggle');
+        that.$btn.find('.ic').addClass('icon-' + options.icon);
+        if(options.btnTip) {
+            that.$picker.attr('data-toggle', 'tooltip').tooltip({title: options.btnTip, placement: options.tooltip, container: 'body'});
+        }
+        $input.attr('data-provide', null);
+        if (createdPicker) {
+            $input.after(that.$picker);
+        }
+
+        // init colors
+        that.colors = {};
+        $.each(options.colors, function(idx, rawColor) {
+            if($.zui.Color.isColor(rawColor)) {
+                var color = new $.zui.Color(rawColor);
+                that.colors[color.toCssStr()] = color;
+            }
+        });
+
+        that.updateColors();
+        that.$picker.on('click', '.cp-tile', function() {
+            that.setValue($(this).data('color'));
+        });
+
+        var setInputColor = function() {
+            var val = $input.val();
+            var isColor = $.zui.Color.isColor(val);
+            $input.parent().toggleClass('has-error', !isColor && !(options.optional && val === ''));
+            if(isColor) {
+                that.setValue(val, true);
+            } else {
+                if(options.optional && val === '') {
+                    $input.tooltip('hide');
+                } else if(!$input.is(':focus')) {
+                    $input.tooltip('show', options.errorTip);
+                }
+            }
+        }
+        if($input.is('input:not([type=hidden])')) {
+            if(options.tooltip) {
+                $input.attr('data-toggle', 'tooltip').tooltip({trigger: 'manual', placement: options.tooltip, tipClass: 'tooltip-danger', container: 'body'});
+            }
+            $input.on('keyup paste input change', setInputColor);
+        } else {
+            $input.appendTo(that.$picker);
+        }
+        setInputColor();
+    };
+
+    ColorPicker.prototype.addColor = function(color) {
+        if(!(color instanceof $.zui.Color)) {
+            color = new $.zui.Color(color);
+        }
+        var hex = color.toCssStr(),
+            options = this.options;
+
+        if(!this.colors[hex]) {
+            this.colors[hex] = color;
+        }
+
+        var $a = $('<a href="###" class="cp-tile"></a>', {
+            titile: color
+        }).data('color', color).css({
+            'color': color.contrast().toCssStr(),
+            'background': hex,
+            'border-color': color.luma() > 0.43 ? '#ccc' : 'transparent'
+        }).attr('data-color', hex);
+        this.$menu.append($('<li/>').css({width: options.tileSize, height: options.tileSize}).append($a));
+        if(options.optional) {
+            this.$menu.find('.cp-tile.empty').parent().detach().appendTo(this.$menu);
+        }
+    };
+
+    ColorPicker.prototype.updateColors = function(colors) {
+        var $picker = this.$picker,
+            $menu = this.$menu.children('li:not(.heading)').remove(),
+            options = this.options,
+            colors = colors || this.colors,
+            that = this;
+        var bestLineCount = 0;
+        $.each(colors, function(idx, color) {
+            that.addColor(color);
+            bestLineCount++;
+        });
+        if(options.optional) {
+            var $li = $('<li><a class="cp-tile empty" href="###"></a></li>').css({width: options.tileSize, height: options.tileSize});
+            this.$menu.append($li);
+            bestLineCount++;
+        }
+        $menu.css('width', Math.min(bestLineCount, options.lineCount) * options.tileSize + 6);
+    };
+
+    ColorPicker.prototype.setValue = function(color, notSetInput) {
+        var that = this;
+        var options = that.options;
+        var $btn = that.$btn;
+        that.$menu.find('.cp-tile.active').removeClass('active');
+        var hex = '';
+        var updateBtn = options.updateBtn;
+        if (updateBtn === 'auto') {
+            var $btnBar = $btn.find('.color-bar');
+            updateBtn = $btnBar.length ? function(hexColor) {
+                $btnBar.css('background', hexColor || '');
+            } : true;
+        }
+        if(color) {
+            var c = new $.zui.Color(color);
+            hex = c.toCssStr().toLowerCase();
+            if (updateBtn) {
+                if ($.isFunction(updateBtn)) {
+                    updateBtn(hex, $btn, that);
+                } else {
+                    $btn.css({
+                        background: hex,
+                        color: c.contrast().toCssStr(),
+                        borderColor: c.luma() > 0.43 ? '#ccc' : hex
+                    });
+                }
+            }
+            if(!that.colors[hex]) {
+                that.addColor(c);
+            }
+            if(!notSetInput && that.$.val().toLowerCase() !== hex) {
+                that.$.val(hex).trigger('change');
+            }
+            that.$menu.find('.cp-tile[data-color="' + hex + '"]').addClass('active');
+            that.$.tooltip('hide');
+            that.$.trigger('colorchange', c);
+        } else {
+            if (updateBtn) {
+                if ($.isFunction(updateBtn)) {
+                    updateBtn(null, $btn, that);
+                } else {
+                    $btn.attr('style', null);
+                }
+            }
+            if(!notSetInput && that.$.val() !== '') {
+                that.$.val(hex).trigger('change');
+            }
+            if(options.optional) {
+                that.$.tooltip('hide');
+            }
+            that.$menu.find('.cp-tile.empty').addClass('active');
+            that.$.trigger('colorchange', null);
+        }
+
+        if(options.updateBorder) {
+            $(options.updateBorder).css('border-color', hex);
+        }
+        if(options.updateBackground) {
+            $(options.updateBackground).css('background-color', hex);
+        }
+        if(options.updateColor) {
+            $(options.updateColor).css('color', hex);
+        }
+        if(options.updateText) {
+            $(options.updateText).text(hex);
+        }
+    };
+
+    // Get and init options
+    ColorPicker.prototype.getOptions = function(options) {
+        var thisOptions = $.extend({}, ColorPicker.DEFAULTS, this.$.data(), options);
+        if(typeof thisOptions.colors === 'string') thisOptions.colors = thisOptions.colors.split(',');
+        var lang = (thisOptions.lang || $.zui.clientLang()).toLowerCase();
+        if(!thisOptions.errorTip) {
+            thisOptions.errorTip = LANG[lang].errorTip;
+        }
+        if(!$.fn.tooltip) thisOptions.btnTip = false;
+        this.options = thisOptions;
+    };
+
+    // Extense jquery element
+    $.fn.colorPicker = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(name);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(name, (data = new ColorPicker(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.colorPicker.Constructor = ColorPicker;
+
+    // Auto call colorPicker after document load complete
+    $(function() {
+        $('[data-provide="colorpicker"]').colorPicker();
+    });
+}(jQuery));
+
+(function ($, undefined) {
+    var colorIndex = 0;
+    var accentsColors = [
+        '#00a9fc', '#ff5d5d', '#fdc137', '#00da88', '#7ec5ff', '#8666b8', '#bd7b46', '#ff9100', '#ff3d00', '#f57f17', '#00e5ff', '#00b0ff', '#2979ff', '#3d5afe', '#651fff', '#d500f9', '#f50057', '#ff1744'
+    ];
+    function nextAccentColor(idx) {
+        if (idx === undefined) {
+            idx = colorIndex += 1;
+        }
+        return accentsColors[idx%accentsColors.length];
+    }
+
+    jQuery.fn.tableChart = function () {
+        $(this).each(function () {
+            var $table = $(this);
+            var options = $table.data();
+            var chartType = options.chart || 'pie';
+            var $canvas = $(options.target);
+            if (!$canvas.length) return;
+            var chart = null;
+
+            if (chartType === 'pie') {
+                options = $.extend({ scaleShowLabels: true, scaleLabel: '<%=label%>: <%=value%>' }, options);
+                var data = [];
+                var $rows = $table.find('tbody > tr').each(function (idx) {
+                    var $row = $(this);
+                    var color = nextAccentColor();
+
+                    $row.attr('data-id', idx).find('.chart-color-dot').css('background', color);
+                    data.push({ label: $row.find('.chart-label').text(), value: parseInt($row.find('.chart-value').text()), color: color, id: idx });
+                });
+
+                if (data.length > 1) options.scaleLabelPlacement = 'outside';
+                else if (data.length === 1) {
+                    options.scaleLabelPlacement = 'inside';
+                    data.push({ label: '', value: data[0].value / 2000, color: '#fff', showLabel: false })
+                }
+
+                chart = $canvas.pieChart(data, options);
+                $canvas.on('mousemove', function (e) {
+                    var activePoints = chart.getSegmentsAtEvent(e);
+                    $rows.removeClass('active');
+                    if (activePoints.length) {
+                        $rows.filter('[data-id="' + activePoints[0].id + '"]').addClass('active');
+                    }
+                });
+            }
+            else if (chartType === 'bar') {
+                var color = nextAccentColor();
+                var labels = [], dataset = { label: $table.find('thead .chart-label').text(), color: color, data: [] };
+
+                var $rows = $table.find('tbody > tr').each(function (idx) {
+                    var $row = $(this);
+                    labels.push($row.find('.chart-label').text());
+                    dataset.data.push(parseInt($row.find('.chart-value').text()));
+                    $row.find('.chart-color-dot').css('background', color);
+                });
+                var data = { labels: labels, datasets: [dataset] };
+                if (labels.length) options.barValueSpacing = 5;
+
+                chart = $canvas.barChart(data, options);
+            }
+            else if (chartType === 'line') {
+                var color = nextAccentColor();
+                var labels = [], dataset = { label: $table.find('thead .chart-label').text(), color: color, data: [] };
+
+                var $rows = $table.find('tbody > tr').each(function (idx) {
+                    var $row = $(this);
+                    labels.push($row.find('.chart-label').text());
+                    dataset.data.push(parseInt($row.find('.chart-value').text()));
+                    $row.find('.chart-color-dot').css('background', color);
+                });
+                var data = { labels: labels, datasets: [dataset] };
+                if (labels.length) options.barValueSpacing = 5;
+
+                chart = $canvas.lineChart(data, options);
+            }
+
+            if (chart !== null) $table.data('zui.chart', chart);
+        });
+    };
+
+    jQuery.fn.progressPie = function (setting) {
+        $(this).each(function () {
+            var $this = $(this);
+            var $canvas = $this.is('canvas') ? $this : $this.find('canvas');
+            var options = $.extend(
+                {
+                    value: 0,
+                    color: '#006af1',
+                    backColor: '#E9F2FB',
+                    doughnut: true,
+                    doughnutSize: 85,
+                    width: 20,
+                    height: 20,
+                    showTip: false,
+                    name: '',
+                    tipTemplate: "<%=value%>%",
+                    animation: false
+                }, setting, $this.data());
+            var hasCanvas = $canvas.length;
+
+            if (!hasCanvas) $canvas = $('<canvas>').appendTo($this);
+            if ($canvas.attr('width') !== undefined) options.width = $canvas.attr('width');
+            else $canvas.attr('width', options.width);
+            if ($canvas.attr('height') !== undefined) options.height = $canvas.attr('height');
+            else $canvas.attr('height', options.height);
+            if (!hasCanvas && $.zui.browser.ie == 8) G_vmlCanvasManager.initElement($canvas[0]);
+
+            options.value = Math.max(0, Math.min(100, options.value));
+
+            var data =
+                [
+                    { value: options.value, label: options.name, color: options.color, circleBeginEnd: true },
+                    { value: 100 - options.value, label: '', color: options.backColor }
+                ];
+
+            $canvas[options.doughnut ? 'doughnutChart' : 'pieChart'](data, $.extend(
+                {
+                    segmentShowStroke: false,
+                    animation: options.animation,
+                    showTooltips: options.showTip,
+                    tooltipTemplate: options.tipTemplate,
+                    percentageInnerCutout: options.doughnutSize,
+                    reverseDrawOrder: true
+                }, options.chartOptions));
+        });
+    };
+
+    $(function () {
+        $('.table-chart').tableChart();
+        var $pies = $('.progress-pie');
+        if ($pies.length > 100) setTimeout(function () { $pies.progressPie(); }, 1000);
+        else $pies.progressPie();
+    });
+}(jQuery, undefined));
+
+(function($) {
+    jQuery.fn.sparkline = function(setting)
+    {
+        $(this).each(function()
+        {
+            var $e = $(this);
+            var options = $.extend({
+                values: $e.attr('values'),
+                width: $e.width() - 4,
+                height: $e.height() - 4
+            }, $e.data(), setting);
+            var height = options.height,
+                values = [],
+                maxWidth = options.width;
+
+            var strValues = options.values.split(','), maxValue = 0;
+            for(var i in strValues)
+            {
+                var v = parseFloat(strValues[i]);
+                if(v != NaN)
+                {
+                    values.push(v);
+                    maxValue = Math.max(v, maxValue);
+                }
+            }
+
+            var scaleSteps = Math.min(maxValue, 30);
+            var scaleStepWidth = Math.ceil(maxValue/scaleSteps);
+
+            var width = Math.min(maxWidth, Math.max(10, values.length*maxWidth/30));
+            var canvas = $e.children('canvas');
+            if(!canvas.length)
+            {
+                $e.append('<canvas class="projectline-canvas"></canvas>');
+                canvas = $e.children('canvas');
+            }
+            canvas.attr('width', width).attr('height',height);
+            var data = {
+                labels : values,
+                datasets:
+                [{
+                    fillColor : "rgba(0,0,255,0.05)",
+                    strokeColor : "#0054EC",
+                    pointColor : "rgba(255,136,0,1)",
+                    pointStrokeColor : "#fff",
+                    data : values
+                }]
+            };
+            var chartOtions = {
+                animation: true,
+                scaleOverride: true,
+                scaleStepWidth: Math.ceil(maxValue/10),
+                scaleSteps: 10,
+                scaleStartValue: 0,
+                showScale: false,
+                showTooltips: false,
+                pointDot: false,
+                scaleShowGridLines: false,
+                datasetStrokeWidth: 1
+            };
+            var lineChart = $(canvas).lineChart(data, chartOtions);
+            $e.data('sparklineChart', lineChart);
+        });
+    }
+
+    $(function(){
+        $('.sparkline').sparkline();
+    });
+}(jQuery));
+
+(function ($) {
+    $(function () {
+        $.fn.fixedDate = function () {
+            return $(this).each(function () {
+                var $this = $(this);
+                if ($this.offset().top + 200 > $(document.body).height()) {
+                    $this.attr('data-picker-position', 'top-right');
+                }
+
+                if ($this.val() == '0000-00-00') {
+                    $this.focus(function () {
+                        if ($this.val() == '0000-00-00') $this.val('').datetimepicker('update');
+                    }).blur(function () {
+                        if ($this.val() == '') $this.val('0000-00-00')
+                    });
+                }
+            });
+        };
+
+        var options = {
+            language: $('html').attr('lang'),
+            weekStart: 1,
+            todayBtn: 1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            forceParse: 0,
+            showMeridian: 1,
+            format: 'yyyy-mm-dd hh:ii',
+            startDate: '1970-1-1'
+        };
+        var dateOptions = $.extend({}, options, {minView: 2, format: 'yyyy-mm-dd' });
+        var timeOptions = $.extend({}, options, {startView: 1, minView: 0, maxView: 1, format: 'hh:ii'});
+
+        $('.datepicker-wrapper').click(function () {
+            $(this).find('.form-date, .form-datetime, .form-time').datetimepicker('show').focus();
+        });
+
+        window.datepickerOptions = options;
+        $.fn.datepicker = function(setting) {
+            return this.datetimepicker($.extend({}, dateOptions, setting));
+        };
+        $.fn.timepicker = function(setting) {
+            return this.datetimepicker($.extend({}, timeOptions, setting));
+        };
+
+        $.fn.datepickerAll = function() {
+            this.find('.form-datetime').fixedDate().datetimepicker(options);
+            this.find('.form-date').fixedDate().datepicker();
+            this.find('.form-time').fixedDate().timepicker();
+            return this;
+        };
+
+        $('body').datepickerAll();
+    });
+}(jQuery));
+
+
+(function ($) {
+
+    var batchActionForm = function($form, options) {
+        options = $.extend({
+            idStart: 0,
+            idEnd: 9,
+            chosen: true,
+            datetimepicker: true,
+            colorPicker: true,
+            hotkeys: true
+        }, options, $form.data());
+        var $template = $form.find('.template');
+
+        if (!$template.length && options.template) {
+            $template = $(options.template);
+        }
+
+        var dataCtrlCount = 0;
+        var rowsCount = 0;
+        var focusControl = function($ctrl) {
+            if ($ctrl.is('select.chosen')) {
+                $ctrl.next('.chosen-container').find('input').focus();
+            } else {
+                $ctrl.focus();
+            }
+        };
+
+        var focusNext = function(direction) {
+            var $currentCtrl = $form.find('[data-ctrl-index]:focus,.chosen-container-active').first();
+            if (!$currentCtrl.length) {
+                return;
+            }
+            if ($currentCtrl.is('.chosen-container-active')) {
+                if ($currentCtrl.hasClass('chosen-with-drop') && (direction === 'down' || direction === 'up')) {
+                    return;
+                }
+                $currentCtrl = $currentCtrl.prev('select.chosen');
+            }
+            var index = $currentCtrl.data('ctrlIndex');
+            var rowIndex = $currentCtrl.closest('tr').data('row');
+            if (direction === 'down') {
+                if (rowIndex < (rowsCount - 1)) {
+                    rowIndex += 1;
+                } else {
+                    rowIndex = 0;
+                }
+            } else if (direction === 'up') {
+                if (rowIndex > 0) {
+                    rowIndex -= 1;
+                } else {
+                    rowIndex = rowsCount - 1;
+                }
+            } else if (direction === 'left') {
+                if (index > 0) {
+                    index -= 1;
+                } else {
+                    index = dataCtrlCount - 1;
+                }
+            } else if (direction === 'right') {
+                if (index < (dataCtrlCount - 1)) {
+                    index += 1;
+                } else {
+                    index = 0;
+                }
+            }
+            focusControl($form.find('tr[data-row="' + rowIndex + '"]').find('[data-ctrl-index="' + index + '"]'));
+        };
+
+        var comObject = {
+            options: options,
+            focusNext: focusNext,
+            focusControl: focusControl
+        };
+        var $body = $form.find('tbody,.batch-rows');
+        if ($template.length) {
+            var template = $template.remove().html();
+            var createRow = function(id, $after) {
+                var rowTemplate = template;
+                if (typeof id !== 'number') {
+                    id = rowsCount;
+                }
+                rowsCount = Math.max(id + 1, rowsCount);
+                rowTemplate = rowTemplate.replace(/\$idPlus/g, id + 1).replace(/\$id/g, id);
+                var $row = $('<' + $template[0].tagName.toLowerCase() + ' />').html(rowTemplate);
+                $row.attr('data-row', id).addClass($template.attr('class')).removeClass('template');
+                options.rowCreator && options.rowCreator($row, id, options);
+                if ($after) {
+                    $after.after($row);
+                } else {
+                    $body.append($row);
+                }
+
+                if ($.fn.chosen && options.chosen) {
+                    $row.find('.chosen').chosen($.isPlainObject(options.chosen) ? options.chosen : null);
+                }
+
+                if ($.fn.datetimepicker && options.datetimepicker) {
+                    $row.datepickerAll($.isPlainObject(options.datetimepicker) ? options.datetimepicker : null);
+                }
+
+                if ($.fn.colorPicker && options.colorPicker) {
+                    $row.find('input.colorpicker').colorPicker($.isPlainObject(options.colorPicker) ? options.colorPicker : null);
+                }
+                var ctrlIndex = 0;
+                $row.find('input[type!="hidden"],textarea,select').each(function() {
+                    var $ctrl = $(this);
+                    if ($ctrl.parent().hasClass('chosen-search')) {
+                        return;
+                    }
+                    $ctrl.attr('data-ctrl-index', ctrlIndex++);
+                });
+                dataCtrlCount = Math.max(dataCtrlCount, ctrlIndex);
+                return $row;
+            };
+            $.extend(comObject, {createRow: createRow, template: template});
+
+            for(var id = options.idStart; id <= options.idEnd; ++id) {
+                createRow(id);
+            }
+        }
+
+        $form.on('click', '.btn-copy', function()
+        {
+            var $btn = $(this);
+            var copyFrom = $($btn.data('copyFrom')).val();
+            var $copyTo = $($btn.data('copyTo')).val(copyFrom).addClass('highlight');
+            setTimeout(function() {
+                $copyTo.removeClass('highlight');
+            }, 2000);
+        });
+
+        if (options.hotkeys) {
+            $(document).on('keydown', function(e) {
+                var focusControlMap = {
+                    'Ctrl+#37': 'left',
+                    'Ctrl+#39': 'right',
+                    '#38': 'up',
+                    '#40': 'down',
+                    'Ctrl+#38': 'up',
+                    'Ctrl+#40': 'down'
+                }
+                var keys = [];
+                if (e.ctrlKey) keys.push('Ctrl');
+                keys.push('#' + e.keyCode);
+                var focusControlDir = focusControlMap[keys.join('+')];
+                if (focusControlDir)
+                {
+                    focusNext(focusControlDir);
+                    if (e.ctrlKey) {
+                        e.stopPropagation();
+                        e.preventDefault();
+                    }
+                }
+            });
+        }
+
+        $form.data('zui.batchActionForm', comObject);
+    };
+
+    $.fn.batchActionForm = function(options)
+    {
+        return this.each(function() {
+            batchActionForm($(this), options);
+        });
+    };
+}(jQuery));
+
+(function($, undefined) {
+    'use strict';
+
+    var NAME = 'zui.table'; // model name
+
+    var LANG = {
+        zh_cn: {
+            selectedItems: '已选择 <strong>{0}</strong> 项',
+            attrTotal: '{0}总计 <strong>{1}</strong>'
+        },
+        zh_tw: {
+            selectedItems: '已选择 <strong>{0}</strong> 项',
+            attrTotal: '{0}总计 <strong>{1}</strong>'
+        },
+        en: {
+            selectedItems: 'Seleted <strong>{0}</strong> items',
+            attrTotal: '{0} total <strong>{1}</strong>'
+        }
+    };
+
+    // The Table model class
+    var Table = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        var $element = that.$ = $(element);
+
+        options = that.options = $.extend({}, Table.DEFAULTS, this.$.data(), options);
+        var lang   = options.lang || 'zh_cn';
+        that.lang  = $.isPlainObject(lang) ? ($.extend(true, {}, LANG[lang.lang || $.zui.clientLang()], lang)) : LANG[lang];
+
+        // Initialize here
+        var $table = that.$table = $element.is('table') ? $element : $element.find('table');
+        that.$header = $table.find('thead');
+        that.$footer = $element.find('.table-footer');
+        var $form = that.$form = $element.is('form') ? $element : $element.find('form');
+
+        if (options.checkable) {
+            $element.on('click', '.check-all', function() {
+                that.checkAll(!$(this).hasClass('checked'));
+            }).on('click', 'tbody>tr', function() {
+                that.checkRow($(this));
+            }).on('click', 'tbody input[type="checkbox"],tbody label[for]', function(e){
+                e.stopPropagation();
+                var $checkbox = $(this);
+                if ($checkbox.is('label')) {
+                    $checkbox = $checkbox.closest('.checkbox-primary').find('input[type="checkbox"]');
+                }
+                that.checkRow($checkbox.closest('tr'), $checkbox.is(':checked'));
+            }).on('click', 'tbody a,tbody .btn', function(e) {
+                e.stopPropagation();
+            });
+
+            if (options.selectable) {
+                $element.selectable($.extend({}, {
+                    selector: 'tbody>tr',
+                    selectClass: '',
+                    trigger: '.c-id',
+                    clickBehavior: 'multi',
+                    listenClick: false,
+                    select: function(e) {
+                        that.checkRow(e.target, true);
+                    },
+                    unselect: function(e) {
+                        that.checkRow(e.target, false);
+                    },
+                    rangeStyle: {border: '1px solid #006af1', backgroundColor: 'rgba(50, 128, 252, 0.2)', borderRadius: '2px'}
+                }, $.isPlainObject(options.selectable) ? options.selectable : null));
+            }
+        }
+
+        if ($form.length) {
+            if (options.ajaxForm) {
+                $form.ajaxForm($.isPlainObject(options.ajaxForm) ? options.ajaxForm : null);
+            } else {
+                $form.on('click', '[data-form-action]', function() {
+                    $form.attr('action', $(this).data('formAction')).submit();
+                });
+            }
+        }
+
+        if (options.fixFooter || options.fixHeader) {
+            that.pageFooterHeight = $('#footer').outerHeight();
+            that.updateFixUI();
+            $(window).on('scroll resize', function() {
+                that.updateFixUI();
+            }).on('sidebar.toggle', function() {
+                setTimeout(function() {
+                    that.updateFixUI();
+                }, 200);
+            });
+        }
+
+        that.$statistic = $element.find('.table-statistic');
+        that.defaultStatistic = that.$statistic.html();
+        that.updateStatistic();
+    };
+
+    Table.prototype.updateStatistic = function() {
+        var that = this;
+        var $statistic = that.$statistic;
+        if (!$statistic.length) return;
+
+        if (that.defaultStatistic === undefined) {
+            that.defaultStatistic = $statistic.html();
+        }
+
+        var statisticCols = that.statisticCols;
+        if (!statisticCols && statisticCols !== false) {
+            statisticCols = {};
+            var hasStatisticCol = false;
+            that.$header.find('th').each(function(index) {
+                var $th = $(this);
+                var statisticFormat = $th.data('statistic');
+                if (statisticFormat) {
+                    hasStatisticCol = true;
+                    statisticCols[index] = {format: statisticFormat, name: $th.text()};
+                }
+            });
+            that.statisticCols = hasStatisticCol ? statisticCols : false;
+        }
+
+        var checkedCount = 0;
+        if (statisticCols) {
+            $.each(statisticCols, function(colIndex) {
+                statisticCols[colIndex].total = 0;
+                statisticCols[colIndex].checkedTotal = 0;
+            });
+        }
+        that.$.find('tbody>tr').each(function(rowIndex) {
+            var $row = $(this);
+            var isRowChecked = $row.hasClass('checked');
+            var $tds = $row.children('td');
+            if (isRowChecked) checkedCount++;
+            if (statisticCols) {
+                $.each(statisticCols, function(colIndex) {
+                    var cellVal = parseFloat($tds.eq(colIndex).text());
+                    if (isNaN(cellVal)) cellVal = 0;
+                    statisticCols[colIndex].total += cellVal;
+                    if(isRowChecked) statisticCols[colIndex].checkedTotal += cellVal;
+                });
+            }
+        });
+        var statisticContents = [];
+        if (checkedCount) {
+            statisticContents.push(that.lang.selectedItems.format(checkedCount));
+        } else if (that.defaultStatistic) {
+            $statistic.html(that.defaultStatistic);
+            return;
+        }
+        if (statisticCols) {
+            $.each(statisticCols, function(colIndex) {
+                var statisticCol = statisticCols[colIndex];
+                var staticVal = statisticCol[checkedCount ? 'checkedTotal' : 'total'];
+                if (statisticCol.format) {
+                    staticVal = statisticCol.format.format(staticVal);
+                }
+                statisticContents.push(that.lang.attrTotal.format(statisticCol.name, staticVal));
+            });
+        }
+        $statistic.html(statisticContents.join(', '));
+    };
+
+    Table.prototype.updateFixUI = function(immediately) {
+        var that = this;
+        var now = new Date().getTime();
+        if (!immediately) {
+            if (that.lastUpdateCall) {
+                clearTimeout(that.lastUpdateCall);
+            }
+            if (!that.lastUpdateTime || (now - that.lastUpdateTime) < 100) {
+                that.lastUpdateCall = setTimeout(function() {
+                    that.updateFixUI(true);
+                }, 30);
+                return;
+            }
+        }
+
+        that.lastUpdateTime = now;
+
+        if (that.lastUpdateCall) {
+            clearTimeout(that.lastUpdateCall);
+            that.lastUpdateCall = null;
+        }
+        if (that.options.fixHeader) {
+            that.fixHeader();
+        }
+        if (that.options.fixFooter) {
+            that.fixFooter();
+        }
+    };
+
+    Table.prototype.fixHeader = function() {
+        var that = this;
+        var $header = that.$header;
+        var bounding = $header[0].getBoundingClientRect();
+        var fixFooterOption = that.options.fixFooter;
+        var isFixed = $.isFunction(fixFooterOption) ? fixFooterOption(bounding, $header) : bounding.top < (typeof fixFooterOption === 'number' ? fixFooterOption : -5);
+        var $fixHeaderTable = that.$.find('table.fixed-header-copy');
+        if (isFixed) {
+            if (!$fixHeaderTable.length) {
+                $fixHeaderTable = $('<table class="fixed-header-copy"></table>').addClass(that.$table.attr('class')).append($header.clone()).insertAfter(that.$table);
+            }
+            $fixHeaderTable.css({
+                top: 0,
+                left: bounding.left,
+                position: 'fixed',
+                width: bounding.width
+            });
+            var $ths = $fixHeaderTable.find('th');
+            $header.find('th').each(function(index) {
+                $ths.eq(index).css('width', $(this).outerWidth());
+            });
+        } else {
+            $fixHeaderTable.remove();
+        }
+    };
+
+    Table.prototype.fixFooter = function() {
+        var that = this;
+        var $footer = that.$footer;
+        var bounding = that.$.find('tbody')[0].getBoundingClientRect();
+        var fixFooterOption = that.options.fixFooter;
+        $footer.toggleClass('fixed-footer', !!isFixed);
+        var isFixed = $.isFunction(fixFooterOption) ? fixFooterOption(bounding, $footer) : (bounding.bottom) > (window.innerHeight - 50 - (typeof fixFooterOption === 'number' ? fixFooterOption : (that.pageFooterHeight || 5)));
+        $footer.toggleClass('fixed-footer', !!isFixed);
+        if (isFixed) {
+            $footer.css({
+                bottom: that.pageFooterHeight,
+                left: bounding.left,
+                width: bounding.width
+            });
+        } else {
+            $footer.css({
+                width: ''
+            });
+        }
+    };
+
+    Table.prototype.checkAll = function(checked) {
+        var that = this;
+        var $rows = that.$.find('tbody>tr');
+        $rows.each(function() {
+            that.checkRow($(this), checked, true);
+        });
+        that.updateCheckUI();
+    };
+
+    Table.prototype.checkRow = function($row, checked, notUpdateCheckUI) {
+        var $checkbox = $row.find('input[type="checkbox"]');
+        if (checked === undefined) {
+            checked = !$checkbox.is(':checked');
+        }
+        $row.toggleClass('checked', checked);
+        $checkbox.prop('checked', checked);
+        if (!notUpdateCheckUI) {
+            this.updateCheckUI();
+        }
+    };
+
+    Table.prototype.updateCheckUI = function() {
+        var $rows = this.$.find('tbody>tr');
+        var isLastRowChecked = false, $lastRow = null, checkCount = 0, isRowChecked = false, rowsCount = $rows.length;
+        $rows.each(function(index) {
+            var $row = $(this);
+            isRowChecked = $row.hasClass('checked');
+            $row.toggleClass('row-check-begin', isRowChecked && !isLastRowChecked);
+            $lastRow && $lastRow.toggleClass('row-check-end', !isRowChecked && isLastRowChecked);
+            if (isRowChecked) checkCount += 1;
+            $lastRow = $row;
+            isLastRowChecked = isRowChecked;
+            if (rowsCount === (index + 1)) $row.toggleClass('row-check-end', isRowChecked);
+        });
+        this.$.toggleClass('has-row-checked', checkCount > 0).find('.check-all').toggleClass('checked', checkCount === rowsCount);
+        this.updateStatistic();
+    };
+
+    // default options
+    Table.DEFAULTS = {
+        checkable: true,
+        ajaxForm: false,
+        selectable: true,
+        fixHeader: true,
+        fixFooter: true
+    };
+
+    // Extense jquery element
+    $.fn.table = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new Table(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    Table.NAME = NAME;
+
+    $.fn.table.Constructor = Table;
+
+    // Auto call table after document load complete
+    $(function() {
+        $('[data-ride="table"]').table();
+    });
+}(jQuery, undefined));
+
+
+(function ($, window, undefined) {
+
+    $.fn._ajaxForm = $.fn.ajaxForm;
+
+    var DEFAULT = {
+        timeout: window.config ? window.config.timeout : 0,
+        dataType: 'json',
+        errControlStyle: {borderColor: '#D2322D'}
+    };
+    var ajaxFormUrl = '';
+
+    $.fn.enableForm = function(enable) {
+        if (enable === undefined) enable = true;
+        return this.each(function() {
+            var $form = $(this);
+            $form.find('[type="submit"]').attr('disabled', enable ? null : 'disabled');
+            if ($form.hasClass('load-indicator')) {
+                $form.toggleClass('loading', !enable);
+            }
+        });
+    };
+
+    var showMessage = function(mesage, options, method) {
+        if (typeof options === 'string') {
+            method = options;
+            options = null;
+        }
+        method = method || 'show';
+        if ($.zui.messager) {
+            $.zui.messager[method](mesage, options);
+        } else {
+            alert(mesage);
+        }
+    };
+
+    $.ajaxForm = function(form, options) {
+        var $form = $(form);
+        if ($form.length > 1) {
+            return $form.each(function() {
+                $.ajaxForm(this, options);
+            });
+        }
+        if ($.isFunction(options)) {
+            options = {complete: options};
+        }
+        options = $.extend({}, DEFAULT, $form.data(), options);
+        var beforeSubmit = options.beforeSubmit;
+        var onError = options.error;
+        var onSuccess = options.success;
+        var onFinish = options.finish;
+        delete options.finish;
+        delete options.success;
+        delete options.onError;
+        delete options.beforeSubmit;
+        var errControlStyle = options.errControlStyle;
+        delete options.errControlStyle;
+        options = $.extend({
+            beforeSubmit: function(data, $thisForm, option) {
+                $form.enableForm(false);
+                if ((beforeSubmit && beforeSubmit(data, $thisForm, option)) === false) return;
+
+                var feature = {};
+                var $files = $thisForm.find('[type="file"]');
+                feature.fileapi = $files.length && $files[0].files !== undefined;
+                feature.formdata = window.FormData !== undefined;
+                var fileInputs = feature.fileapi && $thisForm.find('input[type="file"]:enabled').filter(function() { return $(this).val() !== ''; });
+                var hasFileInputs = fileInputs.length;
+                var mp = 'multipart/form-data';
+                var multipart = ($thisForm.attr('enctype') == mp || $thisForm.attr('encoding') == mp);
+
+                var fileAPI = feature.fileapi && feature.formdata;
+                var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;
+
+                /* Append HTTP_X_REQUESTED_WITH on url when shouldUseFrame is true. */
+                if(shouldUseFrame)
+                {
+                    if(ajaxFormUrl == '') ajaxFormUrl = options.url;
+                    if(options.url != ajaxFormUrl) options.url = ajaxFormUrl;
+                    options.url = options.url.indexOf('&') >= 0 ? options.url + '&HTTP_X_REQUESTED_WITH=XMLHttpRequest' : options.url + '?HTTP_X_REQUESTED_WITH=XMLHttpRequest';
+                }
+            },
+            success: function(response, textStatus, jqXHR) {
+                $form.enableForm();
+                if ((onSuccess && onSuccess(response, textStatus, jqXHR, $form)) === false) return;
+
+                /* try parse to json when response is json's string. */
+                try{if(typeof response == 'string') response = JSON.parse(response);}catch(e){}
+
+                /* The response is not an object, some error occers, alert it. */
+                if(typeof response !== 'object') {
+                    if(response) return alert(response);
+                    return showMessage('No response.', 'danger');
+                }
+
+                /* The response.result is success. */
+                var $responser = options.responser ? $(options.responser) : $form.find('.form-responser');
+                if (!$responser.length) {
+                    $responser = $('#responser');
+                }
+                var message = response.message;
+                if (response.result === 'success') {
+                    if (message) {
+                        var $submitBtn = $form.find('[type="submit"]');
+                        var messageShowed = false;
+                        if ($submitBtn.length) {
+                            $submitBtn.popover({
+                                container: 'body',
+                                trigger: 'manual',
+                                content: message,
+                                tipClass: 'popover-in-modal popover-success text-success',
+                                placement: response.placement || options.popoverPlacement || 'right'
+                            }).popover('show');
+                            setTimeout(function() {
+                                $submitBtn.popover('destroy');
+                            }, options.popoverTime || 2000);
+                            messageShowed = true;
+                        }
+
+                        if ($responser.length) {
+                            $responser.html('<span class="small text-success">' + message + '</span>').show().delay(3000).fadeOut(100);
+                            messageShowed = true;
+                        }
+
+                        if (!messageShowed) {
+                            showMessage(message, 'success');
+                        }
+                    }
+
+                    if (onFinish) {
+                        return onFinish(response, true, $form);
+                    }
+
+                    if (options.closeModal || response.closeModal) {
+                        setTimeout($.zui.closeModal, options.closeModalTime || 2000);
+                    }
+
+                    if(response.callback) {
+                        var rcall = window[response.callback];
+                        if($.isFunction(rcall)) {
+                            if(rcall() === false) return;
+                        }
+                    }
+
+                    var locate = options.locate || response.locate;
+                    if(locate) {
+                        if(locate == 'loadInModal') {
+                            var $modal = $('.modal');
+                            setTimeout(function() {
+                                $modal.load($modal.attr('ref'), function(){$(this).find('.modal-dialog').css('width', $(this).data('width')); $.zui.ajustModalPosition()});
+                            }, 1000);
+                        }
+                        else {
+                            var reloadUrl = locate == 'reload' ? window.location.href : locate;
+                            setTimeout(function(){window.location.href = reloadUrl;}, 1200);
+                        }
+                    }
+
+                    var ajaxReload = options.ajaxReload || response.ajaxReload;
+                    if(ajaxReload) {
+                        var $target = $(ajaxReload);
+                        if($target.length) {
+                            $target.load(window.location.href + ' ' + ajaxReload, function() {
+                                $target.find('[data-toggle="modal"]').modalTrigger();
+                            });
+                        }
+                    }
+                } else {
+                    // The response.result is fail.
+                    if (typeof message === 'string') {
+                        if ($responser.length) {
+                            $responser.html('<span class="text-small text-red">' + message + '</span>').show().delay(3000).fadeOut(100);
+                        } else {
+                            showMessage(message, 'danger');
+                        }
+                    } else if (typeof message === 'object') {
+                        var focusFirst = false;
+                        var unShowedMessages = [];
+                        $.each(message, function(key, value) {
+                            var controlMessage = $.isArray(value) ? value.join(';') : value;
+                            var $control = $('#' + key);
+
+                            if (!$control.length) {
+                                unShowedMessages.push(controlMessage);
+                                return;
+                            }
+
+                            var errMsgLabelId = key + 'Label';
+
+                            var $errLabel = $('#' + errMsgLabelId);
+                            if (!$errLabel.length) {
+                                var isInputGroup = $control.closest('.input-group').length;
+                                $errLabel = $('<div id="' + errMsgLabelId + '" class="text-danger help-text" />').appendTo(isInputGroup ? $control.closest('.input-group').parent() : $control.parent());
+                            }
+                            $errLabel.empty().append(controlMessage);
+                            $control.css(errControlStyle).addClass('has-error');
+
+                            var removeLabel = function() {
+                                var $theLabel = $('#' + errMsgLabelId);
+                                if ($theLabel.length) {
+                                    $theLabel.remove();
+                                    $control.removeAttr('style').removeClass('has-error');
+                                    return true;
+                                }
+                            };
+
+                            $control.on('change input mousedown', removeLabel);
+
+                            var $chosen = $('#' + key + '_chosen');
+                            if ($chosen.length) {
+                                $chosen.find('.chosen-single').css(errControlStyle).addClass('has-error').on('mousedown', function() {
+                                    if (removeLabel() === true) {
+                                        $(this).removeAttr('style').removeClass('has-error');
+                                    }
+                                });
+                            }
+
+                            if (!focusFirst) {
+                                $control.focus();
+                                focusFirst = true;
+                            }
+                        });
+                        if (unShowedMessages.length) {
+                            showMessage(unShowedMessages.join(';'), 'danger');
+                        }
+                    }
+                    if (onFinish) {
+                        return onFinish(response, false, $form);
+                    }
+                }
+            },
+            /* When error occers, alert the response text, status and error. */
+            error: function(jqXHR, textStatus, errorThrown) {
+                if ((onError && onError(jqXHR, textStatus, errorThrown, $form)) === false) return;
+                $form.enableForm();
+                var errorMessage = (textStatus == 'timeout' || textStatus == 'error') ? (window.lang ? window.lang.timeout : textStatus) : (jqXHR.responseText + textStatus + errorThrown);
+                showMessage(errorMessage, 'danger');
+            }
+        }, options);
+        $form._ajaxForm(options);
+
+        $form.on('click', '[data-form-action]', function() {
+            $form.attr('action', $(this).data('formAction')).submit();
+        });
+    };
+
+    $.fn.ajaxForm = function(options) {
+        return this.each(function() {
+            $.ajaxForm(this, options);
+        });
+    };
+
+    $.fn.setInputRequired = function() {
+        return this.each(function() {
+            var $ctrl = $(this);
+            var $parent = $ctrl.parent();
+            if ($parent.is('.input-control')) {
+                $parent.addClass('required');
+            } else if ($ctrl.is('.chosen')) {
+                $ctrl.next('.chosen-container').addClass('required');
+            }
+        });
+    };
+
+    $(function() {
+        $('.form-ajax,form[data-type="ajax"]').ajaxForm();
+
+        // Set required
+        $('input[required],select[required]').setInputRequired();
+    });
+}(jQuery, window, undefined));
+
+(function($) {
+    'use strict';
+
+    var NAME = 'zui.searchList'; // model name
+
+    var isSearchMatch = function(keyArr, filter) {
+        if (keyArr && keyArr.length) {
+            for(var i = 0; i < keyArr.length; ++i) {
+                if (filter.indexOf(keyArr[i]) < 0) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    };
+
+    // The SearchList model class
+    var SearchList = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        var $element = that.$ = $(element);
+
+        options = that.options = $.extend({}, SearchList.DEFAULTS, this.$.data(), options);
+        var $searchBox = $element.find(options.searchBox);
+        if ($searchBox.length) {
+            $searchBox.searchBox({
+                onSearchChange: function(searchKey) {
+                    that.search(searchKey);
+                },
+                onKeyDown: function(e) {
+                    var keyCode = e.which;
+                    if (keyCode === 13) {
+                        var $activeItem = that.getActiveItem();
+                        if (options.onSelectItem) {
+                            options.onSelectItem($activeItem);
+                        } else {
+                            window.location.href = $activeItem.attr('href');
+                        }
+                        e.preventDefault();
+                    } else if (keyCode === 38) { // up key pressed
+                        var $activeItem = that.getActiveItem();
+                        $activeItem.removeClass('active');
+                        var $prevItem = $activeItem.prev(':not(.hidden)');
+                        if (!$prevItem.length) {
+                            $prevItem = that.getItems().not('.hidden').last();
+                        }
+                        that.scrollTo($prevItem.addClass('active'));
+                        e.preventDefault();
+                    } else if (keyCode === 40) { // down key pressed
+                        var $activeItem = that.getActiveItem();
+                        $activeItem.removeClass('active');
+                        var $nextItem = $activeItem.next(':not(.hidden)');
+                        if (!$nextItem.length) {
+                            $nextItem = that.getItems().not('.hidden').first();
+                        }
+                        that.scrollTo($nextItem.addClass('active'));
+                        e.preventDefault();
+                    }
+                }
+            });
+            that.searchBox = $searchBox.data('zui.searchBox');
+            that.search(that.searchBox.getSearch());
+        }
+
+        var $dropdownMenu = that.$menu = $element.closest('.dropdown-menu');
+        if ($dropdownMenu.length) {
+            that.isDropdown = true;
+            $element.on('click', function(e) {
+                if (!$(e.target).closest(options.selector).length) {
+                    e.stopPropagation();
+                }
+            });
+            $dropdownMenu.parent().on('shown.zui.dropdown', function() {
+                setTimeout(function() {
+                    that.searchBox.focus();
+                }, 50);
+            });
+        }
+
+        $element.on('mouseenter', options.selector, function() {
+            $element.find(that.options.selector).not('.hidden').removeClass('active');
+            $(this).addClass('active');
+        });
+
+        if (options.url || options.ajax) {
+            that.loadRemote();
+        }
+    };
+
+    SearchList.prototype.loadRemote = function() {
+        var that = this;
+        var options = that.options;
+        that.$menu.addClass('load-indicator loading').find('.list-group').remove();
+        $.ajax($.extend({
+            url: options.url,
+            type: 'GET',
+            dataType: 'html',
+            success: function(data, textStatus, jqXHR) {
+                var $data = $(data);
+                if (!$data.hasClass('list-group')) {
+                    $data = $('<div class="list-group"></div>').append($data);
+                }
+                that.$menu.append($data);
+                that.$menu.removeClass('loading');
+            },
+            error: function() {
+                that.$menu.removeClass('loading').append('<div class="list-group"><div class="text-error has-padding">' + (options.errorText || (window.lang &&  window.lang.timeout)) + '</div></div>');
+            },
+        }, options.ajax));
+    };
+
+    SearchList.prototype.scrollTo = function($item) {
+        if ($item.length) {
+            $item[0].scrollIntoView({behavior: 'smooth'});
+        }
+    };
+
+    SearchList.prototype.getItems = function() {
+        return this.$.find(this.options.selector);
+    };
+
+    SearchList.prototype.getActiveItem = function() {
+        return this.getItems().filter('.active:first');
+    };
+
+    SearchList.prototype.search = function(searchKey) {
+        var that = this;
+        var isEmpty = searchKey === undefined || searchKey === null || searchKey === '';
+        var $items = that.getItems().removeClass('active');
+        if (isEmpty) {
+            $items.removeClass('hidden');
+        } else {
+            var keyArr = $.trim(searchKey).split(' ');
+            $items.each(function() {
+                var $item = $(this);
+                var filter = $item.text() + ' ' + ($item.data('key') || $item.data('filter'));
+                $item.toggleClass('hidden', !isSearchMatch(keyArr, filter));
+            });
+        }
+        that.scrollTo($items.not('.hidden').first().addClass('active'));
+    };
+
+    // default options
+    SearchList.DEFAULTS = {
+        selector: '.list-group a',
+        searchBox: '.search-box',
+        onSelectItem: null
+    };
+
+    // Extense jquery element
+    $.fn.searchList = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new SearchList(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    SearchList.NAME = NAME;
+
+    $.fn.searchList.Constructor = SearchList;
+
+    // Auto call searchList after document load complete
+    $(function() {
+        $('[data-ride="searchList"]').searchList();
+    });
+}(jQuery));
+
+
+(function($) {
+    'use strict';
+
+    var NAME = 'zui.labelSelector'; // model name
+
+    // The LabelSelector model class
+    var LabelSelector = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        var $element = that.$ = $(element);
+
+        options = that.options = $.extend({}, LabelSelector.DEFAULTS, this.$.data(), options);
+
+        that.$.hide();
+        that.update();
+    };
+
+    LabelSelector.prototype.select = function(val) {
+        val = val + '';
+        this.$wrapper.find('.label.active').removeClass('active');
+        if (val !== '' && val !== '0') {
+            this.$wrapper.find('.label[data-value="' + val + '"]').addClass('active');
+        }
+        this.$.val(val).trigger('change');
+    };
+
+    LabelSelector.prototype.update = function() {
+        var that = this;
+        var options = that.options;
+        var $wrapper = that.$wrapper;
+        if (!$wrapper) {
+            if (!options.wrapper) {
+                var $next = that.$.next();
+                if ($next.hasClass('.label-selector')) {
+                    $wrapper = $next;
+                } else {
+                    $wrapper = $('<div class="label-selector"></div>');
+                }
+            } else {
+                $wrapper = $(options.wrapper);
+            }
+            if (!$wrapper.parent().length) {
+                that.$.after($wrapper);
+            }
+            that.$wrapper = $wrapper;
+            $wrapper.on('click', '.label', function() {
+                that.select($(this).data('value'));
+            });
+        }
+
+        $wrapper.empty();
+        var currentValue = that.$.val();
+        that.$.children('option').each(function() {
+            var $option = $(this);
+            var option = {
+                label: $option.text(),
+                value: $option.val()
+            };
+            var $label = $(options.labelTemplate || '<span class="label"></span>');
+            if (options.labelCreator) {
+                $label = options.labelCreator($label);
+            } else {
+                $label.data('option', option).attr('data-value', option.value);
+                if ((option.value === '' || option.value === '0') && !option.label) {
+                    $label.addClass('empty').append('<i class="icon icon-trash"></i>')
+                } else {
+                    $label.text(option.label).toggleClass('active', currentValue === option.value);
+                }
+            }
+            $wrapper.append($label);
+        });
+    };
+
+
+    // default options
+    LabelSelector.DEFAULTS = {
+        // labelCreator: null,
+        // dropdown: false,
+        // wrapper: '<div class="label-selector"></div>'
+    };
+
+    // Extense jquery element
+    $.fn.labelSelector = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new LabelSelector(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    LabelSelector.NAME = NAME;
+
+    $.fn.labelSelector.Constructor = LabelSelector;
+
+    // Auto call labelSelector after document load complete
+    $(function() {
+        $('[data-provide="labelSelector"]').labelSelector();
+    });
+}(jQuery));
+
+
+(function($) {
+    'use strict';
+
+    var NAME = 'zui.fileInput'; // model name
+
+    const BYTE_UNITS = $.BYTE_UNITS = {
+        B: 1,
+        KB: 1024,
+        MB: 1024 * 1024,
+        GB: 1024 * 1024 * 1024,
+        TB: 1024 * 1024 * 1024 * 1024,
+    };
+    var formatBytes = $.formatBytes = function(size, fixed, unit) {
+        if (fixed === undefined) fixed = 2;
+        if (!unit) {
+            if (size < BYTE_UNITS.KB) {
+                unit = 'B';
+            } else if (size < BYTE_UNITS.MB) {
+                unit = 'KB';
+            } else if (size < BYTE_UNITS.GB) {
+                unit = 'MB';
+            } else if (size < BYTE_UNITS.TB) {
+                unit = 'GB';
+            } else {
+                unit = 'TB';
+            }
+        }
+
+        return (size / BYTE_UNITS[unit]).toFixed(fixed) + unit;
+    };
+
+    var getBytesValue = function(bytes) {
+        if (typeof bytes === 'string') {
+            bytes = bytes.toUpperCase();
+            var unit = bytes.replace(/\d+/, '');
+            bytes = parseFloat(bytes.replace(unit, ''));
+            bytes *= (BYTE_UNITS[unit] || BYTE_UNITS[unit + 'B']);
+            bytes = Math.floor(bytes);
+        }
+        return bytes;
+    };
+
+    // The FileInput model class
+    var FileInput = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        var $element = that.$ = $(element);
+
+        options = that.options = $.extend({}, FileInput.DEFAULTS, this.$.data(), options);
+        if (options.fileMaxSize && typeof options.fileMaxSize === 'string') {
+            options.fileMaxSize = getBytesValue(options.fileMaxSize);
+        }
+
+        var $input = that.$input = $element.find('input[type="file"]');
+
+        $element.on('click', '.file-input-btn', function() {
+            $input.trigger('click');
+        }).on('click', '.file-input-rename', function() {
+            that.oldName = $element.addClass('edit').find('.file-editbox').focus().val();
+        }).on('click', '.file-input-delete', function() {
+            $input.val('');
+            that.update();
+            options.onDelete && options.onDelete(that);
+        }).on('click', '.file-name-cancel', function() {
+            $element.removeClass('edit').find('.file-editbox').focus().val(that.oldName);;
+        }).on('click', '.file-name-confirm', function() {
+            var $editbox = $element.find('.file-editbox');
+            var newName = $.trim($editbox.val());
+            if (!newName.length) {
+                $editbox.focus();
+            } else {
+                $element.removeClass('edit').find('.file-title').text(newName);
+            }
+        }).on('change input paste', '.file-editbox', function() {
+            var $editbox = $(this);
+            $editbox.attr('size', Math.max(5, $editbox.val().length));
+        });
+
+        $input.on('change', function() {
+            var file = that.getFile();
+            if (file && options.fileMaxSize && file.size > options.fileMaxSize) {
+                $input.val('');
+                (window.bootbox || window)['alert'](options.fileSizeError.format(formatBytes(options.fileMaxSize)));
+            }
+            that.update();
+        });
+
+        that.update();
+    };
+
+    FileInput.prototype.getFile = function() {
+        return this.$input.prop('files')[0];
+    };
+
+    FileInput.prototype.update = function(val) {
+        var that = this;
+        var $ele = that.$;
+        var file = that.getFile();
+        var isFileEmpty = !file;
+        $ele.toggleClass('normal', !isFileEmpty).toggleClass('empty', isFileEmpty);
+        if (file) {
+            that.oldName = file.name;
+            $ele.find('.file-title').text(file.name).attr('title', file.name);
+            $ele.find('.file-size').text(formatBytes(file.size));
+            $ele.find('.file-editbox').val(file.name).attr('size', file.name.length);
+            that.options.onSelect && that.options.onSelect(file, that);
+        } else {
+            $ele.find('.file-editbox').val('');
+        }
+    };
+
+    // default options
+    FileInput.DEFAULTS = {
+        fileMaxSize: 0,
+        fileSizeError: '无法上传大于 {0} 的文件。'
+    };
+
+    // Extense jquery element
+    $.fn.fileInput = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new FileInput(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    FileInput.NAME = NAME;
+
+    $.fn.fileInput.Constructor = FileInput;
+
+    // Auto call fileInput after document load complete
+    $(function() {
+        $('[data-provide="fileInput"]').fileInput();
+    });
+
+
+    // File input list
+    // The FileInputList model class
+    var FileInputList = function(element, options) {
+        var that = this;
+        that.name = NAME;
+        var $element = that.$ = $(element);
+
+        options = that.options = $.extend({}, FileInputList.DEFAULTS, this.$.data(), options);
+
+        that.$template = $element.find('.file-input').detach();
+        that.add();
+    };
+
+    FileInputList.prototype.add = function() {
+        var that = this;
+        var options = that.options;
+        var $new = that.$template.clone();
+        if (options.appendWay === 'before') {
+            that.$.prepend($new);
+        } else {
+            that.$.append($new);
+        }
+        $new.fileInput({
+            fileMaxSize: options.eachFileMaxSize,
+            fileSizeError: options.fileSizeError,
+            onDelete: function(fileInput) {
+                fileInput.$.remove();
+                that.options.onDelete && that.options.onDelete(fileInput, that);
+            },
+            onSelect: function(file, fileInput) {
+                that.add();
+                that.options.onSelect && that.options.onSelect(file, fileInput, that);
+            }
+        });
+    };
+
+
+    // default options
+    FileInputList.DEFAULTS = {
+        fileMaxSize: 0,
+        eachFileMaxSize: 0,
+        appendWay: 'after',
+        fileSizeError: '无法上传大于 {0} 的文件。'
+    };
+
+    // Extense jquery element
+    $.fn.fileInputList = function(option) {
+        return this.each(function() {
+            var $this = $(this);
+            var data = $this.data(NAME);
+            var options = typeof option == 'object' && option;
+
+            if(!data) $this.data(NAME, (data = new FileInputList(this, options)));
+
+            if(typeof option == 'string') data[option]();
+        });
+    };
+
+    FileInputList.NAME = NAME;
+
+    $.fn.fileInputList.Constructor = FileInputList;
+
+    // Auto call fileInputList after document load complete
+    $(function() {
+        $('[data-provide="fileInputList"]').fileInputList();
+    });
+}(jQuery));
+
+
+(function($) {
+
+    if (!window.config) window.config = {};
+
+    /**
+    * Create link.
+    *
+    * @param  string $moduleName
+    * @param  string $methodName
+    * @param  string $vars
+    * @param  string $viewType
+    * @access public
+    * @return string
+    */
+    $.createLink = window.createLink = function createLink(moduleName, methodName, vars, viewType, isOnlyBody)
+    {
+       if(!viewType)   viewType   = config.defaultView;
+       if(!isOnlyBody) isOnlyBody = false;
+       if(vars)
+       {
+           vars = vars.split('&');
+           for(i = 0; i < vars.length; i ++)
+           {
+               var splited = vars[i].split('=');
+               vars[i] = [splited.shift(), splited.join('=')];
+           }
+       }
+       var link;
+       if(config.requestType != 'GET')
+       {
+           if(config.requestType == 'PATH_INFO')  link = config.webRoot + moduleName + config.requestFix + methodName;
+           if(config.requestType == 'PATH_INFO2') link = config.webRoot + 'index.php/'  + moduleName + config.requestFix + methodName;
+           if(vars)
+           {
+               for(i = 0; i < vars.length; i ++) link += config.requestFix + vars[i][1];
+           }
+           link += '.' + viewType;
+       }
+       else
+       {
+           link = config.router + '?' + config.moduleVar + '=' + moduleName + '&' + config.methodVar + '=' + methodName + '&' + config.viewVar + '=' + viewType;
+           if(vars) for(i = 0; i < vars.length; i ++) link += '&' + vars[i][0] + '=' + vars[i][1];
+       }
+
+       /* if page has onlybody param then add this param in all link. the param hide header and footer. */
+       if((config.onlybody !== undefined && config.onlybody == 'yes') || isOnlyBody)
+       {
+           var onlybody = config.requestType != 'GET' ? "?onlybody=yes" : '&onlybody=yes';
+           link = link + onlybody;
+       }
+       return link;
+    }
+
+    var convertTimeToNum = function(timeStr) {
+        var number = 0;
+        if (timeStr) {
+            var valArr = timeStr.split(':');
+            number += parseInt(valArr[0]) * 60;
+            number += parseInt(valArr[1]);
+        }
+        return number;
+    };
+
+    var convertNumToTime = function(number) {
+        number = number%(24*60);
+        var hour = Math.floor(number/60);
+        var min = number%60;
+        if (hour < 10) hour = '0' + hour;
+        if (min < 10) min = '0' + min;
+        return hour + ':' + min;
+    };
+
+    var createTime = function(time) {
+        if (typeof time === 'string') {
+            time = convertTimeToNum(time);
+        }
+        if (typeof time ===  'number') {
+            if (time < 100000) {
+                var time2 = new Date();
+                time2.setHours(Math.floor(time/60)%24);
+                time2.setMinutes(time%60);
+                time = time2;
+            } else {
+                time = new Date(time);
+            }
+        }
+        return time;
+    };
+
+    var initTimeSelect = function($select, beginTime) {
+        var now = beginTime ? createTime(beginTime) : new Date();
+        var nowHour = now.getHours();
+        var nowMin = Math.floor(now.getMinutes()/10)*10 + 10;
+        for(var i = 0; i < 24; ++i) {
+            var hour = (i + nowHour)%24;
+            if (hour < 5) continue;
+            for (var j = 0; j < 6; ++j) {
+                var itemTime = convertNumToTime(hour*60+j*10 + nowMin);
+                $select.append('<option value="' + itemTime + '">' + itemTime + '</option>');
+            }
+        }
+        if (!$select.val()) {
+            time = convertTimeToNum(now.format('hh:mm'));
+            time = time - (time%10) + 10;
+            $select.val(convertNumToTime(time));
+        }
+    };
+
+    $.fn.timeSpanControl = function(options) {
+        return this.each(function() {
+            var $element = $(this);
+            var setting = $.extend({}, options, $element.data());
+            var $beginInput = $element.find('[name="begin"],.control-time-begin');
+            var $endInput = $element.find('[name="end"],.control-time-end');
+            var updateEndInput = function() {
+                var startVal = $beginInput.val();
+                $element.find('.hide-empty-begin').toggleClass('hide', !startVal);
+                if (startVal) {
+                    const end = convertNumToTime(convertTimeToNum(startVal) + 30);
+                    if ($endInput.find('option[value="' + end + '"]').length) $endInput.val(end);
+                    setting.onChange && setting.onChange($endInput, end);
+                }
+            };
+
+            if ($element.data('timeSpanControlInit')) {
+                if (setting.begin) {
+                    const begin = createTime(setting.begin).format('hh:mm');
+                    if ($beginInput.find('option[value="' + begin + '"]').length) $beginInput.val(begin);
+                    setting.onChange && setting.onChange($beginInput, begin);
+                }
+                if (setting.end) {
+                    const end = createTime(setting.end).format('hh:mm');
+                    if ($endInput.find('option[value="' + end + '"]').length) $endInput.val(end);
+                    setting.onChange && setting.onChange($endInput, end);
+                }
+            } else {
+                $beginInput.on('change', updateEndInput);
+                initTimeSelect($beginInput, setting.begin);
+                initTimeSelect($endInput, setting.end);
+                $element.data('timeSpanControlInit', true)
+            }
+
+            if (!setting.end) updateEndInput();
+        });
+    };
+
+    $.timeSpanControl = {
+        convertTimeToNum: convertTimeToNum,
+        convertNumToTime: convertNumToTime,
+        initTimeSelect: initTimeSelect,
+        createTime: createTime
+    };
+
+    // Todoes block
+    $.fn.blockTodoes = function() {
+        return this.each(function() {
+            var $block = $(this);
+            var $form = $block.find('form');
+            var $titleInput = $form.find('[name="title"]');
+
+            var toggleForm = function(toggle) {
+                if (toggle === undefined) {
+                    toggle = !$block.hasClass('show-form');
+                }
+                $block.toggleClass('show-form', toggle);
+                if (toggle) {
+                    setTimeout(function() {$titleInput.focus();}, 50);
+                }
+            };
+            $block.on('click', '.todo-form-trigger', function() {
+                toggleForm($(this).data('trigger'));
+            });
+            $form.timeSpanControl({
+                onChange: function($control) {
+                    $control.trigger('chosen:updated');
+                }
+            });
+        });
+    };
+    $(function() {
+        $('.block-todoes').blockTodoes();
+    });
+
+    // Searchbox
+    var $searchTypeMenu = $('#searchTypeMenu');
+    var $searchType = $('#searchType');
+    var updateSearchType = function(type) {
+        if (!type) {
+            type = $searchType.val();
+        }
+        type = type || 'bug';
+        $searchType.val(type);
+        $searchTypeMenu.find('li.selected').removeClass('selected');
+        var $typeItem = $searchTypeMenu.find('a[data-value="' + type + '"]');
+        var typeText = $typeItem.text();
+        $typeItem.parent().addClass('selected');
+        $('#searchTypeName').text(typeText);
+    };
+    updateSearchType();
+    $searchTypeMenu.on('click', 'a[data-value]', function() {
+        updateSearchType($(this).data('value'));
+    });
+
+
+    $.chosenDefaultOptions = {
+        disable_search_threshold: 1,
+        width:'100%',
+        allow_single_deselect: true,
+        placeholder_text_single: ' ',
+        placeholder_text_multiple: ' ',
+        search_contains: true
+    };
+
+    $.chosenSimpleOptions = $.extend({}, $.chosenDefaultOptions, {
+        disable_search_threshold: 6
+    });
+
+    $.fn._chosen = $.fn.chosen;
+    $.fn.chosen = function(options) {
+        return this.each(function() {
+            var $this = $(this);
+            return $this._chosen($.extend({}, $this.hasClass('chosen-simple') ? $.chosenSimpleOptions : $.chosenDefaultOptions, options));
+        });
+    };
+
+    $(function() {
+        $('.chosen').each(function() {
+            var $this = $(this);
+            if ($this.closest('.template').length) {
+                return;
+            }
+            $this.chosen();
+        });
+    });
+
+    // Set pager
+    $.extend($.fn.pager.Constructor.DEFAULTS, {
+        maxNavCount: 8,
+        prevIcon: 'icon-angle-left',
+        nextIcon: 'icon-angle-right',
+        navEllipsisItem: '…',
+        menuDirection: 'dropup',
+        pageSizeOptions: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, 200, 500, 1000, 2000],
+        elements: ['total_text', 'size_menu', 'prev_icon', 'nav', 'next_icon'],
+        onPageChange: function(state, oldState) {
+            console.log('onPageChange', state, oldState);
+            if (state.recPerPage !== oldState.recPerPage) {
+                window.location.href = this.createLink();
+            }
+        }
+    });
+
+
+    // Set messager
+    $.zui.Messager.DEFAULTS.cssClass = 'messagger-zt';
+
+
+    /* reverseOrder : jQuery order reverser plugin
+    *
+    * Written by Corey H Maass for Arc90
+    * (c) Arc90, Inc.
+    *
+    * http://www.arc90.com
+    * http://lab.arc90.com/2008/05/22/jquery-reverse-order-plugin/#licensing
+    *
+    * Licensed under:
+    * Creative Commons Attribution-Share Alike 3.0 http://creativecommons.org/licenses/by-sa/3.0/us/
+    *
+    * Gotta love a plugin with more comments than actual code. :-)
+    * items need to all be in the same parent like:
+    * <div>
+    * 	<div class="item">item 1</div>
+    * 	<div class="item">item 2</div>
+    * 	<div class="item">item 3</div>
+    * </div>
+    *
+    * Then call the plugin with the items to reverse:
+    * $('.item').reverseOrder();
+    *
+    */
+    $.fn.reverseOrder = function() {
+        return this.each(function() {
+            var $ele = $(this);
+            $ele.prependTo($ele.parent());
+        });
+    };
+
+
+    // History list
+    var initHistories = function(element, options) {
+        var $element = $(element);
+        options = $.extend({}, $element.data(), options);
+        var $list = $element.find('.histories-list');
+        var ascOrder = true, expandAll = false;
+        $element.on('click', '.btn-reverse', function() {
+            $list.children('li').reverseOrder();
+            ascOrder = !ascOrder;
+            $(this).find('.icon').toggleClass('icon-arrow-up', ascOrder).toggleClass('icon-arrow-down', !ascOrder);
+        }).on('click', '.btn-expand-all', function() {
+            var $icon = $(this).find('.icon');
+            expandAll = !expandAll;
+            $icon.toggleClass('icon-plus', !expandAll).toggleClass('icon-minus', expandAll);
+            $list.children('li').toggleClass('show-changes', expandAll);
+        }).on('click', '.btn-expand', function() {
+            $(this).closest('li').toggleClass('show-changes');
+        }).on('click', '.btn-strip', function() {
+            var $btn = $(this);
+            var $icon = $btn.find('.icon');
+            var isOriginal = $icon.hasClass('icon-code');
+            $icon.toggleClass('icon-code', !isOriginal).toggleClass('icon-text', isOriginal);
+            $btn.attr('title', isOriginal ? options.original : options.textdiff);
+            $btn.closest('li').toggleClass('show-original', isOriginal);
+        });
+        $list.find('.btn-strip').attr('title', options.original);
+
+        var $commentModal = $element.find('.modal-comment').modal({
+            show: false,
+            backdrop: false,
+            position: function(modal) {
+                var bouding = $list[0].getBoundingClientRect();
+                var $dialog = modal.$element.find('.modal-dialog');
+                var modalWidth = $dialog.outerWidth();
+                var modalHeight = $dialog.outerHeight();
+                return {
+                    top: Math.min(window.innerHeight - modalHeight, bouding.top - 40),
+                    left: bouding.left + bouding.width - modalWidth,
+                    margin: 0
+                };
+            }
+        });
+        $element.on('click', '.btn-comment', function() {
+            $commentModal.modal('toggle');
+        }).on('click', '.btn-edit-comment,.btn-hide-form', function() {
+            $(this).closest('li').toggleClass('show-form');
+        });
+
+        var $commentEditForm = $element.find('.comment-edit-form');
+        $commentEditForm.ajaxForm({
+            success: function(response, textStatus, jqXHR, $form) {
+                setTimeout(function() {
+                    $commentEditForm.closest('li').removeClass('show-form');
+                }, 2000)
+            }
+        })
+    };
+
+    $.fn.histories = function(options) {
+        return this.each(function() {
+            initHistories(this, options);
+        });
+    };
+
+    $(function() {
+        $('.histories').histories();
+    });
+
+
+    // Sidebar
+    var toggleSiebarTask = 0;
+    var sidebarId = 0;
+    $.toggleSidebar = function(toggle) {
+        var $sidebar = $('#sidebar');
+        if (!$sidebar.length) return;
+
+        var $main = $('main');
+        if (toggle === undefined) toggle = $main.hasClass('hide-sidebar');
+        else if (toggle && !$main.hasClass('hide-sidebar')) return;
+        $main.toggleClass('hide-sidebar', !toggle);
+
+        clearTimeout(toggleSiebarTask);
+        if (toggle) {
+            $sidebar.addClass('showing');
+            toggleSiebarTask = setTimeout(function() {
+                $sidebar.removeClass('showing');
+                $sidebar.trigger('sidebar.toggle', toggle);
+            }, 210);
+        } else {
+            $sidebar.trigger('sidebar.toggle', toggle);
+        }
+        $.zui.store.set(sidebarId, toggle);
+    };
+    var initSidebar = function() {
+        var $sidebar = $('#sidebar');
+        if (!$sidebar.length || $sidebar.data('init')) return;
+        sidebarId = 'sidebar:' + ($sidebar.data('id') || (config.module + '/' + config.method));
+        var $main = $('main');
+        $main.on('click', '.sidebar-toggle', function() {
+            $.toggleSidebar($main.hasClass('hide-sidebar'));
+        });
+        var initToggle = $.zui.store.get(sidebarId, $sidebar.data('hide') !== false);
+        $sidebar.addClass('no-animate');
+        $.toggleSidebar(initToggle);
+        setTimeout(function() {
+            $sidebar.removeClass('no-animate');
+        }, 500);
+        $sidebar.data('init', 1);
+        return true;
+    };
+    if (!initSidebar()) $(initSidebar);
+
+
+    // Query box
+    $.toggleQueryBox = function(toggle) {
+        var $queryBox = $('#queryBox');
+        if (!$queryBox.length) return;
+        if (toggle === undefined) toggle = !$queryBox.hasClass('show');
+        $queryBox.toggleClass('show', !!toggle);
+
+        if (!$queryBox.data('init')) {
+            $queryBox.addClass('load-indicator loading').data('init', 1);
+            $.get($.createLink('search', 'buildForm'), function(data) {
+                $queryBox.html(data).removeClass('loading');
+            });
+        }
+
+        $('.querybox-toggle').toggleClass('querybox-opened', toggle);
+    };
+
+    $(function() {
+        var $queryBox = $('#queryBox');
+        if (!$queryBox.length) return;
+        $(document).on('click', '.querybox-toggle', function() {
+            $.toggleQueryBox();
+        });
+        if ($queryBox.hasClass('show')) {
+            $.toggleQueryBox(true);
+        }
+    });
+
+
+    // Set color picker
+    $.extend($.fn.colorPicker.Constructor.DEFAULTS, {
+        colors: ['#3DA7F5', '#75C941', '#2DBDB2', '#797EC9', '#FFAF38', '#FF4E3E']
+    });
+
+
+    // Init modal trigger for iframe class
+    $('a.iframe').modalTrigger({type: 'iframe'});
+
+
+    // Expand or collapse text
+    var limitText = function() {
+        var $text = $(this);
+        var fullText, limitText;
+        var options = $.extend({
+            limitSize: 40,
+            // toggleBtn: null,
+            suffix: '…'
+        }, $text.data());
+
+        var text = $text.text();
+        if (text.length > options.limitSize) {
+            fullText = text;
+            limitText = text.substr(0, options.limitSize) + options.suffix;
+            $text.text(limitText).addClass('limit-text-on');
+
+            var $toggleBtn = options.toggleBtn ? $(options.toggleBtn) : $text.next('.text-limit-toggle');
+            $toggleBtn.text($toggleBtn.data('textExpand'));
+            $toggleBtn.on('click', function() {
+                var isLimitOn = $text.toggleClass('limit-text-on').hasClass('limit-text-on');
+                $text.text(isLimitOn ? limitText : fullText);
+                $toggleBtn.text($toggleBtn.data(isLimitOn ? 'textExpand' : 'textCollapse'));
+            });
+        }
+    };
+    $.fn.textLimit = function() {
+        return this.each(limitText);
+    };
+    $(function() {
+        $('.text-limit').textLimit();
+    });
+
+    /**
+     * Fixed table head in div box.
+     *
+     * @param  string $boxObj
+     * @access public
+     * @return void
+     */
+    $.fixedTableHead = window.fixedTableHead = function(boxObj)
+    {
+        $(boxObj).scroll(function()
+        {
+            var hasFixed  = $(this).find('.table-fixed-head').size() > 0;
+            if(!hasFixed)
+            {
+                $(this).css('position', 'relative');
+                if($(this).find('table').size() == 1)
+                {
+                    var fixed = "<table class='table-fixed-head' style='position:absolute;top:0px'><thead>" + $(this).find('table thead').html() + '</thead></table>';
+                    $(this).prepend(fixed);
+                    var $fixTable = $(this).find('table.table-fixed-head');
+                    $fixTable.addClass($(this).find('table:last').attr('class'));
+                    var $dataTable = $(this).find('table:last thead th');
+                    $fixTable.find('thead th').each(function(i){$fixTable.find('thead th').eq(i).width($dataTable.eq(i).width());})
+                }
+            }
+            $(this).find('table.table-fixed-head').css('top',$(this).scrollTop());
+        });
+    }
+}(jQuery));

From ee20437535a9c1b09ef46597458b6ac9d9a7f668 Mon Sep 17 00:00:00 2001
From: wangyidong <yidong@cnezsoft.com>
Date: Thu, 26 Apr 2018 15:58:21 +0800
Subject: [PATCH 3/7]  * adjust for release link bug and story page.

---
 module/release/view/linkbug.html.php   | 38 ++++++++++++-----------
 module/release/view/linkstory.html.php | 42 +++++++++++++++-----------
 2 files changed, 45 insertions(+), 35 deletions(-)

diff --git a/module/release/view/linkbug.html.php b/module/release/view/linkbug.html.php
index 5aec203c78..b0ccc99b56 100644
--- a/module/release/view/linkbug.html.php
+++ b/module/release/view/linkbug.html.php
@@ -16,14 +16,19 @@ $releaseBugs = $type == 'bug' ? $release->bugs : $release->leftBugs;
 $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
 ?>
 <div id='<?php echo $type == 'bug' ? 'unlinkBugList' : 'unlinkLeftBugList';?>'>
-  <form class='main-table' method='post' target='hiddenwin' id='<?php echo $formID?>' action='<?php echo $this->createLink('release', 'linkBug', "releaseID=$release->id&browseType=$browseType&param=$param&type=$type")?>'>
+  <form class='main-table' method='post' target='hiddenwin' id='<?php echo $formID?>' action='<?php echo $this->createLink('release', 'linkBug', "releaseID=$release->id&browseType=$browseType&param=$param&type=$type")?>' data-ride='table'>
     <div class='table-header'>
       <div class='table-statistic'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedBugs;?></strong></div>
     </div>
     <table class='table'> 
       <thead>
         <tr>
-          <th class='c-id'> <?php echo $lang->idAB;?></th>
+          <th class='c-id'>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php echo $lang->idAB;?>
+          </th>
           <th class='w-pri'><?php echo $lang->priAB;?></th>
           <th>              <?php echo $lang->bug->title;?></th>
           <th class='w-user text-left'>  <?php echo $lang->openedByAB;?></th>
@@ -37,7 +42,10 @@ $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
         <?php if(strpos(",{$releaseBugs},", ",$bug->id,") !== false) continue;?>
         <tr>
           <td class='c-id'>
-            <input class='ml-10px' type='checkbox' name='bugs[<?php echo $bug->id?>]'  value='<?php echo $bug->id;?>' <?php if($type == 'leftBug' or $bug->status == 'resolved' or $bug->status == 'closed') echo "checked";?> /> 
+            <div class="checkbox-primary">
+              <input type='checkbox' name='bugs[<?php echo $bug->id?>]'  value='<?php echo $bug->id;?>' <?php if($type == 'leftBug' or $bug->status == 'resolved' or $bug->status == 'closed') echo "checked";?> /> 
+              <label></label>
+            </div>
             <?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->id);?>
           </td>
           <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
@@ -49,21 +57,16 @@ $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
         <?php $unlinkedCount++;?>
         <?php endforeach;?>
       </tbody>
-      <?php if($unlinkedCount):?>
-      <tfoot>
-        <tr>
-          <td colspan='6' class='text-left table-footer'>
-            <div class='clearfix'>
-              <?php
-              echo html::selectButton() . html::submitButton($lang->release->linkBug);
-              echo html::a(inlink('view', "releaseID=$release->id&type=$type"), $lang->goback, '', "class='btn'");
-              ?>
-            </div>
-          </td>
-        </tr>
-      </tfoot>
-      <?php endif;?>
     </table>
+    <?php if($unlinkedCount):?>
+    <div class='table-footer'>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class="btn-toolbar">
+        <?php echo html::submitButton($lang->release->linkBug);?>
+        <?php echo html::a(inlink('view', "releaseID=$release->id&type=$type"), $lang->goback, '', "class='btn'");?>
+      </div>
+    </div>
+    <?php endif;?>
   </form>
 </div>
 <script>
@@ -71,5 +74,6 @@ $(function()
 {
     ajaxGetSearchForm('#<?php echo $type == 'bug' ? 'bugs' : 'leftBugs'?> .linkBox #queryBox')
     setModal();
+    $('[data-ride="table"]').table();
 })
 </script>
diff --git a/module/release/view/linkstory.html.php b/module/release/view/linkstory.html.php
index a37f48bc60..a71a672ca3 100644
--- a/module/release/view/linkstory.html.php
+++ b/module/release/view/linkstory.html.php
@@ -12,14 +12,19 @@
 ?>
 <div id='queryBox' class='show'></div>
 <div id='unlinkStoryList'>
-  <form class='main-table' method='post' target='hiddenwin' id='unlinkedStoriesForm' action='<?php echo $this->createLink('release', 'linkStory', "releaseID=$release->id&browseType=$browseType&param=$param")?>'>
+  <form class='main-table' method='post' target='hiddenwin' id='unlinkedStoriesForm' action='<?php echo $this->createLink('release', 'linkStory', "releaseID=$release->id&browseType=$browseType&param=$param")?>' data-ride='table'>
     <div class='table-header'>
       <div class='table-statistic'><?php echo html::icon('unlink');?> &nbsp;<strong><?php echo $lang->productplan->unlinkedStories;?></strong></div>
     </div>
     <table class='table'> 
       <thead>
         <tr>
-          <th class='c-id'> <?php echo $lang->idAB;?></th>
+          <th class='c-id'>
+            <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
+              <label></label>
+            </div>
+            <?php echo $lang->idAB;?>
+          </th>
           <th class='w-pri'><?php echo $lang->priAB;?></th>
           <th>              <?php echo $lang->story->title;?></th>
           <th class='w-user text-left'>  <?php echo $lang->openedByAB;?></th>
@@ -36,8 +41,11 @@
         <?php if($release->product != $story->product) continue; ?>
         <tr>
           <td class='c-id'>
-              <input class='ml-10px' type='checkbox' name='stories[]'  value='<?php echo $story->id;?>' <?php if($story->stage == 'developed' or $story->status == 'closed') echo 'checked';?> /> 
-              <?php printf('%03d', $story->id);?>
+            <div class="checkbox-primary">
+              <input type='checkbox' name='stories[]'  value='<?php echo $story->id;?>' <?php if($story->stage == 'developed' or $story->status == 'closed') echo 'checked';?> /> 
+              <label></label>
+            </div>
+            <?php printf('%03d', $story->id);?>
           </td>
           <td><span class='label-pri <?php echo 'label-pri-' . $story->pri;?>'><?php echo zget($lang->story->priList, $story->pri)?></span></td>
           <td class='text-left nobr' title='<?php echo $story->title?>'><?php echo html::a($this->createLink('story', 'view', "storyID=$story->id", '', true), $story->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
@@ -50,21 +58,18 @@
         <?php $unlinkedCount++;?>
         <?php endforeach;?>
       </tbody>
-      <?php if($unlinkedCount):?>
-      <tfoot>
-        <tr>
-          <td colspan='8' class='text-left table-footer'>
-            <div class='clearfix'>
-              <?php
-              echo html::selectButton() . html::submitButton($lang->story->linkStory);
-              echo html::a(inlink('view', "releaseID=$release->id&type=story"), $lang->goback, '', "class='btn'");
-              ?>
-            </div>
-          </td>
-        </tr>
-      </tfoot>
-      <?php endif;?>
     </table>
+    <?php if($unlinkedCount):?>
+    <div class='table-footer'>
+      <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
+      <div class='btn-toolbar'>
+        <?php
+        echo html::selectButton() . html::submitButton($lang->story->linkStory);
+        echo html::a(inlink('view', "releaseID=$release->id&type=story"), $lang->goback, '', "class='btn'");
+        ?>
+      </div>
+    </div>
+    <?php endif;?>
   </form>
 </div>
 <script>
@@ -72,5 +77,6 @@ $(function()
 {
     ajaxGetSearchForm('#stories .linkBox #queryBox');
     setModal();
+    $('[data-ride="table"]').table();
 })
 </script>

From dc7f7362a26d993a9803e114a2d19ce2068bfafd Mon Sep 17 00:00:00 2001
From: liugang <liugang@cnezsoft.com>
Date: Thu, 26 Apr 2018 16:11:17 +0800
Subject: [PATCH 4/7] * Optimize codes.

---
 module/release/js/view.js              |  3 +-
 module/release/lang/en.php             | 60 +++++++++++++-------------
 module/release/lang/zh-cn.php          | 60 +++++++++++++-------------
 module/release/view/linkbug.html.php   | 21 ++++-----
 module/release/view/linkstory.html.php | 13 +++---
 5 files changed, 77 insertions(+), 80 deletions(-)

diff --git a/module/release/js/view.js b/module/release/js/view.js
index bc98ca25c3..db4e8df12f 100644
--- a/module/release/js/view.js
+++ b/module/release/js/view.js
@@ -11,7 +11,8 @@ function showLink(releaseID, type, param)
 
         var formID = type == 'story' ? '#unlinkedStoriesForm' : (type == 'leftBug' ? '#unlinkedLeftBugsForm' : '#unlinkedBugsForm');
         setTimeout(function(){fixedTfootAction(formID)}, 100);
-        checkTable($(formID).find('table'));
+
+        $('[data-ride="table"]').table();
     });
 }
 $(function()
diff --git a/module/release/lang/en.php b/module/release/lang/en.php
index 99c0701d6a..90c6bec314 100644
--- a/module/release/lang/en.php
+++ b/module/release/lang/en.php
@@ -9,15 +9,15 @@
  * @version     $Id: en.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->release->common    = 'Release';
-$lang->release->create    = "Create";
-$lang->release->edit      = "Edit";
-$lang->release->linkStory = "Link Story";
-$lang->release->linkBug   = "Link Bug";
-$lang->release->delete    = "Delete";
-$lang->release->deleted   = 'Deleted';
-$lang->release->view      = "Overview";
-$lang->release->browse    = "Browse";
+$lang->release->common           = 'Release';
+$lang->release->create           = "Create";
+$lang->release->edit             = "Edit";
+$lang->release->linkStory        = "Link Story";
+$lang->release->linkBug          = "Link Bug";
+$lang->release->delete           = "Delete";
+$lang->release->deleted          = 'Deleted';
+$lang->release->view             = "Overview";
+$lang->release->browse           = "Browse";
 $lang->release->changeStatus     = "Change Status";
 $lang->release->batchUnlink      = "Batch Unlink";
 $lang->release->batchUnlinkStory = "Batch Unlink Story";
@@ -29,27 +29,27 @@ $lang->release->confirmUnlinkBug   = "Do you want to remove this Bug?";
 
 $lang->release->basicInfo = 'Basic Info';
 
-$lang->release->id                    = 'ID';
-$lang->release->product               = $lang->productCommon;
-$lang->release->branch                = 'Platform/Branch';
-$lang->release->build                 = 'Build';
-$lang->release->name                  = 'Name';
-$lang->release->marker                = 'Marker';
-$lang->release->date                  = 'Date';
-$lang->release->desc                  = 'Description';
-$lang->release->status                = 'Status';
-$lang->release->last                  = 'Last Release';
-$lang->release->unlinkStory           = 'Unlink Story';
-$lang->release->unlinkBug             = 'Unlink Bug';
-$lang->release->stories               = 'Finished Story';
-$lang->release->bugs                  = 'Solved Bug';
-$lang->release->leftBugs              = 'Remained Bug';
-$lang->release->generatedBugs         = 'Remained Bug';
-$lang->release->finishStories         = 'Finished %s Story';
-$lang->release->resolvedBugs          = 'Solved %s Bug';
-$lang->release->createdBugs           = 'Generated %s Bug';
-$lang->release->export                = 'Export as HTML';
-$lang->release->yesterday             = 'Released Yesterday';
+$lang->release->id            = 'ID';
+$lang->release->product       = $lang->productCommon;
+$lang->release->branch        = 'Platform/Branch';
+$lang->release->build         = 'Build';
+$lang->release->name          = 'Name';
+$lang->release->marker        = 'Marker';
+$lang->release->date          = 'Date';
+$lang->release->desc          = 'Description';
+$lang->release->status        = 'Status';
+$lang->release->last          = 'Last Release';
+$lang->release->unlinkStory   = 'Unlink Story';
+$lang->release->unlinkBug     = 'Unlink Bug';
+$lang->release->stories       = 'Finished Story';
+$lang->release->bugs          = 'Solved Bug';
+$lang->release->leftBugs      = 'Remained Bug';
+$lang->release->generatedBugs = 'Remained Bug';
+$lang->release->finishStories = 'Finished %s Story';
+$lang->release->resolvedBugs  = 'Solved %s Bug';
+$lang->release->createdBugs   = 'Generated %s Bug';
+$lang->release->export        = 'Export as HTML';
+$lang->release->yesterday     = 'Released Yesterday';
 
 $lang->release->filePath = 'Download : ';
 $lang->release->scmPath  = 'SCM Path : ';
diff --git a/module/release/lang/zh-cn.php b/module/release/lang/zh-cn.php
index 89cee4428d..572e89651a 100644
--- a/module/release/lang/zh-cn.php
+++ b/module/release/lang/zh-cn.php
@@ -9,15 +9,15 @@
  * @version     $Id: zh-cn.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->release->common    = '发布';
-$lang->release->create    = "创建发布";
-$lang->release->edit      = "编辑发布";
-$lang->release->linkStory = "关联需求";
-$lang->release->linkBug   = "关联Bug";
-$lang->release->delete    = "删除发布";
-$lang->release->deleted   = '已删除';
-$lang->release->view      = "发布详情";
-$lang->release->browse    = "浏览发布";
+$lang->release->common           = '发布';
+$lang->release->create           = "创建发布";
+$lang->release->edit             = "编辑发布";
+$lang->release->linkStory        = "关联需求";
+$lang->release->linkBug          = "关联Bug";
+$lang->release->delete           = "删除发布";
+$lang->release->deleted          = '已删除';
+$lang->release->view             = "发布详情";
+$lang->release->browse           = "浏览发布";
 $lang->release->changeStatus     = "修改状态";
 $lang->release->batchUnlink      = "批量移除";
 $lang->release->batchUnlinkStory = "批量移除需求";
@@ -29,27 +29,27 @@ $lang->release->confirmUnlinkBug   = "您确认移除该Bug吗？";
 
 $lang->release->basicInfo = '基本信息';
 
-$lang->release->id                    = 'ID';
-$lang->release->product               = $lang->productCommon;
-$lang->release->branch                = '平台/分支';
-$lang->release->build                 = '版本';
-$lang->release->name                  = '发布名称';
-$lang->release->marker                = '里程碑';
-$lang->release->date                  = '发布日期';
-$lang->release->desc                  = '描述';
-$lang->release->status                = '状态';
-$lang->release->last                  = '上次发布';
-$lang->release->unlinkStory           = '移除需求';
-$lang->release->unlinkBug             = '移除Bug';
-$lang->release->stories               = '完成的需求';
-$lang->release->bugs                  = '解决的Bug';
-$lang->release->leftBugs              = '遗留的Bug';
-$lang->release->generatedBugs         = '遗留的Bug';
-$lang->release->finishStories         = '本次共完成 %s 个需求';
-$lang->release->resolvedBugs          = '本次共解决 %s 个Bug';
-$lang->release->createdBugs           = '本次共遗留 %s 个Bug';
-$lang->release->export                = '导出HTML';
-$lang->release->yesterday             = '昨日发布';
+$lang->release->id            = 'ID';
+$lang->release->product       = $lang->productCommon;
+$lang->release->branch        = '平台/分支';
+$lang->release->build         = '版本';
+$lang->release->name          = '发布名称';
+$lang->release->marker        = '里程碑';
+$lang->release->date          = '发布日期';
+$lang->release->desc          = '描述';
+$lang->release->status        = '状态';
+$lang->release->last          = '上次发布';
+$lang->release->unlinkStory   = '移除需求';
+$lang->release->unlinkBug     = '移除Bug';
+$lang->release->stories       = '完成的需求';
+$lang->release->bugs          = '解决的Bug';
+$lang->release->leftBugs      = '遗留的Bug';
+$lang->release->generatedBugs = '遗留的Bug';
+$lang->release->finishStories = '本次共完成 %s 个需求';
+$lang->release->resolvedBugs  = '本次共解决 %s 个Bug';
+$lang->release->createdBugs   = '本次共遗留 %s 个Bug';
+$lang->release->export        = '导出HTML';
+$lang->release->yesterday     = '昨日发布';
 
 $lang->release->filePath = '下载地址：';
 $lang->release->scmPath  = '版本库地址：';
diff --git a/module/release/view/linkbug.html.php b/module/release/view/linkbug.html.php
index b0ccc99b56..2f56ce571a 100644
--- a/module/release/view/linkbug.html.php
+++ b/module/release/view/linkbug.html.php
@@ -24,16 +24,18 @@ $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
       <thead>
         <tr>
           <th class='c-id'>
+            <?php if($allBugs):?>
             <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
               <label></label>
             </div>
+            <?php endif;?>
             <?php echo $lang->idAB;?>
           </th>
           <th class='w-pri'><?php echo $lang->priAB;?></th>
           <th>              <?php echo $lang->bug->title;?></th>
-          <th class='w-user text-left'>  <?php echo $lang->openedByAB;?></th>
-          <th class='w-user'> <?php echo $lang->bug->resolvedBy;?></th>
-          <th class='w-80px'>  <?php echo $lang->statusAB;?></th>
+          <th class='w-user text-left'><?php echo $lang->openedByAB;?></th>
+          <th class='w-user'><?php echo $lang->bug->resolvedBy;?></th>
+          <th class='w-80px'><?php echo $lang->statusAB;?></th>
         </tr>
       </thead>
       <tbody>
@@ -42,11 +44,7 @@ $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
         <?php if(strpos(",{$releaseBugs},", ",$bug->id,") !== false) continue;?>
         <tr>
           <td class='c-id'>
-            <div class="checkbox-primary">
-              <input type='checkbox' name='bugs[<?php echo $bug->id?>]'  value='<?php echo $bug->id;?>' <?php if($type == 'leftBug' or $bug->status == 'resolved' or $bug->status == 'closed') echo "checked";?> /> 
-              <label></label>
-            </div>
-            <?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->id);?>
+            <?php echo html::checkbox('bugs', array($bug->id => sprintf('%03d', $bug->id)), ($type == 'leftBug' or $bug->status == 'resolved' or $bug->status == 'closed') ? $bud->id : '');?>
           </td>
           <td><span class='<?php echo 'pri' . zget($lang->bug->priList, $bug->pri, $bug->pri);?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
           <td class='text-left nobr' title='<?php echo $bug->title?>'><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id", '', true), $bug->title, '', "data-toggle='modal' data-type='iframe' data-width='90%'");?></td>
@@ -58,15 +56,15 @@ $formID      = $type == 'leftBug' ? 'unlinkedLeftBugsForm' : 'unlinkedBugsForm';
         <?php endforeach;?>
       </tbody>
     </table>
-    <?php if($unlinkedCount):?>
     <div class='table-footer'>
+      <?php if($unlinkedCount):?>
       <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
       <div class="btn-toolbar">
         <?php echo html::submitButton($lang->release->linkBug);?>
-        <?php echo html::a(inlink('view', "releaseID=$release->id&type=$type"), $lang->goback, '', "class='btn'");?>
       </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "releaseID=$release->id&type=$type"), $lang->goback, '', "class='btn'");?>
     </div>
-    <?php endif;?>
   </form>
 </div>
 <script>
@@ -74,6 +72,5 @@ $(function()
 {
     ajaxGetSearchForm('#<?php echo $type == 'bug' ? 'bugs' : 'leftBugs'?> .linkBox #queryBox')
     setModal();
-    $('[data-ride="table"]').table();
 })
 </script>
diff --git a/module/release/view/linkstory.html.php b/module/release/view/linkstory.html.php
index a71a672ca3..007604a022 100644
--- a/module/release/view/linkstory.html.php
+++ b/module/release/view/linkstory.html.php
@@ -20,9 +20,11 @@
       <thead>
         <tr>
           <th class='c-id'>
+            <?php if($allStories):?>
             <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
               <label></label>
             </div>
+            <?php endif;?>
             <?php echo $lang->idAB;?>
           </th>
           <th class='w-pri'><?php echo $lang->priAB;?></th>
@@ -59,17 +61,15 @@
         <?php endforeach;?>
       </tbody>
     </table>
-    <?php if($unlinkedCount):?>
     <div class='table-footer'>
+      <?php if($unlinkedCount):?>
       <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
       <div class='btn-toolbar'>
-        <?php
-        echo html::selectButton() . html::submitButton($lang->story->linkStory);
-        echo html::a(inlink('view', "releaseID=$release->id&type=story"), $lang->goback, '', "class='btn'");
-        ?>
+        <?php echo html::submitButton($lang->release->linkStory);?>
       </div>
+      <?php endif;?>
+      <?php echo html::a(inlink('view', "releaseID=$release->id&type=story"), $lang->goback, '', "class='btn'");?>
     </div>
-    <?php endif;?>
   </form>
 </div>
 <script>
@@ -77,6 +77,5 @@ $(function()
 {
     ajaxGetSearchForm('#stories .linkBox #queryBox');
     setModal();
-    $('[data-ride="table"]').table();
 })
 </script>

From 50336ef7621471c65fd9bfd23dad220ac9d7be47 Mon Sep 17 00:00:00 2001
From: liugang <liugang@cnezsoft.com>
Date: Thu, 26 Apr 2018 17:09:02 +0800
Subject: [PATCH 5/7] * Refact bug page of project.

---
 module/block/lang/zh-tw.php             | 38 ++++++++++-----
 module/bug/lang/en.php                  | 23 ++++-----
 module/bug/lang/zh-cn.php               | 23 ++++-----
 module/bug/lang/zh-tw.php               | 23 ++++-----
 module/build/lang/zh-tw.php             | 61 ++++++++++++------------
 module/build/view/view.html.php         |  8 +++-
 module/common/lang/zh-tw.php            | 39 ++++++++++++----
 module/extension/lang/zh-tw.php         |  4 +-
 module/product/lang/zh-tw.php           |  3 +-
 module/productplan/lang/zh-tw.php       |  2 +-
 module/productplan/view/browse.html.php |  2 +-
 module/project/control.php              |  2 +-
 module/project/js/bug.js                |  4 --
 module/project/lang/zh-tw.php           |  2 +
 module/project/view/bug.html.php        | 62 ++++++++++++++-----------
 module/release/lang/zh-tw.php           | 59 +++++++++++------------
 module/task/lang/zh-tw.php              |  1 +
 17 files changed, 197 insertions(+), 159 deletions(-)

diff --git a/module/block/lang/zh-tw.php b/module/block/lang/zh-tw.php
index 8e98127a15..775b339d70 100644
--- a/module/block/lang/zh-tw.php
+++ b/module/block/lang/zh-tw.php
@@ -83,21 +83,33 @@ $lang->block->default['product']['4']['params']['num']     = 15;
 $lang->block->default['product']['4']['params']['orderBy'] = 'id_desc';
 $lang->block->default['product']['4']['params']['type']    = 'assignedTo';
 
-$lang->block->default['project']['1']['title'] = '進行中的' . $lang->projectCommon;
-$lang->block->default['project']['1']['block'] = 'list';
+$lang->block->default['project']['1']['title'] = $lang->projectCommon . '統計';
+$lang->block->default['project']['1']['block'] = 'statistic';
 $lang->block->default['project']['1']['grid']  = 8;
 
-$lang->block->default['project']['1']['params']['num']     = 15;
 $lang->block->default['project']['1']['params']['orderBy'] = 'id_desc';
-$lang->block->default['project']['1']['params']['type']    = 'undone';
+$lang->block->default['project']['1']['params']['type']    = 'noclosed';
+$lang->block->default['project']['1']['params']['num']     = 5;
 
-$lang->block->default['project']['2']['title'] = '指派給我的任務';
-$lang->block->default['project']['2']['block'] = 'task';
+$lang->block->default['project']['2']['title'] = $lang->projectCommon . '總覽';
+$lang->block->default['project']['2']['block'] = 'overview';
 $lang->block->default['project']['2']['grid']  = 4;
 
-$lang->block->default['project']['2']['params']['num']     = 15;
-$lang->block->default['project']['2']['params']['orderBy'] = 'id_desc';
-$lang->block->default['project']['2']['params']['type']    = 'assignedTo';
+$lang->block->default['project']['3']['title'] = '進行中的' . $lang->projectCommon;
+$lang->block->default['project']['3']['block'] = 'list';
+$lang->block->default['project']['3']['grid']  = 8;
+
+$lang->block->default['project']['3']['params']['num']     = 15;
+$lang->block->default['project']['3']['params']['orderBy'] = 'id_desc';
+$lang->block->default['project']['3']['params']['type']    = 'undone';
+
+$lang->block->default['project']['4']['title'] = '指派給我的任務';
+$lang->block->default['project']['4']['block'] = 'task';
+$lang->block->default['project']['4']['grid']  = 4;
+
+$lang->block->default['project']['4']['params']['num']     = 15;
+$lang->block->default['project']['4']['params']['orderBy'] = 'id_desc';
+$lang->block->default['project']['4']['params']['type']    = 'assignedTo';
 
 $lang->block->default['qa']['1']['title'] = '指派給我的Bug';
 $lang->block->default['qa']['1']['block'] = 'bug';
@@ -232,9 +244,11 @@ $lang->block->modules['product']->availableBlocks->plan      = '計劃列表';
 $lang->block->modules['product']->availableBlocks->release   = '發佈列表';
 $lang->block->modules['project'] = new stdclass();
 $lang->block->modules['project']->availableBlocks = new stdclass();
-$lang->block->modules['project']->availableBlocks->list  = $lang->projectCommon . '列表';
-$lang->block->modules['project']->availableBlocks->task  = '任務列表';
-$lang->block->modules['project']->availableBlocks->build = '版本列表';
+$lang->block->modules['project']->availableBlocks->statistic = $lang->projectCommon . '統計';
+$lang->block->modules['project']->availableBlocks->overview  = $lang->projectCommon . '總覽';
+$lang->block->modules['project']->availableBlocks->list      = $lang->projectCommon . '列表';
+$lang->block->modules['project']->availableBlocks->task      = '任務列表';
+$lang->block->modules['project']->availableBlocks->build     = '版本列表';
 $lang->block->modules['qa'] = new stdclass();
 $lang->block->modules['qa']->availableBlocks = new stdclass();
 $lang->block->modules['qa']->availableBlocks->bug      = 'Bug列表';
diff --git a/module/bug/lang/en.php b/module/bug/lang/en.php
index d11e141768..8c1ede15c1 100644
--- a/module/bug/lang/en.php
+++ b/module/bug/lang/en.php
@@ -100,6 +100,7 @@ $lang->bug->setPublic          = 'Set as Public Template';
 $lang->bug->deleteTemplate     = 'Delete Template';
 $lang->bug->confirmStoryChange = 'Confirm Story Change';
 $lang->bug->copy               = 'Copy';
+$lang->bug->search             = 'Search';
 
 /* 查询条件列表。*/
 $lang->bug->assignToMe     = 'AssignedToMe';
@@ -128,13 +129,13 @@ $lang->bug->ditto       = 'Ditto';
 $lang->bug->dittoNotice = 'This bug is not linked to the same product as the last one!';
 
 /* 页面标签。*/
-$lang->bug->lblAssignedTo               = 'Assignee';
-$lang->bug->lblMailto                   = 'Mail To';
-$lang->bug->lblLastEdited               = 'Last Edited';
-$lang->bug->lblResolved                 = 'Resolved By';
-$lang->bug->allUsers                    = 'All User';
-$lang->bug->allBuilds                   = 'All';
-$lang->bug->createBuild                 = 'New';
+$lang->bug->lblAssignedTo = 'Assignee';
+$lang->bug->lblMailto     = 'Mail To';
+$lang->bug->lblLastEdited = 'Last Edited';
+$lang->bug->lblResolved   = 'Resolved By';
+$lang->bug->allUsers      = 'All User';
+$lang->bug->allBuilds     = 'All';
+$lang->bug->createBuild   = 'New';
 
 /* legend列表。*/
 $lang->bug->legendBasicInfo             = 'Basic Info';
@@ -149,7 +150,7 @@ $lang->bug->legendMisc                  = 'Misc';
 $lang->bug->legendRelated               = 'Related Info';
 
 /* 功能按钮。*/
-$lang->bug->buttonConfirm        = 'Confirm';
+$lang->bug->buttonConfirm = 'Confirm';
 
 /* 交互提示。*/
 $lang->bug->confirmChangeProduct = "Change {$lang->productCommon} will cause linked {$lang->projectCommon},Story and Task change. Do you want to do this?";
@@ -233,10 +234,6 @@ $lang->bug->typeList['standard']     = 'Standard';
 $lang->bug->typeList['automation']   = 'Testing Script';
 $lang->bug->typeList['others']       = 'Other';
 
-
-
-
-
 $lang->bug->statusList['']         = '';
 $lang->bug->statusList['active']   = 'Active';
 $lang->bug->statusList['resolved'] = 'Resolved';
@@ -376,8 +373,6 @@ $lang->bug->mySelects['resolvedbyme'] = $lang->bug->resolvedByMeAB;
 $lang->bug->featureBar['browse']['unclosed']      = $lang->bug->unclosed;
 $lang->bug->featureBar['browse']['all']           = $lang->bug->allBugs;
 
-
-
 $lang->bug->featureBar['browse']['my']            = $lang->bug->my;
 $lang->bug->featureBar['browse']['unconfirmed']   = $lang->bug->unconfirmed;
 $lang->bug->featureBar['browse']['assigntonull']  = $lang->bug->assignToNull;
diff --git a/module/bug/lang/zh-cn.php b/module/bug/lang/zh-cn.php
index d04c8a23da..56657065ad 100644
--- a/module/bug/lang/zh-cn.php
+++ b/module/bug/lang/zh-cn.php
@@ -100,6 +100,7 @@ $lang->bug->setPublic          = '设为公共模板';
 $lang->bug->deleteTemplate     = '删除模板';
 $lang->bug->confirmStoryChange = '确认需求变动';
 $lang->bug->copy               = '复制Bug';
+$lang->bug->search             = '搜索';
 
 /* 查询条件列表。*/
 $lang->bug->assignToMe     = '指派给我';
@@ -118,7 +119,7 @@ $lang->bug->allBugs        = '所有';
 $lang->bug->byQuery        = '搜索';
 $lang->bug->needConfirm    = '需求变动';
 $lang->bug->allProduct     = '所有' . $lang->productCommon;
-
+$lang->bug->my             = '我的';
 
 $lang->bug->assignToMeAB   = '指派给我';
 $lang->bug->openedByMeAB   = '由我创建';
@@ -128,13 +129,13 @@ $lang->bug->ditto       = '同上';
 $lang->bug->dittoNotice = '该bug与上一bug不属于同一产品！';
 
 /* 页面标签。*/
-$lang->bug->lblAssignedTo               = '当前指派';
-$lang->bug->lblMailto                   = '抄送给';
-$lang->bug->lblLastEdited               = '最后修改';
-$lang->bug->lblResolved                 = '由谁解决';
-$lang->bug->allUsers                    = '所有用户';
-$lang->bug->allBuilds                   = '所有';
-$lang->bug->createBuild                 = '新建';
+$lang->bug->lblAssignedTo = '当前指派';
+$lang->bug->lblMailto     = '抄送给';
+$lang->bug->lblLastEdited = '最后修改';
+$lang->bug->lblResolved   = '由谁解决';
+$lang->bug->allUsers      = '所有用户';
+$lang->bug->allBuilds     = '所有';
+$lang->bug->createBuild   = '新建';
 
 /* legend列表。*/
 $lang->bug->legendBasicInfo             = '基本信息';
@@ -149,7 +150,7 @@ $lang->bug->legendMisc                  = '其他相关';
 $lang->bug->legendRelated               = '其他信息';
 
 /* 功能按钮。*/
-$lang->bug->buttonConfirm        = '确认';
+$lang->bug->buttonConfirm = '确认';
 
 /* 交互提示。*/
 $lang->bug->confirmChangeProduct  = "修改{$lang->productCommon}会导致相应的{$lang->projectCommon}、需求和任务发生变化，确定吗？";
@@ -369,10 +370,6 @@ $lang->bug->placeholder = new stdclass();
 $lang->bug->placeholder->chooseBuilds = '选择相关版本...';
 $lang->bug->placeholder->newBuildName = '新版本名称';
 
-
-
-
-
 $lang->bug->featureBar['browse']['unclosed']      = $lang->bug->unclosed;
 $lang->bug->featureBar['browse']['all']           = $lang->bug->allBugs;
 $lang->bug->featureBar['browse']['assigntome']    = $lang->bug->assignToMe;
diff --git a/module/bug/lang/zh-tw.php b/module/bug/lang/zh-tw.php
index 7051f98f04..c54d6bc22f 100644
--- a/module/bug/lang/zh-tw.php
+++ b/module/bug/lang/zh-tw.php
@@ -100,6 +100,7 @@ $lang->bug->setPublic          = '設為公共模板';
 $lang->bug->deleteTemplate     = '刪除模板';
 $lang->bug->confirmStoryChange = '確認需求變動';
 $lang->bug->copy               = '複製Bug';
+$lang->bug->search             = '搜索';
 
 /* 查詢條件列表。*/
 $lang->bug->assignToMe     = '指派給我';
@@ -118,7 +119,7 @@ $lang->bug->allBugs        = '所有';
 $lang->bug->byQuery        = '搜索';
 $lang->bug->needConfirm    = '需求變動';
 $lang->bug->allProduct     = '所有' . $lang->productCommon;
-
+$lang->bug->my             = '我的';
 
 $lang->bug->assignToMeAB   = '指派給我';
 $lang->bug->openedByMeAB   = '由我創建';
@@ -128,13 +129,13 @@ $lang->bug->ditto       = '同上';
 $lang->bug->dittoNotice = '該bug與上一bug不屬於同一產品！';
 
 /* 頁面標籤。*/
-$lang->bug->lblAssignedTo               = '當前指派';
-$lang->bug->lblMailto                   = '抄送給';
-$lang->bug->lblLastEdited               = '最後修改';
-$lang->bug->lblResolved                 = '由誰解決';
-$lang->bug->allUsers                    = '所有用戶';
-$lang->bug->allBuilds                   = '所有';
-$lang->bug->createBuild                 = '新建';
+$lang->bug->lblAssignedTo = '當前指派';
+$lang->bug->lblMailto     = '抄送給';
+$lang->bug->lblLastEdited = '最後修改';
+$lang->bug->lblResolved   = '由誰解決';
+$lang->bug->allUsers      = '所有用戶';
+$lang->bug->allBuilds     = '所有';
+$lang->bug->createBuild   = '新建';
 
 /* legend列表。*/
 $lang->bug->legendBasicInfo             = '基本信息';
@@ -149,7 +150,7 @@ $lang->bug->legendMisc                  = '其他相關';
 $lang->bug->legendRelated               = '其他信息';
 
 /* 功能按鈕。*/
-$lang->bug->buttonConfirm        = '確認';
+$lang->bug->buttonConfirm = '確認';
 
 /* 交互提示。*/
 $lang->bug->confirmChangeProduct  = "修改{$lang->productCommon}會導致相應的{$lang->projectCommon}、需求和任務發生變化，確定嗎？";
@@ -369,10 +370,6 @@ $lang->bug->placeholder = new stdclass();
 $lang->bug->placeholder->chooseBuilds = '選擇相關版本...';
 $lang->bug->placeholder->newBuildName = '新版本名稱';
 
-
-
-
-
 $lang->bug->featureBar['browse']['unclosed']      = $lang->bug->unclosed;
 $lang->bug->featureBar['browse']['all']           = $lang->bug->allBugs;
 $lang->bug->featureBar['browse']['assigntome']    = $lang->bug->assignToMe;
diff --git a/module/build/lang/zh-tw.php b/module/build/lang/zh-tw.php
index a1b2c948d1..906c322a0c 100644
--- a/module/build/lang/zh-tw.php
+++ b/module/build/lang/zh-tw.php
@@ -9,17 +9,17 @@
  * @version     $Id: zh-tw.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->build->common       = "版本";
-$lang->build->create       = "創建版本";
-$lang->build->edit         = "編輯版本";
-$lang->build->linkStory    = "關聯需求";
-$lang->build->linkBug      = "關聯Bug";
-$lang->build->delete       = "刪除版本";
-$lang->build->deleted      = "已刪除";
-$lang->build->view         = "版本詳情";
-$lang->build->batchUnlink          = '批量移除';
-$lang->build->batchUnlinkStory     = '批量移除需求';
-$lang->build->batchUnlinkBug       = '批量移除Bug';
+$lang->build->common           = "版本";
+$lang->build->create           = "創建版本";
+$lang->build->edit             = "編輯版本";
+$lang->build->linkStory        = "關聯需求";
+$lang->build->linkBug          = "關聯Bug";
+$lang->build->delete           = "刪除版本";
+$lang->build->deleted          = "已刪除";
+$lang->build->view             = "版本詳情";
+$lang->build->batchUnlink      = '批量移除';
+$lang->build->batchUnlinkStory = '批量移除需求';
+$lang->build->batchUnlinkBug   = '批量移除Bug';
 
 $lang->build->confirmDelete      = "您確認刪除該版本嗎？";
 $lang->build->confirmUnlinkStory = "您確認移除該需求嗎？";
@@ -27,25 +27,26 @@ $lang->build->confirmUnlinkBug   = "您確認移除該Bug嗎？";
 
 $lang->build->basicInfo = '基本信息';
 
-$lang->build->id        = 'ID';
-$lang->build->product   = $lang->productCommon;
-$lang->build->branch    = '平台/分支';
-$lang->build->project   = '所屬' . $lang->projectCommon;
-$lang->build->name      = '名稱編號';
-$lang->build->date      = '打包日期';
-$lang->build->builder   = '構建者';
-$lang->build->scmPath   = '原始碼地址';
-$lang->build->filePath  = '下載地址';
-$lang->build->desc      = '描述';
-$lang->build->files     = '上傳發行包';
-$lang->build->last      = '上個版本';
-$lang->build->packageType        = '包類型';
-$lang->build->unlinkStory        = '移除需求';
-$lang->build->unlinkBug          = '移除Bug';
-$lang->build->stories            = '完成的需求';
-$lang->build->bugs               = '解決的Bug';
-$lang->build->generatedBugs      = '產生的Bug';
-$lang->build->noProduct          = " <span style='color:red'>該{$lang->projectCommon}沒有關聯{$lang->productCommon}，無法創建版本，請先<a href='%s'>關聯{$lang->productCommon}</a></span>";
+$lang->build->id            = 'ID';
+$lang->build->product       = $lang->productCommon;
+$lang->build->branch        = '平台/分支';
+$lang->build->project       = '所屬' . $lang->projectCommon;
+$lang->build->name          = '名稱編號';
+$lang->build->date          = '打包日期';
+$lang->build->builder       = '構建者';
+$lang->build->scmPath       = '原始碼地址';
+$lang->build->filePath      = '下載地址';
+$lang->build->desc          = '描述';
+$lang->build->files         = '上傳發行包';
+$lang->build->last          = '上個版本';
+$lang->build->packageType   = '包類型';
+$lang->build->unlinkStory   = '移除需求';
+$lang->build->unlinkBug     = '移除Bug';
+$lang->build->stories       = '完成的需求';
+$lang->build->bugs          = '解決的Bug';
+$lang->build->generatedBugs = '產生的Bug';
+$lang->build->noProduct     = " <span style='color:red'>該{$lang->projectCommon}沒有關聯{$lang->productCommon}，無法創建版本，請先<a href='%s'>關聯{$lang->productCommon}</a></span>";
+$lang->build->noData        = '暫無';
 
 $lang->build->finishStories = ' 本次共完成 %s 個需求';
 $lang->build->resolvedBugs  = ' 本次共解決 %s 個Bug';
diff --git a/module/build/view/view.html.php b/module/build/view/view.html.php
index 3faeb1c80c..582d09f336 100644
--- a/module/build/view/view.html.php
+++ b/module/build/view/view.html.php
@@ -297,7 +297,13 @@ tbody tr td:first-child input{display:none;}
                 <?php if($this->config->global->flow != 'onlyTest'):?>
                 <tr>
                   <th><?php echo $lang->build->desc;?></th>
-                  <td><div class='article-content'><?php echo $build->desc;?></div></td>
+                  <td>
+                    <?php if($build->desc):?>
+                    <div class='article-content'><?php echo $build->desc;?></div>
+                    <?php else:?>
+                    <?php echo $lang->build->noData;?>
+                    <?php endif;?>
+                  </td>
                 </tr>
                 <?php endif;?>
               </table>
diff --git a/module/common/lang/zh-tw.php b/module/common/lang/zh-tw.php
index 9abee99b4e..6f2714a738 100644
--- a/module/common/lang/zh-tw.php
+++ b/module/common/lang/zh-tw.php
@@ -111,7 +111,7 @@ $lang->common->common = '公有模組';
 $lang->menu = new stdclass();
 $lang->menu->my      = '<span> 我的地盤</span>|my|index';
 $lang->menu->product = $lang->productCommon . '|product|index|locate=no';
-$lang->menu->project = $lang->projectCommon . '|project|index';
+$lang->menu->project = $lang->projectCommon . '|project|index|locate=no';
 $lang->menu->qa      = '測試|qa|index';
 $lang->menu->doc     = '文檔|doc|index';
 $lang->menu->report  = '統計|report|index';
@@ -221,21 +221,42 @@ $lang->release->menu     = $lang->product->menu;
 $lang->project = new stdclass();
 $lang->project->menu = new stdclass();
 
-$lang->project->menu->task     = array('link' => '任務|project|task|projectID=%s', 'subModule' => 'task,tree', 'alias' => 'grouptask,importtask,burn,importbug,kanban,printkanban,tree');
+$lang->project->menu->list     = array('link' => '%s', 'subModule' => 'task,tree', 'alias' => 'grouptask,importtask,importbug,tree');
+$lang->project->menu->kanban   = array('link' => '看板|project|kanban|projectID=%s');
+$lang->project->menu->burn     = array('link' => '燃盡圖|project|burn|projectID=%s');
 $lang->project->menu->story    = array('link' => '需求|project|story|projectID=%s', 'subModule' => 'story', 'alias' => 'linkstory,storykanban');
-$lang->project->menu->bug      = 'Bug|project|bug|projectID=%s';
-$lang->project->menu->dynamic  = '動態|project|dynamic|projectID=%s';
-$lang->project->menu->build    = array('link' => '版本|project|build|projectID=%s', 'subModule' => 'build');
-$lang->project->menu->testtask = array('link' => '測試單|project|testtask|projectID=%s');
-$lang->project->menu->team     = array('link' => '團隊|project|team|projectID=%s', 'alias' => 'managemembers');
+$lang->project->menu->qa       = array('link' => '%s', 'subModule' => 'build');
 $lang->project->menu->doc      = array('link' => '文檔|doc|objectLibs|type=project&objectID=%s&from=project', 'subModule' => 'doc');
+$lang->project->menu->action   = array('link' => '%s');
 $lang->project->menu->product  = $lang->productCommon . '|project|manageproducts|projectID=%s';
+$lang->project->menu->team     = array('link' => '團隊|project|team|projectID=%s', 'alias' => 'managemembers');
 $lang->project->menu->view     = array('link' => '概況|project|view|projectID=%s', 'alias' => 'edit,start,suspend,putoff,close');
 
+$lang->project->subMenu = new stdclass();
+$lang->project->subMenu->list = new stdclass();
+$lang->project->subMenu->list->task      = '任務列表|project|task|projectID=%s';
+$lang->project->subMenu->list->tree      = '樹狀圖|project|tree|projectID=%s';
+$lang->project->subMenu->list->groupTask = '分組視圖|project|groupTask|projectID=%s';
+
+$lang->project->subMenu->qa = new stdclass();
+$lang->project->subMenu->qa->bug      = 'Bug|project|bug|projectID=%s';
+$lang->project->subMenu->qa->build    = '版本|project|build|projectID=%s';
+$lang->project->subMenu->qa->testtask = '測試單|project|testtask|projectID=%s';
+
+$lang->project->subMenu->action = new stdclass();
+$lang->project->subMenu->action->dynamic  = '動態|project|dynamic|projectID=%s';
+
+$lang->project->dividerMenu = ',story,doc,';
+
 $lang->task  = new stdclass();
 $lang->build = new stdclass();
-$lang->task->menu  = $lang->project->menu;
-$lang->build->menu = $lang->project->menu;
+$lang->task->menu      = $lang->project->menu;
+$lang->task->subMenu   = $lang->project->subMenu;
+$lang->build->menu     = $lang->project->menu;
+$lang->build->subMenu  = $lang->project->subMenu;
+
+$lang->task->dividerMenu  = $lang->project->dividerMenu;
+$lang->build->dividerMenu = $lang->project->dividerMenu;
 
 /* QA視圖菜單設置。*/
 $lang->qa = new stdclass();
diff --git a/module/extension/lang/zh-tw.php b/module/extension/lang/zh-tw.php
index 661f560f6f..e6ef1fea70 100644
--- a/module/extension/lang/zh-tw.php
+++ b/module/extension/lang/zh-tw.php
@@ -106,8 +106,8 @@ $lang->extension->errorPackageFileExists       = '下載路徑已經有一個名
 $lang->extension->errorDownloadFailed          = '下載失敗，請重新下載。如果多次重試還不行，請嘗試手工下載，然後通過上傳功能上傳。';
 $lang->extension->errorMd5Checking             = '下載檔案不完整，請重新下載。如果多次重試還不行，請嘗試手工下載，然後通過上傳功能上傳。';
 $lang->extension->errorExtracted               = '包檔案<strong> %s </strong>解壓縮失敗，可能不是一個有效的zip檔案。錯誤信息如下：<br />%s';
-$lang->extension->errorCheckIncompatible       = '該插件與禪道版本不兼容，%s後可能無法使用。<h3>您可以選擇 <a href="%s">強制%s</a> 或者 <a href="#" onclick=parent.location.href="%s">取消</a></h3>';
-$lang->extension->errorFileConflicted          = '有以下檔案衝突：<br />%s <h3>您可以選擇 <a href="%s">覆蓋</a> 或者 <a href="#" onclick=parent.location.href="%s">取消</a></h3>';
+$lang->extension->errorCheckIncompatible       = '該插件與禪道版本不兼容，%s後可能無法使用。<h5>您可以選擇 <a href="%s" class="btn btn-sm">強制%s</a> 或者 <a href="#" onclick=parent.location.href="%s" class="btn btn-sm">取消</a></h5>';
+$lang->extension->errorFileConflicted          = '有以下檔案衝突：<br />%s <h5>您可以選擇 <a href="%s" class="btn btn-sm">覆蓋</a> 或者 <a href="#" onclick=parent.location.href="%s" class="btn btn-sm">取消</a></h5>';
 $lang->extension->errorPackageNotFound         = '包檔案 <strong>%s </strong>沒有找到，可能是因為自動下載失敗。您可以嘗試再次下載。';
 $lang->extension->errorTargetPathNotWritable   = '目標路徑 <strong>%s </strong>不可寫。';
 $lang->extension->errorTargetPathNotExists     = '目標路徑 <strong>%s </strong>不存在。';
diff --git a/module/product/lang/zh-tw.php b/module/product/lang/zh-tw.php
index c77f7382b5..6b717cec59 100644
--- a/module/product/lang/zh-tw.php
+++ b/module/product/lang/zh-tw.php
@@ -75,6 +75,7 @@ $lang->product->release       = '發佈';
 $lang->product->latestDynamic = '最新動態';
 $lang->product->iteration     = '版本迭代';
 $lang->product->iterationInfo = '迭代 %s 次';
+$lang->product->iterationView = '查看詳情';
 
 $lang->product->searchStory  = '搜索';
 $lang->product->assignedToMe = '指給我';
@@ -116,7 +117,7 @@ $lang->product->aclList['custom']  = '自定義白名單(團隊成員和白名
 
 $lang->product->storySummary   = "本頁共 <strong>%s</strong> 個需求，預計 <strong>%s</strong> 個工時，用例覆蓋率<strong>%s</strong>。";
 $lang->product->checkedSummary = "選中 <strong>%total%</strong> 個需求，預計 <strong>%estimate%</strong> 個工時，用例覆蓋率<strong>%rate%</strong>。";
-$lang->product->noModule       = '您現在還沒有模組信息<br/>請維護產品模組';
+$lang->product->noModule       = '<div>您現在還沒有模組信息</div><div>請維護產品模組</div>';
 $lang->product->noProduct      = '暫時沒有產品，您現在可以';
 $lang->product->noStory        = '暫時沒有需求，您現在可以';
 $lang->product->noMatched      = '找不到包含"%s"的' . $lang->productCommon;
diff --git a/module/productplan/lang/zh-tw.php b/module/productplan/lang/zh-tw.php
index 71511ea2d0..932d1a3b12 100644
--- a/module/productplan/lang/zh-tw.php
+++ b/module/productplan/lang/zh-tw.php
@@ -17,7 +17,7 @@ $lang->productplan->edit       = "編輯計劃";
 $lang->productplan->delete     = "刪除計劃";
 $lang->productplan->view       = "計劃詳情";
 $lang->productplan->bugSummary = "本頁共 <strong>%s</strong> 個Bug";
-$lang->productplan->info       = '信息';
+$lang->productplan->basicInfo  = '基本信息';
 $lang->productplan->batchEdit  = '批量編輯';
 
 $lang->productplan->batchUnlink      = "批量移除";
diff --git a/module/productplan/view/browse.html.php b/module/productplan/view/browse.html.php
index 8fa1c357d9..ecd284c006 100644
--- a/module/productplan/view/browse.html.php
+++ b/module/productplan/view/browse.html.php
@@ -104,7 +104,7 @@
       <?php if(common::hasPriv('productplan', 'batchEdit')):?>
       <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
       <div class="table-actions btn-toolbar">
-        <?php echo html::submitButton($lang->edit);?>
+        <?php echo html::submitButton($lang->edit, '', 'btn');?>
       </div>
       <?php endif;?>
       <?php $pager->show('right', 'pagerjs');?>
diff --git a/module/project/control.php b/module/project/control.php
index eebaf3c24c..a3238863d8 100644
--- a/module/project/control.php
+++ b/module/project/control.php
@@ -94,7 +94,7 @@ class project extends control
         $actions       = $this->loadModel('action')->getList('project', $projectID);
 
         /* Set menu. */
-        $this->project->setMenu($this->projects, $projectID, $extra);
+        $this->project->setMenu($this->projects, $projectID, $buildID = 0, $extra);
 
         /* Assign. */
         $this->view->projects      = $this->projects;
diff --git a/module/project/js/bug.js b/module/project/js/bug.js
index fe630d0cf3..e69de29bb2 100644
--- a/module/project/js/bug.js
+++ b/module/project/js/bug.js
@@ -1,4 +0,0 @@
-$(document).ready(function()
-{
-    ajaxGetSearchForm();
-});
diff --git a/module/project/lang/zh-tw.php b/module/project/lang/zh-tw.php
index 7dcf7f637c..a6de7c7673 100644
--- a/module/project/lang/zh-tw.php
+++ b/module/project/lang/zh-tw.php
@@ -147,6 +147,7 @@ $lang->project->storySort         = '需求排序';
 $lang->project->importPlanStory   = '創建' . $lang->projectCommon . '成功！\n是否導入計劃關聯的相關需求？';
 $lang->project->iteration         = '版本迭代';
 $lang->project->iterationInfo     = '迭代%s次';
+$lang->project->viewAll           = '查看所有';
 
 /* 分組瀏覽。*/
 $lang->project->allTasks     = '所有';
@@ -213,6 +214,7 @@ $lang->project->copyFromProject = "複製自{$lang->projectCommon} <strong>%s</s
 $lang->project->cancelCopy      = '取消複製';
 $lang->project->byPeriod        = '按時間段';
 $lang->project->byUser          = '按用戶';
+$lang->project->noProject       = '暫時沒有項目，您現在可以';
 
 /* 交互提示。*/
 $lang->project->confirmDelete         = "您確定刪除{$lang->projectCommon}[%s]嗎？";
diff --git a/module/project/view/bug.html.php b/module/project/view/bug.html.php
index b7329276a3..3e907fb63b 100644
--- a/module/project/view/bug.html.php
+++ b/module/project/view/bug.html.php
@@ -15,78 +15,83 @@
   <div class="btn-toolbar pull-left">
     <span class='btn btn-link btn-active-text'>
       <span class='text'><?php echo html::icon($lang->icons['bug']);?> <?php echo $lang->project->bug;?></span>
-      <?php if($build) echo ' <span class="label label-danger">Build:' . $build->name . '</span>'; ?>
+      <span class="label label-light label-badge"><?php echo $pager->recTotal;?></span>
+      <?php if($build) echo ' <span class="label label-danger">Build:' . $build->name . '</span>';?>
     </span>
+        <a class="btn btn-link querybox-toggle" id="bysearchTab"><i class="icon icon-search muted"></i> <?php echo $lang->bug->search;?></a>
   </div>
   <div class="btn-toolbar pull-right">
-    <?php common::printIcon('bug', 'export', "productID=$productID&orderBy=$orderBy", '', 'button', '', '', "export iframe");?>
-    <?php common::printIcon('bug', 'create', "productID=$productID&branch=$branchID&extra=projectID=$project->id");?>
+    <?php common::printLink('bug', 'export', "productID=$productID&orderBy=$orderBy", "<i class='icon icon-export'> </i>" . $lang->bug->export, '', "class='btn btn-link export iframe'");?>
+    <?php common::printLink('bug', 'create', "productID=$productID&branch=$branchID&extra=projectID=$project->id", "<i class='icon icon-plus'> </i>" . $lang->bug->create, '', "class='btn btn-primary'");?>
   </div>
 </div>
 <div id="mainContent" class='main-content'>
-  <div id='queryBox' class='show'></div>
+  <div class="cell" id="queryBox"></div>
   <form class='main-table' method='post' id='projectBugForm' data-ride="table">
     <table class='table has-sort-head' id='bugList'>
+      <?php $canBatchAssignTo = common::hasPriv('bug', 'batchAssignTo');?>
+      <?php $vars = "projectID={$project->id}&orderBy=%s&build=$buildID&type=$type&param=$param&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}"; ?>
       <thead>
         <tr>
-          <?php $vars = "projectID={$project->id}&orderBy=%s&build=$buildID&type=$type&param=$param&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}"; ?>
           <th class='c-id'>
+            <?php if($canBatchAssignTo):?>
             <div class="checkbox-primary check-all" title="<?php echo $lang->selectAll?>">
               <label></label>
             </div>
+            <?php endif;?>
             <?php common::printOrderLink('id', $orderBy, $vars, $lang->idAB);?>
           </th>
           <th class='w-80px'>    <?php common::printOrderLink('severity',     $orderBy, $vars, $lang->bug->severityAB);?></th>
-          <th class='w-pri'>     <?php common::printOrderLink('pri',          $orderBy, $vars, $lang->priAB);?></th>
+          <th class='c-pri'>     <?php common::printOrderLink('pri',          $orderBy, $vars, $lang->priAB);?></th>
           <th>                   <?php common::printOrderLink('title',        $orderBy, $vars, $lang->bug->title);?></th>
           <th class='w-user'>    <?php common::printOrderLink('openedBy',     $orderBy, $vars, $lang->openedByAB);?></th>
-          <th class='w-user'>    <?php common::printOrderLink('assignedTo',   $orderBy, $vars, $lang->assignedToAB);?></th>
+          <th class='w-100px text-center'><?php common::printOrderLink('assignedTo',   $orderBy, $vars, $lang->assignedToAB);?></th>
           <th class='w-user'>    <?php common::printOrderLink('resolvedBy',   $orderBy, $vars, $lang->bug->resolvedBy);?></th>
           <th class='w-resolution'><?php common::printOrderLink('resolution', $orderBy, $vars, $lang->bug->resolutionAB);?></th>
-          <th class='w-150px'><?php echo $lang->actions;?></th>
+          <th class='w-130px text-center'><?php echo $lang->actions;?></th>
         </tr>
       </thead>
       <tbody>
       <?php foreach($bugs as $bug):?>
       <tr>
-        <td class='c-id'>
-          <div class="checkbox-primary">
-            <input type='checkbox' name='bugIDList[]'  value='<?php echo $bug->id;?>'/> 
-            <label></label>
-            <?php printf('%03d', $bug->id);?>
-          </div>
+        <td class='cell-id'>
+          <?php if($canBatchAssignTo):?>
+          <?php echo html::checkbox('bugIDList', array($bug->id => sprintf('%03d', $bug->id)));?>
+          <?php else:?>
+          <?php printf('%03d', $bug->id);?>
+          <?php endif;?>
         </td>
         <td><span class='<?php echo 'severity' . zget($lang->bug->severityList, $bug->severity, $bug->severity)?>'><?php echo zget($lang->bug->severityList, $bug->severity, $bug->severity)?></span></td>
         <td><span class='label-pri <?php echo 'label-pri-' . $bug->pri?>'><?php echo zget($lang->bug->priList, $bug->pri, $bug->pri)?></span></td>
         <td class='text-left' title="<?php echo $bug->title?>"><?php echo html::a($this->createLink('bug', 'view', "bugID=$bug->id"), $bug->title, null, "style='color: $bug->color'");?></td>
         <td><?php echo zget($users, $bug->openedBy, $bug->openedBy);?></td>
-        <td><?php echo zget($users, $bug->assignedTo, $bug->assignedTo);?></td>
+        <td class='c-actions'>
+          <?php $params = "bugID=$bug->id";?>
+          <?php common::printIcon('bug', 'assignTo', $params, $bug, 'list', '', '', 'iframe', true);?>
+          <?php echo zget($users, $bug->assignedTo, $bug->assignedTo);?>
+        </td>
         <td><?php echo zget($users, $bug->resolvedBy, $bug->resolvedBy);?></td>
         <td><?php echo $lang->bug->resolutionList[$bug->resolution];?></td>
         <td class='c-actions'>
-          <?php $params = "bugID=$bug->id";?>
           <div class='more'>
-            <?php
-            common::printIcon('bug', 'confirmBug', $params, $bug, 'list', 'search', '', 'iframe', true);
-            common::printIcon('bug', 'create',     "product=$bug->product&branch=$bug->branch&extra=bugID=$bug->id", $bug, 'list', 'copy');
-            ?>
+            <?php if($bug->status == 'active') common::printIcon('bug', 'confirmBug', $params, $bug, 'list', 'search', '', 'iframe', true);?>
           </div>
           <?php
-          common::printIcon('bug', 'assignTo',   $params, $bug, 'list', '', '', 'iframe', true);
-          common::printIcon('bug', 'resolve',    $params, $bug, 'list', '', '', 'iframe', true);
-          common::printIcon('bug', 'close',      $params, $bug, 'list', '', '', 'iframe', true);
-          common::printIcon('bug', 'edit',       $params, $bug, 'list');
+          if($bug->status == 'active') common::printIcon('bug', 'resolve', $params, $bug, 'list', 'check', '', 'iframe', true);
+          if($bug->status != 'active') common::printIcon('bug', 'close',   $params, $bug, 'list', '', '', 'iframe', true);
+          common::printIcon('bug', 'create', "product=$bug->product&branch=$bug->branch&extra=$params", $bug, 'list', 'copy');
+          common::printIcon('bug', 'edit',   $params, $bug, 'list');
           ?>
         </td>
       </tr>
       <?php endforeach;?>
       </tbody>
     </table>
-    <?php if(count($bugs)):?>
+    <?php if($bugs):?>
     <div class='table-footer'>
+      <?php if($canBatchAssignTo):?>
       <div class="checkbox-primary check-all"><label><?php echo $lang->selectAll?></label></div>
       <div class="table-actions btn-toolbar">
-        <?php if(common::hasPriv('bug', 'batchAssignTo')):?>
         <div class="btn-group dropup">
           <button data-toggle="dropdown" type="button" class="btn"><?php echo $lang->bug->assignedTo?> <span class="caret"></span></button>
           <?php 
@@ -111,12 +116,13 @@
           echo "</div>";
           ?>
         </div>
-        <?php endif;?>
       </div>
+      <?php endif;?>
       <?php $pager->show('right', 'pagerjs');?>
     </div>
     <?php endif;?>
   </form>
 </div>
-<?php js::set('replaceID', 'bugList')?>
+<?php js::set('replaceID', 'bugList');?>
+<?php js::set('browseType', $type);?>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/release/lang/zh-tw.php b/module/release/lang/zh-tw.php
index 1dc1c8420e..015d320394 100644
--- a/module/release/lang/zh-tw.php
+++ b/module/release/lang/zh-tw.php
@@ -9,15 +9,15 @@
  * @version     $Id: zh-tw.php 4129 2013-01-18 01:58:14Z wwccss $
  * @link        http://www.zentao.net
  */
-$lang->release->common    = '發佈';
-$lang->release->create    = "創建發佈";
-$lang->release->edit      = "編輯發佈";
-$lang->release->linkStory = "關聯需求";
-$lang->release->linkBug   = "關聯Bug";
-$lang->release->delete    = "刪除發佈";
-$lang->release->deleted   = '已刪除';
-$lang->release->view      = "發佈詳情";
-$lang->release->browse    = "瀏覽發佈";
+$lang->release->common           = '發佈';
+$lang->release->create           = "創建發佈";
+$lang->release->edit             = "編輯發佈";
+$lang->release->linkStory        = "關聯需求";
+$lang->release->linkBug          = "關聯Bug";
+$lang->release->delete           = "刪除發佈";
+$lang->release->deleted          = '已刪除';
+$lang->release->view             = "發佈詳情";
+$lang->release->browse           = "瀏覽發佈";
 $lang->release->changeStatus     = "修改狀態";
 $lang->release->batchUnlink      = "批量移除";
 $lang->release->batchUnlinkStory = "批量移除需求";
@@ -29,26 +29,27 @@ $lang->release->confirmUnlinkBug   = "您確認移除該Bug嗎？";
 
 $lang->release->basicInfo = '基本信息';
 
-$lang->release->id                    = 'ID';
-$lang->release->product               = $lang->productCommon;
-$lang->release->branch                = '平台/分支';
-$lang->release->build                 = '版本';
-$lang->release->name                  = '發佈名稱';
-$lang->release->date                  = '發佈日期';
-$lang->release->desc                  = '描述';
-$lang->release->status                = '狀態';
-$lang->release->last                  = '上次發佈';
-$lang->release->unlinkStory           = '移除需求';
-$lang->release->unlinkBug             = '移除Bug';
-$lang->release->stories               = '完成的需求';
-$lang->release->bugs                  = '解決的Bug';
-$lang->release->leftBugs              = '遺留的Bug';
-$lang->release->generatedBugs         = '遺留的Bug';
-$lang->release->finishStories         = '本次共完成 %s 個需求';
-$lang->release->resolvedBugs          = '本次共解決 %s 個Bug';
-$lang->release->createdBugs           = '本次共遺留 %s 個Bug';
-$lang->release->export                = '導出HTML';
-$lang->release->yesterday             = '昨日發佈';
+$lang->release->id            = 'ID';
+$lang->release->product       = $lang->productCommon;
+$lang->release->branch        = '平台/分支';
+$lang->release->build         = '版本';
+$lang->release->name          = '發佈名稱';
+$lang->release->marker        = '里程碑';
+$lang->release->date          = '發佈日期';
+$lang->release->desc          = '描述';
+$lang->release->status        = '狀態';
+$lang->release->last          = '上次發佈';
+$lang->release->unlinkStory   = '移除需求';
+$lang->release->unlinkBug     = '移除Bug';
+$lang->release->stories       = '完成的需求';
+$lang->release->bugs          = '解決的Bug';
+$lang->release->leftBugs      = '遺留的Bug';
+$lang->release->generatedBugs = '遺留的Bug';
+$lang->release->finishStories = '本次共完成 %s 個需求';
+$lang->release->resolvedBugs  = '本次共解決 %s 個Bug';
+$lang->release->createdBugs   = '本次共遺留 %s 個Bug';
+$lang->release->export        = '導出HTML';
+$lang->release->yesterday     = '昨日發佈';
 
 $lang->release->filePath = '下載地址：';
 $lang->release->scmPath  = '版本庫地址：';
diff --git a/module/task/lang/zh-tw.php b/module/task/lang/zh-tw.php
index 74064b18e4..c9b9de6417 100644
--- a/module/task/lang/zh-tw.php
+++ b/module/task/lang/zh-tw.php
@@ -167,6 +167,7 @@ $lang->task->confirmRecord         = '"剩餘"為0，任務將標記為"已完
 $lang->task->noticeLinkStory       = "沒有可關聯的相關需求，您可以為當前項目%s，然後%s";
 $lang->task->noticeSaveRecord      = '您有尚未保存的工時記錄，請先將其保存。';
 $lang->task->commentActions        = '%s. %s, 由 <strong>%s</strong> 添加備註。';
+$lang->task->noData                = '暫無';
 
 $lang->task->error                   = new stdclass();
 $lang->task->error->consumedNumber   = '"已經消耗"必須為數字';

From 960e0af5d207273a915851264f2db018e6febe01 Mon Sep 17 00:00:00 2001
From: wangyidong <yidong@cnezsoft.com>
Date: Thu, 26 Apr 2018 17:17:47 +0800
Subject: [PATCH 6/7]  * adjust for show count.

---
 module/action/lang/en.php            |  9 +++++++++
 module/action/lang/zh-cn.php         |  8 ++++++++
 module/action/model.php              | 19 -------------------
 module/company/control.php           |  1 -
 module/company/view/dynamic.html.php | 19 +++++++++++--------
 module/my/control.php                |  2 --
 module/my/view/dynamic.html.php      | 17 ++++++++++-------
 module/my/view/todo.html.php         |  9 +++++++--
 module/product/control.php           |  2 --
 module/product/view/browse.html.php  |  2 +-
 module/product/view/dynamic.html.php | 17 ++++++++++-------
 module/project/control.php           |  1 -
 module/project/view/dynamic.html.php | 19 +++++++++++--------
 module/story/model.php               | 12 ------------
 14 files changed, 67 insertions(+), 70 deletions(-)

diff --git a/module/action/lang/en.php b/module/action/lang/en.php
index 3b96649611..332d02b3cd 100755
--- a/module/action/lang/en.php
+++ b/module/action/lang/en.php
@@ -25,6 +25,7 @@ $lang->action->undelete    = 'Restore';
 $lang->action->hideOne     = 'Hide';
 $lang->action->hideAll     = 'Hide All';
 $lang->action->editComment = 'Edit';
+$lang->action->create      = 'Create Comment';
 $lang->action->comment     = 'Comment';
 
 $lang->action->trashTips      = 'Note: All Deletion in ZenTao are logical.';
@@ -53,6 +54,14 @@ $lang->action->dynamic->all        = 'All';
 $lang->action->dynamic->hidden     = 'Hidden';
 $lang->action->dynamic->search     = 'Search';
 
+$lang->action->periods['all']       = $lang->action->dynamic->all;
+$lang->action->periods['today']     = $lang->action->dynamic->today;
+$lang->action->periods['yesterday'] = $lang->action->dynamic->yesterday;
+$lang->action->periods['thisweek']  = $lang->action->dynamic->thisWeek;
+$lang->action->periods['lastweek']  = $lang->action->dynamic->lastWeek;
+$lang->action->periods['thismonth'] = $lang->action->dynamic->thisMonth;
+$lang->action->periods['lastmonth'] = $lang->action->dynamic->lastMonth;
+
 $lang->action->objectTypes['product']     = $lang->productCommon;
 $lang->action->objectTypes['story']       = 'Story';
 $lang->action->objectTypes['productplan'] = 'Plan';
diff --git a/module/action/lang/zh-cn.php b/module/action/lang/zh-cn.php
index cec1875adc..5fd841c37c 100755
--- a/module/action/lang/zh-cn.php
+++ b/module/action/lang/zh-cn.php
@@ -54,6 +54,14 @@ $lang->action->dynamic->all        = '所有';
 $lang->action->dynamic->hidden     = '已隐藏';
 $lang->action->dynamic->search     = '搜索';
 
+$lang->action->periods['all']       = $lang->action->dynamic->all;
+$lang->action->periods['today']     = $lang->action->dynamic->today;
+$lang->action->periods['yesterday'] = $lang->action->dynamic->yesterday;
+$lang->action->periods['thisweek']  = $lang->action->dynamic->thisWeek;
+$lang->action->periods['lastweek']  = $lang->action->dynamic->lastWeek;
+$lang->action->periods['thismonth'] = $lang->action->dynamic->thisMonth;
+$lang->action->periods['lastmonth'] = $lang->action->dynamic->lastMonth;
+
 $lang->action->objectTypes['product']     = $lang->productCommon;
 $lang->action->objectTypes['story']       = '需求';
 $lang->action->objectTypes['productplan'] = '计划';
diff --git a/module/action/model.php b/module/action/model.php
index c933e90787..04cbb03805 100755
--- a/module/action/model.php
+++ b/module/action/model.php
@@ -967,25 +967,6 @@ class actionModel extends model
         $this->file->updateObjectID($this->post->uid, $action->objectID, $action->objectType);
     }
 
-    /**
-     * Get action count.
-     * 
-     * @param  string $type 
-     * @param  string $id 
-     * @access public
-     * @return int
-     */
-    public function getCount($type = 'account', $id = '')
-    {
-        if($type == 'account' and empty($id)) $id = $this->app->user->account;
-        return $this->dao->select('count(*) AS count')->from(TABLE_ACTION)
-            ->where('1=1')
-            ->beginIF($type == 'account')->andWhere('actor')->eq($id)->fi()
-            ->beginIF($type == 'product')->andWhere('product')->like("%,$id,%")->fi()
-            ->beginIF($type == 'project')->andWhere('project')->eq($id)->fi()
-            ->fetch('count');
-    }
-
     /**
      * Build date group by actions
      * 
diff --git a/module/company/control.php b/module/company/control.php
index 43df49b69c..5ee6686219 100644
--- a/module/company/control.php
+++ b/module/company/control.php
@@ -235,7 +235,6 @@ class company extends control
         $this->view->pager      = $pager;
         $this->view->param      = $param;
         $this->view->dateGroups = $this->action->buildDateGroup($actions, $direction);
-        $this->view->allCount   = $this->action->getCount('all');
         $this->view->direction  = $direction;
         $this->display();
     }
diff --git a/module/company/view/dynamic.html.php b/module/company/view/dynamic.html.php
index bd57fcc688..ddb9dcd48d 100644
--- a/module/company/view/dynamic.html.php
+++ b/module/company/view/dynamic.html.php
@@ -13,15 +13,18 @@
 <?php include '../../common/view/header.html.php';?>
 <div id="mainMenu" class="clearfix">
   <div class="btn-toolbar pull-left">
-    <?php 
-    echo html::a(inlink('dynamic', "browseType=all"),        "<span class='text'>{$lang->action->dynamic->all}<span> <span class='label label-light label-badge'>{$allCount}</span>", '', "class='btn btn-link " . ($browseType == 'all' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=today"),      "<span class='text'>{$lang->action->dynamic->today}<span>",     '', "class='btn btn-link " . ($browseType == 'today'     ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=yesterday"),  "<span class='text'>{$lang->action->dynamic->yesterday}<span>", '', "class='btn btn-link " . ($browseType == 'yesterday' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=thisweek"),   "<span class='text'>{$lang->action->dynamic->thisWeek}<span>",  '', "class='btn btn-link " . ($browseType == 'thisweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=lastweek"),   "<span class='text'>{$lang->action->dynamic->lastWeek}<span>",  '', "class='btn btn-link " . ($browseType == 'lastweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=thismonth"),  "<span class='text'>{$lang->action->dynamic->thisMonth}<span>", '', "class='btn btn-link " . ($browseType == 'thismonth' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "browseType=lastmonth"),  "<span class='text'>{$lang->action->dynamic->lastMonth}<span>", '', "class='btn btn-link " . ($browseType == 'lastmonth' ? 'btn-active-text' : '') . "'");
+    <?php foreach($lang->action->periods as $period => $label):?>
+    <?php
+    $label  = "<span class='text'>$label</span>";
+    $active = '';
+    if($period == $browseType)
+    {
+        $active = 'btn-active-text';
+        $label .= " <span class='label label-light label-badge'>{$pager->recTotal}</span>";
+    }
+    echo html::a(inlink('dynamic', "browseType=$period"), $label, '', "class='btn btn-link $active' id='{$period}'")
     ?>
+    <?php endforeach;?>
     <div class="input-control space w-150px"><?php echo html::select('account', $users, $account, 'onchange=changeUser(this.value) class="form-control chosen"');?></div>
     <div class="input-control space w-150px"><?php echo html::select('product', $products, $product, 'onchange=changeProduct(this.value) class="form-control chosen"');?></div>
     <?php if($this->config->global->flow != 'onlyTest'):?>
diff --git a/module/my/control.php b/module/my/control.php
index 550223e11b..d5491d26c3 100644
--- a/module/my/control.php
+++ b/module/my/control.php
@@ -104,7 +104,6 @@ class my extends control
 
         /* Assign. */
         $this->view->todos        = $this->loadModel('todo')->getList($type, $account, $status, 0, $pager, $sort);
-        $this->view->todoCount    = $this->todo->getCount();
         $this->view->date         = (int)$type == 0 ? date(DT_DATE1) : date(DT_DATE1, strtotime($type));
         $this->view->type         = $type;
         $this->view->recTotal     = $recTotal;
@@ -568,7 +567,6 @@ class my extends control
         $this->view->orderBy    = $orderBy;
         $this->view->pager      = $pager;
         $this->view->dateGroups = $this->action->buildDateGroup($actions, $direction);
-        $this->view->allCount   = $this->action->getCount();
         $this->view->direction  = $direction;
         $this->display();
     }
diff --git a/module/my/view/dynamic.html.php b/module/my/view/dynamic.html.php
index de99428d74..abf7fa4abe 100644
--- a/module/my/view/dynamic.html.php
+++ b/module/my/view/dynamic.html.php
@@ -13,15 +13,18 @@
 <?php include '../../common/view/header.html.php';?>
 <div id="mainMenu" class="clearfix">
   <div class="btn-toolbar pull-left">
+    <?php foreach($lang->action->periods as $period => $label):?>
     <?php
-    echo html::a(inlink('dynamic', "type=all"),       "<span class='text'>{$lang->action->dynamic->all}</span> <span class='label label-light label-badge'>{$allCount}</span>", '', "class='btn btn-link " . ($type == 'all' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=today"),     "<span class='text'>{$lang->action->dynamic->today}</span>",     '', "class='btn btn-link " . ($type == 'today'     ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=yesterday"), "<span class='text'>{$lang->action->dynamic->yesterday}</span>", '', "class='btn btn-link " . ($type == 'yesterday' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=thisweek"),  "<span class='text'>{$lang->action->dynamic->thisWeek}</span>",  '', "class='btn btn-link " . ($type == 'thisweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=lastweek"),  "<span class='text'>{$lang->action->dynamic->lastWeek}</span>",  '', "class='btn btn-link " . ($type == 'lastweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=thismonth"), "<span class='text'>{$lang->action->dynamic->thisMonth}</span>", '', "class='btn btn-link " . ($type == 'thismonth' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "type=lastmonth"), "<span class='text'>{$lang->action->dynamic->lastMonth}</span>", '', "class='btn btn-link " . ($type == 'lastmonth' ? 'btn-active-text' : '') . "'");
+    $label  = "<span class='text'>$label</span>";
+    $active = '';
+    if($period == $type)
+    {
+        $active = 'btn-active-text';
+        $label .= " <span class='label label-light label-badge'>{$pager->recTotal}</span>";
+    }
+    echo html::a(inlink('dynamic', "type=$period"), $label, '', "class='btn btn-link $active' id='{$period}'")
     ?>
+    <?php endforeach;?>
   </div>
 </div>
 <div id="mainContent" class="main-content">
diff --git a/module/my/view/todo.html.php b/module/my/view/todo.html.php
index 38ba09613f..7b7cce7779 100644
--- a/module/my/view/todo.html.php
+++ b/module/my/view/todo.html.php
@@ -19,8 +19,13 @@
     <?php
     $vars = "date=$period";
     if($period == 'before') $vars .= "&account={$app->user->account}&status=undone";
-    $label  = $period == 'all' ? "<span class='text'>$label</span> <span class='label label-light label-badge'>{$todoCount}</span>" : "<span class='text'>$label</span>";
-    $active = $period == $type ? 'btn-active-text' : '';
+    $label  = "<span class='text'>$label</span>";
+    $active = '';
+    if($period == $type)
+    {
+        $active = 'btn-active-text';
+        $label .= " <span class='label label-light label-badge'>{$pager->recTotal}</span>";
+    }
     echo html::a(inlink('todo', $vars), $label, '', "class='btn btn-link $active' id='{$period}'")
     ?>
     <?php endforeach;?>
diff --git a/module/product/control.php b/module/product/control.php
index b6a3d38c6b..e0797ef202 100644
--- a/module/product/control.php
+++ b/module/product/control.php
@@ -204,7 +204,6 @@ class product extends control
         $this->view->storyCases    = $storyCases;
         $this->view->param         = $param;
         $this->view->products      = $this->products;
-        $this->view->allCount      = $this->story->getCount($productID);
         $this->display();
     }
 
@@ -516,7 +515,6 @@ class product extends control
         $this->view->param      = $param;
         $this->view->pager      = $pager;
         $this->view->dateGroups = $this->action->buildDateGroup($actions, $direction);
-        $this->view->allCount   = $this->action->getCount('product', $productID);
         $this->view->direction  = $direction;
         $this->display();
     }
diff --git a/module/product/view/browse.html.php b/module/product/view/browse.html.php
index d3f912a6de..b11e313c33 100644
--- a/module/product/view/browse.html.php
+++ b/module/product/view/browse.html.php
@@ -47,7 +47,7 @@
         echo '</ul></div>';
     ?>
     <?php else:?>
-    <?php echo html::a($this->inlink('browse', "productID=$productID&branch=$branch&browseType=$menuBrowseType" . $queryParam), "<span class='text'>$menuItem->text</span>" . ($menuItem->name == 'allstory' ? ' <span class="label label-light label-badge">' . $allCount . '</span>' : ''), '', "id='{$menuItem->name}Tab' class='btn btn-link" . ($this->session->storyBrowseType == $menuItem->name ? ' btn-active-text' : '') . "'");?>
+    <?php echo html::a($this->inlink('browse', "productID=$productID&branch=$branch&browseType=$menuBrowseType" . $queryParam), "<span class='text'>$menuItem->text</span>" . ($menuItem->name == $this->session->storyBrowseType ? ' <span class="label label-light label-badge">' . $pager->recTotal . '</span>' : ''), '', "id='{$menuItem->name}Tab' class='btn btn-link" . ($this->session->storyBrowseType == $menuItem->name ? ' btn-active-text' : '') . "'");?>
     <?php endif;?>
     <?php endforeach;?>
     <a class="btn btn-link querybox-toggle" id='bysearchTab'><i class="icon icon-search muted"></i> <?php echo $lang->product->searchStory;?></a>
diff --git a/module/product/view/dynamic.html.php b/module/product/view/dynamic.html.php
index 09c10f78a6..ca45bdf890 100755
--- a/module/product/view/dynamic.html.php
+++ b/module/product/view/dynamic.html.php
@@ -13,15 +13,18 @@
 <?php include '../../common/view/header.html.php';?>
 <div id="mainMenu" class="clearfix">
   <div class="btn-toolbar pull-left">
+    <?php foreach($lang->action->periods as $period => $label):?>
     <?php
-    echo html::a(inlink('dynamic', "productID=$productID&type=all"),       "<span class='text'>{$lang->action->dynamic->all}</span> <span class='label label-light label-badge'>{$allCount}</span>", '', "class='btn btn-link " . ($type == 'all' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=today"),     "<span class='text'>{$lang->action->dynamic->today}</span>",     '', "class='btn btn-link " . ($type == 'today'     ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=yesterday"), "<span class='text'>{$lang->action->dynamic->yesterday}</span>", '', "class='btn btn-link " . ($type == 'yesterday' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=thisweek"),  "<span class='text'>{$lang->action->dynamic->thisWeek}</span>",  '', "class='btn btn-link " . ($type == 'thisweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=lastweek"),  "<span class='text'>{$lang->action->dynamic->lastWeek}</span>",  '', "class='btn btn-link " . ($type == 'lastweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=thismonth"), "<span class='text'>{$lang->action->dynamic->thisMonth}</span>", '', "class='btn btn-link " . ($type == 'thismonth' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "productID=$productID&type=lastmonth"), "<span class='text'>{$lang->action->dynamic->lastMonth}</span>", '', "class='btn btn-link " . ($type == 'lastmonth' ? 'btn-active-text' : '') . "'");
+    $label  = "<span class='text'>$label</span>";
+    $active = '';
+    if($period == $type)
+    {
+        $active = 'btn-active-text';
+        $label .= " <span class='label label-light label-badge'>{$pager->recTotal}</span>";
+    }
+    echo html::a(inlink('dynamic', "productID=$productID&type=$period"), $label, '', "class='btn btn-link $active' id='{$period}'")
     ?>
+    <?php endforeach;?>
     <div class="input-control space w-150px">
       <?php echo html::select('account', $users, $account, "onchange='changeUser(this.value, $productID)' class='form-control chosen'");?>
     </div>
diff --git a/module/project/control.php b/module/project/control.php
index eebaf3c24c..0d6f6a61a3 100644
--- a/module/project/control.php
+++ b/module/project/control.php
@@ -1960,7 +1960,6 @@ class project extends control
         $this->view->pager      = $pager;
         $this->view->param      = $param;
         $this->view->dateGroups = $this->action->buildDateGroup($actions, $direction);
-        $this->view->allCount   = $this->action->getCount('project', $projectID);
         $this->view->direction  = $direction;
         $this->display();
     }
diff --git a/module/project/view/dynamic.html.php b/module/project/view/dynamic.html.php
index 1553caecb4..ae23f065eb 100755
--- a/module/project/view/dynamic.html.php
+++ b/module/project/view/dynamic.html.php
@@ -13,15 +13,18 @@
 <?php include '../../common/view/header.html.php';?>
 <div id="mainMenu" class="clearfix">
   <div class="btn-toolbar pull-left">
-    <?php 
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=all"),        "<span class='text'>{$lang->action->dynamic->all}</span> <span class='label label-light label-badge'>{$allCount}</span>", '', "class='btn btn-link " . ($type == 'all' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=today"),      "<span class='text'>{$lang->action->dynamic->today}</span>",     '', "class='btn btn-link " . ($type == 'today'     ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=yesterday"),  "<span class='text'>{$lang->action->dynamic->yesterday}</span>", '', "class='btn btn-link " . ($type == 'yesterday' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=thisweek"),   "<span class='text'>{$lang->action->dynamic->thisWeek}</span>",  '', "class='btn btn-link " . ($type == 'thisweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=lastweek"),   "<span class='text'>{$lang->action->dynamic->lastWeek}</span>",  '', "class='btn btn-link " . ($type == 'lastweek'  ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=thismonth"),  "<span class='text'>{$lang->action->dynamic->thisMonth}</span>", '', "class='btn btn-link " . ($type == 'thismonth' ? 'btn-active-text' : '') . "'");
-    echo html::a(inlink('dynamic', "projectID=$projectID&type=lastmonth"),  "<span class='text'>{$lang->action->dynamic->lastMonth}</span>", '', "class='btn btn-link " . ($type == 'lastmonth' ? 'btn-active-text' : '') . "'");
+    <?php foreach($lang->action->periods as $period => $label):?>
+    <?php
+    $label  = "<span class='text'>$label</span>";
+    $active = '';
+    if($period == $type)
+    {
+        $active = 'btn-active-text';
+        $label .= " <span class='label label-light label-badge'>{$pager->recTotal}</span>";
+    }
+    echo html::a(inlink('dynamic', "projectID=$projectID&type=$period"), $label, '', "class='btn btn-link $active' id='{$period}'")
     ?>
+    <?php endforeach;?>
     <div class="input-control space w-150px">
       <?php echo html::select('account', $users, $account, "onchange='changeUser(this.value, $projectID)' class='form-control chosen'");?>
     </div>
diff --git a/module/story/model.php b/module/story/model.php
index dd4ea94d9e..a7b0c7f00d 100644
--- a/module/story/model.php
+++ b/module/story/model.php
@@ -2614,16 +2614,4 @@ class storyModel extends model
 
         return array($toList, $ccList);
     }
-
-    /**
-     * Get story count.
-     * 
-     * @param  int    $productID 
-     * @access public
-     * @return int
-     */
-    public function getCount($productID)
-    {
-        return $this->dao->select('count(*) as count')->from(TABLE_STORY)->where('deleted')->eq(0)->andWhere('product')->eq($productID)->fetch('count');
-    }
 }

From a28f947bb3e680490f5c824fb84904248cc7b10f Mon Sep 17 00:00:00 2001
From: wangyidong <yidong@cnezsoft.com>
Date: Fri, 27 Apr 2018 10:45:55 +0800
Subject: [PATCH 7/7]  * finish task #3961.

---
 module/common/lang/zh-cn.php                  |   2 +-
 module/project/model.php                      |   8 +-
 module/story/view/view.html.php               |  80 ++++----
 module/testreport/control.php                 |   1 +
 module/testreport/view/blockbugs.html.php     |   2 +-
 module/testreport/view/blockbuilds.html.php   |   4 +-
 module/testreport/view/blockcases.html.php    |   6 +-
 .../testreport/view/blocklegacybugs.html.php  |   6 +-
 module/testreport/view/blockstories.html.php  |   6 +-
 module/testreport/view/browse.html.php        |  88 ++++----
 module/testreport/view/create.html.php        | 182 ++++++++---------
 module/testreport/view/edit.html.php          | 176 ++++++++--------
 module/testreport/view/view.html.php          | 188 +++++++++---------
 13 files changed, 372 insertions(+), 377 deletions(-)

diff --git a/module/common/lang/zh-cn.php b/module/common/lang/zh-cn.php
index 613a7b73ff..2c5f587224 100644
--- a/module/common/lang/zh-cn.php
+++ b/module/common/lang/zh-cn.php
@@ -241,7 +241,7 @@ $lang->project->subMenu->list->groupTask = '分组视图|project|groupTask|proje
 $lang->project->subMenu->qa = new stdclass();
 $lang->project->subMenu->qa->bug      = 'Bug|project|bug|projectID=%s';
 $lang->project->subMenu->qa->build    = '版本|project|build|projectID=%s';
-$lang->project->subMenu->qa->testtask = '测试单|project|testtask|projectID=%s';
+$lang->project->subMenu->qa->testtask = array('link' => '测试单|project|testtask|projectID=%s', 'subModule' => 'testreport');
 
 $lang->project->subMenu->action = new stdclass();
 $lang->project->subMenu->action->dynamic  = '动态|project|dynamic|projectID=%s';
diff --git a/module/project/model.php b/module/project/model.php
index c15a5e7127..99f9cf302a 100644
--- a/module/project/model.php
+++ b/module/project/model.php
@@ -127,13 +127,19 @@ class projectModel extends model
                 $replace   = "<ul class='dropdown-menu'>";
                 foreach($this->lang->project->subMenu->$key as $subMenuKey => $subMenuLink)
                 {
+                    $subModule = '';
+                    if(is_array($subMenuLink))
+                    {
+                        if(isset($subMenuLink['subModule'])) $subModule = $subMenuLink['subModule'];
+                        $subMenuLink = $subMenuLink['link'];
+                    }
                     list($subMenuName, $subMenuModule, $subMenuMethod, $subMenuParams) = explode('|', $subMenuLink);
                     if(!commonModel::hasPriv($subMenuModule, $subMenuMethod)) continue;
 
                     if(empty($dropTitle)) $dropTitle = $subMenuName;
 
                     $active = '';
-                    if($moduleName == $subMenuModule and $methodName == $subMenuMethod)
+                    if(($moduleName == $subMenuModule and $methodName == $subMenuMethod) or strpos(",$subModule,", ",$moduleName,") !== false)
                     {
                         $active    = "class='active'";
                         $dropTitle = $subMenuName;
diff --git a/module/story/view/view.html.php b/module/story/view/view.html.php
index 108582cdf3..955017a43f 100644
--- a/module/story/view/view.html.php
+++ b/module/story/view/view.html.php
@@ -317,54 +317,52 @@
 </div>
 
 <div id="mainActions">
-<?php common::printPreAndNext($preAndNext);?>
-<div class="btn-toolbar">
-  <?php if(!$story->deleted):?>
-  <?php
-  common::printIcon('story', 'change', "storyID=$story->id", $story);
-  common::printIcon('story', 'review', "storyID=$story->id", $story);
-  if($story->status != 'closed' and !isonlybody())
-  {
-      $misc = "class='btn' data-toggle='modal' data-type='iframe' data-width='95%'";
-      $link = $this->createLink('story', 'batchCreate', "productID=$story->product&branch=$story->branch&moduleID=$story->module&storyID=$story->id", '', true);
-      if(common::hasPriv('story', 'batchCreate')) echo html::a($link, "<i class='icon icon-sitemap'></i> " . $lang->story->subdivide, '', $misc);
-  }
+  <?php common::printPreAndNext($preAndNext);?>
+  <div class="btn-toolbar">
+    <?php common::printBack($browseLink);?>
+    <?php if(!$story->deleted):?>
+    <div class='divider'></div>
+    <?php
+    common::printIcon('story', 'change', "storyID=$story->id", $story);
+    common::printIcon('story', 'review', "storyID=$story->id", $story);
+    if($story->status != 'closed' and !isonlybody())
+    {
+        $misc = "class='btn' data-toggle='modal' data-type='iframe' data-width='95%'";
+        $link = $this->createLink('story', 'batchCreate', "productID=$story->product&branch=$story->branch&moduleID=$story->module&storyID=$story->id", '', true);
+        if(common::hasPriv('story', 'batchCreate')) echo html::a($link, "<i class='icon icon-sitemap'></i> " . $lang->story->subdivide, '', $misc);
+    }
 
-  common::printIcon('story', 'close',    "storyID=$story->id", $story, 'button', '', '', 'iframe', true);
-  common::printIcon('story', 'activate', "storyID=$story->id", $story, 'button', '', '', 'iframe', true);
+    common::printIcon('story', 'close',    "storyID=$story->id", $story, 'button', '', '', 'iframe', true);
+    common::printIcon('story', 'activate', "storyID=$story->id", $story, 'button', '', '', 'iframe', true);
 
-  if($this->config->global->flow != 'onlyStory' and !isonlybody() and (common::hasPriv('testcase', 'create') or common::hasPriv('testcase', 'batchCreate')))
-  {
-      $this->app->loadLang('testcase');
-      echo "<div class='btn-group dropup'>";
-      echo "<button type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown'><i class='icon icon-sitemap'></i> " . $lang->testcase->common . " <span class='caret'></span></button>";
-      echo "<ul class='dropdown-menu' id='createCaseActionMenu'>";
+    if($this->config->global->flow != 'onlyStory' and !isonlybody() and (common::hasPriv('testcase', 'create') or common::hasPriv('testcase', 'batchCreate')))
+    {
+        $this->app->loadLang('testcase');
+        echo "<div class='btn-group dropup'>";
+        echo "<button type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown'><i class='icon icon-sitemap'></i> " . $lang->testcase->common . " <span class='caret'></span></button>";
+        echo "<ul class='dropdown-menu' id='createCaseActionMenu'>";
 
-      $misc = "data-toggle='modal' data-type='iframe' data-width='95%'";
-      $link = $this->createLink('testcase', 'create', "productID=$story->product&branch=$story->branch&moduleID=0&from=&param=0&storyID=$story->id", '', true);
-      if(common::hasPriv('testcase', 'create', $story)) echo "<li>" . html::a($link, $lang->testcase->create, '', $misc) . "</li>";
+        $misc = "data-toggle='modal' data-type='iframe' data-width='95%'";
+        $link = $this->createLink('testcase', 'create', "productID=$story->product&branch=$story->branch&moduleID=0&from=&param=0&storyID=$story->id", '', true);
+        if(common::hasPriv('testcase', 'create', $story)) echo "<li>" . html::a($link, $lang->testcase->create, '', $misc) . "</li>";
 
-      $misc = "data-toggle='modal' data-type='iframe' data-width='95%'";
-      $link = $this->createLink('testcase', 'batchCreate', "productID=$story->product&branch=$story->branch&moduleID=0&storyID=$story->id", '', true);
-      if(common::hasPriv('testcase', 'batchCreate')) echo "<li>" . html::a($link, $lang->testcase->batchCreate, '', $misc) . "</li>";
+        $misc = "data-toggle='modal' data-type='iframe' data-width='95%'";
+        $link = $this->createLink('testcase', 'batchCreate', "productID=$story->product&branch=$story->branch&moduleID=0&storyID=$story->id", '', true);
+        if(common::hasPriv('testcase', 'batchCreate')) echo "<li>" . html::a($link, $lang->testcase->batchCreate, '', $misc) . "</li>";
 
-      echo "</ul>";
-      echo "</div>";
-  }
+        echo "</ul>";
+        echo "</div>";
+    }
 
-  if($from == 'project') common::printIcon('task', 'create', "project=$param&storyID=$story->id&moduleID=$story->module", $story, 'button', 'smile');
+    if($from == 'project') common::printIcon('task', 'create', "project=$param&storyID=$story->id&moduleID=$story->module", $story, 'button', 'smile');
 
-  echo "<div class='divider'></div>";
-  common::printIcon('story', 'edit', "storyID=$story->id", $story);
-  common::printIcon('story', 'create', "productID=$story->product&branch=$story->branch&moduleID=$story->module&storyID=$story->id", $story, 'button', 'copy');
-  common::printIcon('story', 'delete', "storyID=$story->id", $story, 'button', '', 'hiddenwin');
-
-  echo "<div class='divider'></div>";
-  common::printBack($browseLink);
-  ?>
-  <?php else:?>
-  <?php common::printBack($browseLink);?>
-  <?php endif;?>
+    echo "<div class='divider'></div>";
+    common::printIcon('story', 'edit', "storyID=$story->id", $story);
+    common::printIcon('story', 'create', "productID=$story->product&branch=$story->branch&moduleID=$story->module&storyID=$story->id", $story, 'button', 'copy');
+    common::printIcon('story', 'delete', "storyID=$story->id", $story, 'button', '', 'hiddenwin');
+    ?>
+    <?php endif;?>
+  </div>
 </div>
 <?php
 js::set('canCreate', common::hasPriv('story', 'story'));
diff --git a/module/testreport/control.php b/module/testreport/control.php
index 8e9896ccac..15e8521f50 100644
--- a/module/testreport/control.php
+++ b/module/testreport/control.php
@@ -452,6 +452,7 @@ class testreport extends control
         {
             $this->projects = $this->project->getPairs('nocode');
             $projectID      = $this->project->saveState($objectID, $this->projects);
+            $this->lang->testreport->dividerMenu = $this->lang->project->dividerMenu;
             $this->project->setMenu($this->projects, $projectID);
             $this->lang->testreport->menu = $this->lang->project->menu;
             $this->lang->testreport->menu->testtask['subModule'] = 'testreport';
diff --git a/module/testreport/view/blockbugs.html.php b/module/testreport/view/blockbugs.html.php
index 6cc987ac49..49ecd36b84 100644
--- a/module/testreport/view/blockbugs.html.php
+++ b/module/testreport/view/blockbugs.html.php
@@ -1,5 +1,5 @@
 <?php $sysURL = $this->session->notHead ? common::getSysURL() : '';?>
-<table class='table' id='bugs'>
+<table class='table main-table' id='bugs'>
   <thead>
     <tr>
       <th class='w-id'>   <?php echo $lang->idAB;?></th>
diff --git a/module/testreport/view/blockbuilds.html.php b/module/testreport/view/blockbuilds.html.php
index 5dff9a2689..d021be0a73 100644
--- a/module/testreport/view/blockbuilds.html.php
+++ b/module/testreport/view/blockbuilds.html.php
@@ -1,11 +1,11 @@
 <?php $sysURL = $this->session->notHead ? common::getSysURL() : '';?>
-<table class='table' id='builds'>
+<table class='table main-table' id='builds'>
   <thead>
     <tr>
       <th class='w-id'>  <?php echo $lang->build->id;?></th>
       <th>               <?php echo $lang->build->name;?></th>
       <th class='w-user'><?php echo $lang->build->builder;?></th>
-      <th class='w-date'><?php echo $lang->build->date;?></th>
+      <th class='w-100px'><?php echo $lang->build->date;?></th>
     </tr>
   </thead>
   <?php if($builds):?>
diff --git a/module/testreport/view/blockcases.html.php b/module/testreport/view/blockcases.html.php
index 968f68b911..1e26b5499b 100644
--- a/module/testreport/view/blockcases.html.php
+++ b/module/testreport/view/blockcases.html.php
@@ -1,5 +1,5 @@
 <?php $sysURL = $this->session->notHead ? common::getSysURL() : '';?>
-<table class='table' id='cases'>
+<table class='table main-table' id='cases'>
   <thead>
     <tr>
       <th class='w-id'>    <?php echo $lang->idAB;?></th>
@@ -8,9 +8,9 @@
       <th class='w-type'>  <?php echo $lang->testcase->type;?></th>
       <th class='w-user'>  <?php echo $lang->testtask->assignedTo;?></th>
       <th class='w-user'>  <?php echo $lang->testtask->lastRunAccount;?></th>
-      <th class='w-130px'> <?php echo $lang->testtask->lastRunTime;?></th>
+      <th class='w-150px'> <?php echo $lang->testtask->lastRunTime;?></th>
       <th class='w-80px'>  <?php echo $lang->testtask->lastRunResult;?></th>
-      <th class='w-status'><?php echo $lang->statusAB;?></th>
+      <th class='w-100px'><?php echo $lang->statusAB;?></th>
     </tr>
   </thead>
   <?php if($cases):?>
diff --git a/module/testreport/view/blocklegacybugs.html.php b/module/testreport/view/blocklegacybugs.html.php
index d80798283d..0e31c631a4 100644
--- a/module/testreport/view/blocklegacybugs.html.php
+++ b/module/testreport/view/blocklegacybugs.html.php
@@ -1,5 +1,5 @@
 <?php $sysURL = $this->session->notHead ? common::getSysURL() : '';?>
-<table class='table' id='legacyBugs'>
+<table class='table main-table' id='legacyBugs'>
   <thead>
     <tr>
       <th class='w-id'>   <?php echo $lang->idAB;?></th>
@@ -7,8 +7,8 @@
       <th>                <?php echo $lang->bug->title;?></th>
       <th class='w-user'> <?php echo $lang->openedByAB;?></th>
       <th class='w-user'> <?php echo $lang->bug->resolvedBy;?></th>
-      <th class='w-130px'><?php echo $lang->bug->resolvedDate;?></th>
-      <th class='w-80px'> <?php echo $lang->statusAB;?></th>
+      <th class='w-150px'><?php echo $lang->bug->resolvedDate;?></th>
+      <th class='w-100px'> <?php echo $lang->statusAB;?></th>
     </tr>
   </thead>
   <?php if($legacyBugs):?>
diff --git a/module/testreport/view/blockstories.html.php b/module/testreport/view/blockstories.html.php
index b153dd8b92..13b7c9bcd0 100644
--- a/module/testreport/view/blockstories.html.php
+++ b/module/testreport/view/blockstories.html.php
@@ -1,5 +1,5 @@
 <?php $sysURL = $this->session->notHead ? common::getSysURL() : '';?>
-<table class='table' id='stories'>
+<table class='table main-table' id='stories'>
   <thead>
     <tr>
       <th class='w-id'>  <?php echo $lang->idAB;?></th>
@@ -8,8 +8,8 @@
       <th class='w-user'><?php echo $lang->openedByAB;?></th>
       <th class='w-80px'><?php echo $lang->assignedToAB;?></th>
       <th class='w-hour'><?php echo $lang->story->estimateAB;?></th>
-      <th class='w-hour'><?php echo $lang->statusAB;?></th>
-      <th class='w-70px'><?php echo $lang->story->stageAB;?></th>
+      <th class='w-80px'><?php echo $lang->statusAB;?></th>
+      <th class='w-80px'><?php echo $lang->story->stageAB;?></th>
     </tr>
   </thead>
   <?php if($stories):?>
diff --git a/module/testreport/view/browse.html.php b/module/testreport/view/browse.html.php
index 606cc01237..961348fba0 100644
--- a/module/testreport/view/browse.html.php
+++ b/module/testreport/view/browse.html.php
@@ -11,51 +11,55 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<div id='titlebar'>
-  <div class='heading'>
-    <strong><?php echo $lang->testreport->browse;?></strong>
+<div id='mainMenu' class='clearfix'>
+  <div class='pull-left btn-toolbar'>
+    <span class='btn btn-link btn-active-text'><span class='text'><?php echo $lang->testreport->browse;?></span></span>
   </div>
 </div>
-<table class='table table-condensed table-hover table-striped tablesorter table-fixed table-selectable' id='reportList'>
-  <?php $vars = "objectID=$objectID&objectType=$objectType&extra=$extra&orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}";?>
-  <thead>
-    <tr>
-      <th class='w-id'>   <?php common::printOrderLink('id',          $orderBy, $vars, $lang->idAB);?></th>
-      <th>                <?php common::printOrderLink('title',       $orderBy, $vars, $lang->testreport->title);?></th>
-      <th class='w-user'> <?php common::printOrderLink('createdBy',   $orderBy, $vars, $lang->openedByAB);?></th>
-      <th class='w-120px'><?php common::printOrderLink('createdDate', $orderBy, $vars, $lang->testreport->createdDate);?></th>
-      <th class='w-250px'><?php common::printOrderLink('project',     $orderBy, $vars, $lang->testreport->project);?></th>
-      <th class='w-250px'><?php echo $lang->testreport->testtask;?></th>
-      <th class='w-60px'> <?php echo $lang->actions;?></th>
-    </tr>
-  </thead>
-  <?php if($reports):?>
-  <tbody class='text-center'>
-    <?php foreach($reports as $report):?>
-    <tr>
-      <td><?php echo $report->id?></td>
-      <td class='text-left' title='<?php $report->title?>'><?php echo html::a(inlink('view', "reportID=$report->id&from=$objectType"), $report->title)?></td>
-      <td><?php echo zget($users, $report->createdBy);?></td>
-      <td><?php echo substr($report->createdDate, 2);?></td>
-      <?php $projectName = '#' . $report->project . $projects[$report->project];?>
-      <td class='text-left' title='<?php echo $projectName?>'><?php echo $projectName;?></td>
-      <?php
-      $taskName = '';
-      foreach(explode(',', $report->tasks) as $taskID) $taskName .= '#' . $taskID . $tasks[$taskID] . ' ';
-      ?>
-      <td class='text-left' title='<?php echo $taskName?>'><?php echo $taskName;?></td>
-      <td>
+<div id='mainContent' class='main-content'>
+  <table class='table has-sort-head main-table table-fixed' id='reportList'>
+    <?php $vars = "objectID=$objectID&objectType=$objectType&extra=$extra&orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}";?>
+    <thead>
+      <tr>
+        <th class='w-id'>   <?php common::printOrderLink('id',          $orderBy, $vars, $lang->idAB);?></th>
+        <th>                <?php common::printOrderLink('title',       $orderBy, $vars, $lang->testreport->title);?></th>
+        <th class='w-user'> <?php common::printOrderLink('createdBy',   $orderBy, $vars, $lang->openedByAB);?></th>
+        <th class='w-150px'><?php common::printOrderLink('createdDate', $orderBy, $vars, $lang->testreport->createdDate);?></th>
+        <th class='w-250px'><?php common::printOrderLink('project',     $orderBy, $vars, $lang->testreport->project);?></th>
+        <th class='w-250px'><?php echo $lang->testreport->testtask;?></th>
+        <th class='w-80px'> <?php echo $lang->actions;?></th>
+      </tr>
+    </thead>
+    <?php if($reports):?>
+    <tbody class='text-center'>
+      <?php foreach($reports as $report):?>
+      <tr>
+        <td><?php echo $report->id?></td>
+        <td class='text-left' title='<?php $report->title?>'><?php echo html::a(inlink('view', "reportID=$report->id&from=$objectType"), $report->title)?></td>
+        <td><?php echo zget($users, $report->createdBy);?></td>
+        <td><?php echo substr($report->createdDate, 2);?></td>
+        <?php $projectName = '#' . $report->project . $projects[$report->project];?>
+        <td class='text-left' title='<?php echo $projectName?>'><?php echo $projectName;?></td>
         <?php
-        common::printIcon('testreport', 'edit', "id=$report->id", '', 'list');
-        common::printIcon('testreport', 'delete', "id=$report->id", '', 'list', 'remove', 'hiddenwin');
+        $taskName = '';
+        foreach(explode(',', $report->tasks) as $taskID) $taskName .= '#' . $taskID . $tasks[$taskID] . ' ';
         ?>
-      </td>
-    </tr>
-    <?php endforeach;?>
-  </tbody>
-  <tfoot><tr><td colspan='7'><?php $pager->show();?></td></tr></tfoot>
-  <?php else:?>
-  <tbody><tr><td colspan='7'><?php echo $lang->testreport->noReport;?></td></tr></tbody>
+        <td class='text-left' title='<?php echo $taskName?>'><?php echo $taskName;?></td>
+        <td class='c-actions'>
+          <?php
+          common::printIcon('testreport', 'edit', "id=$report->id", '', 'list');
+          common::printIcon('testreport', 'delete', "id=$report->id", '', 'list', 'trash', 'hiddenwin');
+          ?>
+        </td>
+      </tr>
+      <?php endforeach;?>
+    </tbody>
+    <?php else:?>
+    <tbody><tr><td colspan='7'><?php echo $lang->testreport->noReport;?></td></tr></tbody>
+    <?php endif;?>
+  </table>
+  <?php if($reports):?>
+  <div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
   <?php endif;?>
-</table>
+</div>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/testreport/view/create.html.php b/module/testreport/view/create.html.php
index ebeb8e5b4b..00655b9e72 100644
--- a/module/testreport/view/create.html.php
+++ b/module/testreport/view/create.html.php
@@ -14,101 +14,95 @@
 <?php include '../../common/view/datepicker.html.php';?>
 <?php include '../../common/view/kindeditor.html.php';?>
 <?php include '../../common/view/chart.html.php';?>
-<div class='container mw-1400px'>
-  <div id='titlebar'>
-    <div class='heading'>
-      <strong><small class='text-muted'><?php echo html::icon($lang->icons['create']);?></small> <?php echo $lang->testreport->create;?></strong>
+<div id='mainContent' class='main-content'>
+  <div class='center-block mw-1400px'>
+    <div class='main-header'>
+      <h2><?php echo $lang->testreport->create;?></h2>
+      <div class='pull-right btn-toolbar'><?php echo html::backButton();?></div>
     </div>
-    <div class='actions'>
-      <?php
-      echo html::backButton();
-      ?> 
-    </div>
-  </div>
-  <div class='main'>
-    <form class='form-condensed' method='post' enctype='multipart/form-data' target='hiddenwin'>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendBasic?></legend>
-      <table class='table table-form'>
-        <tr>
-          <th class='w-80px'><?php echo $lang->testreport->startEnd?></th>
-          <td class='w-p50'>
-            <div class='input-group'>
-              <?php echo html::input('begin', $begin, "class='form-control form-date'")?>
-              <span class='input-group-addon'> ~ </span>
-              <?php echo html::input('end', $end, "class='form-control form-date'")?>
-              <?php
-              echo html::hidden('product', $productIdList) . html::hidden('project', $project->id) . html::hidden('tasks', $tasks);
-              echo html::hidden('objectID', $objectID) . html::hidden('objectType', $objectType);
-              ?>
-            </div>
-          </td>
-          <td>
-            <div class='input-group'>
-              <span class='input-group-addon'><?php echo $lang->testreport->owner?></span>
-              <?php echo html::select('owner', $users, $owner, "class='form-control chosen'")?>
-            </div>
-          </td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->members?></th>
-          <td colspan='2'><?php echo html::select('members[]', $users, $members, "class='form-control chosen' multiple")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->title?></th>
-          <td colspan='2'><?php echo html::input('title', $reportTitle, "class='form-control'")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->goal?></th>
-          <td colspan='2'><?php echo $project->desc?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->profile?></th>
-          <td colspan='2'>
-          <?php
-          echo '<p>' . $storySummary . '</p>';
-          echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
-          echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
-          unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
-          ?>
-          </td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->report?></th>
-          <td colspan='2'><?php echo html::textarea('report', '', "class='form-control'")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->files?></th>
-          <td colspan='2'><?php echo $this->fetch('file', 'buildform');?></td>
-        </tr>
-        <tr>
-          <th></th>
-          <td><?php echo html::submitButton() . html::backButton();?></td>
-        </tr>
-      </table>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendStoryAndBug?></legend>
-      <?php include './blockstories.html.php'?>
-      <?php include './blockbugs.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendBuild?></legend>
-      <?php include './blockbuilds.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendCase?></legend>
-      <?php include './blockcases.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendLegacyBugs?></legend>
-      <?php include './blocklegacybugs.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendReport?></legend>
-      <?php include './blockbugreport.html.php'?>
-    </fieldset>
-  </form>
+    <form method='post' enctype='multipart/form-data' target='hiddenwin'>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendBasic?></div>
+        <table class='table table-form'>
+          <tr>
+            <th class='w-80px'><?php echo $lang->testreport->startEnd?></th>
+            <td class='w-p50'>
+              <div class='input-group'>
+                <?php echo html::input('begin', $begin, "class='form-control form-date'")?>
+                <span class='input-group-addon'> ~ </span>
+                <?php echo html::input('end', $end, "class='form-control form-date'")?>
+                <?php
+                echo html::hidden('product', $productIdList) . html::hidden('project', $project->id) . html::hidden('tasks', $tasks);
+                echo html::hidden('objectID', $objectID) . html::hidden('objectType', $objectType);
+                ?>
+              </div>
+            </td>
+            <td>
+              <div class='input-group'>
+                <span class='input-group-addon'><?php echo $lang->testreport->owner?></span>
+                <?php echo html::select('owner', $users, $owner, "class='form-control chosen'")?>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->members?></th>
+            <td colspan='2'><?php echo html::select('members[]', $users, $members, "class='form-control chosen' multiple")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->title?></th>
+            <td colspan='2'><?php echo html::input('title', $reportTitle, "class='form-control'")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->goal?></th>
+            <td colspan='2'><?php echo $project->desc?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->profile?></th>
+            <td colspan='2'>
+            <?php
+            echo '<p>' . $storySummary . '</p>';
+            echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
+            echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
+            unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
+            ?>
+            </td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->report?></th>
+            <td colspan='2'><?php echo html::textarea('report', '', "class='form-control'")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->files?></th>
+            <td colspan='2'><?php echo $this->fetch('file', 'buildform');?></td>
+          </tr>
+          <tr>
+            <th></th>
+            <td><?php echo html::submitButton() . html::backButton();?></td>
+          </tr>
+        </table>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendStoryAndBug?></div>
+        <?php include './blockstories.html.php'?>
+        <?php include './blockbugs.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendBuild?></div>
+        <?php include './blockbuilds.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendCase?></div>
+        <?php include './blockcases.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendLegacyBugs?></div>
+        <?php include './blocklegacybugs.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendReport?></div>
+        <?php include './blockbugreport.html.php'?>
+      </div>
+    </form>
   </div>
 </div>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/testreport/view/edit.html.php b/module/testreport/view/edit.html.php
index 8a1eda0b86..1b33d592b9 100644
--- a/module/testreport/view/edit.html.php
+++ b/module/testreport/view/edit.html.php
@@ -14,96 +14,94 @@
 <?php include '../../common/view/datepicker.html.php';?>
 <?php include '../../common/view/kindeditor.html.php';?>
 <?php include '../../common/view/chart.html.php';?>
-<div class='container mw-1400px'>
-  <div id='titlebar'>
-    <div class='heading'>
-      <strong><small class='text-muted'><?php echo html::icon($lang->icons['edit']);?></small> <?php echo $lang->testreport->edit;?></strong>
+<div id='mainContent' class='main-content'>
+  <div class='center-block mw-1400px'>
+    <div class='main-header'>
+      <h2><?php echo $lang->testreport->edit;?></h2>
+      <div class='btn-toolbar pull-right'><?php echo html::backButton();?></div>
     </div>
-    <div class='actions'><?php echo html::backButton();?></div>
-  </div>
-  <div class='main'>
-    <form class='form-condensed' method='post' enctype='multipart/form-data' target='hiddenwin'>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendBasic?></legend>
-      <table class='table table-form'>
-        <tr>
-          <th class='w-80px'><?php echo $lang->testreport->startEnd?></th>
-          <td class='w-p50'>
-            <div class='input-group'>
-              <?php echo html::input('begin', $report->begin, "class='form-control form-date'")?>
-              <span class='input-group-addon'> ~ </span>
-              <?php echo html::input('end', $report->end, "class='form-control form-date'")?>
-              <?php
-              echo html::hidden('product', $productIdList) . html::hidden('project', $report->project) . html::hidden('tasks', $tasks);
-              ?>
-            </div>
-          </td>
-          <td>
-            <div class='input-group'>
-              <span class='input-group-addon'><?php echo $lang->testreport->owner?></span>
-              <?php echo html::select('owner', $users, $report->owner, "class='form-control chosen'")?>
-            </div>
-          </td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->members?></th>
-          <td colspan='2'><?php echo html::select('members[]', $users, $report->members, "class='form-control chosen' multiple")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->title?></th>
-          <td colspan='2'><?php echo html::input('title', $report->title, "class='form-control'")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->goal?></th>
-          <td colspan='2'><?php echo $project->desc?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->profile?></th>
-          <td colspan='2'>
-          <?php
-          echo '<p>' . $storySummary . '</p>';
-          echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
-          echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
-          unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
-          ?>
-          </td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->testreport->report?></th>
-          <td colspan='2'><?php echo html::textarea('report', $report->report, "class='form-control'")?></td>
-        </tr>
-        <tr>
-          <th><?php echo $lang->files?></th>
-          <td colspan='2'><?php echo $this->fetch('file', 'buildform');?></td>
-        </tr>
-        <tr>
-          <th></th>
-          <td><?php echo html::submitButton() . html::backButton();?></td>
-        </tr>
-      </table>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendStoryAndBug?></legend>
-      <?php include './blockstories.html.php'?>
-      <?php include './blockbugs.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendBuild?></legend>
-      <?php include './blockbuilds.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendCase?></legend>
-      <?php include './blockcases.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendLegacyBugs?></legend>
-      <?php include './blocklegacybugs.html.php'?>
-    </fieldset>
-    <fieldset>
-      <legend><?php echo $lang->testreport->legendReport?></legend>
-      <?php include './blockbugreport.html.php'?>
-    </fieldset>
-  </form>
+    <form method='post' enctype='multipart/form-data' target='hiddenwin'>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendBasic?></div>
+        <table class='table table-form'>
+          <tr>
+            <th class='w-80px'><?php echo $lang->testreport->startEnd?></th>
+            <td class='w-p50'>
+              <div class='input-group'>
+                <?php echo html::input('begin', $report->begin, "class='form-control form-date'")?>
+                <span class='input-group-addon'> ~ </span>
+                <?php echo html::input('end', $report->end, "class='form-control form-date'")?>
+                <?php
+                echo html::hidden('product', $productIdList) . html::hidden('project', $report->project) . html::hidden('tasks', $tasks);
+                ?>
+              </div>
+            </td>
+            <td>
+              <div class='input-group'>
+                <span class='input-group-addon'><?php echo $lang->testreport->owner?></span>
+                <?php echo html::select('owner', $users, $report->owner, "class='form-control chosen'")?>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->members?></th>
+            <td colspan='2'><?php echo html::select('members[]', $users, $report->members, "class='form-control chosen' multiple")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->title?></th>
+            <td colspan='2'><?php echo html::input('title', $report->title, "class='form-control'")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->goal?></th>
+            <td colspan='2'><?php echo $project->desc?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->profile?></th>
+            <td colspan='2'>
+            <?php
+            echo '<p>' . $storySummary . '</p>';
+            echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
+            echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
+            unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
+            ?>
+            </td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->testreport->report?></th>
+            <td colspan='2'><?php echo html::textarea('report', $report->report, "class='form-control'")?></td>
+          </tr>
+          <tr>
+            <th><?php echo $lang->files?></th>
+            <td colspan='2'><?php echo $this->fetch('file', 'buildform');?></td>
+          </tr>
+          <tr>
+            <th></th>
+            <td><?php echo html::submitButton() . html::backButton();?></td>
+          </tr>
+        </table>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendStoryAndBug?></div>
+        <?php include './blockstories.html.php'?>
+        <?php include './blockbugs.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendBuild?></div>
+        <?php include './blockbuilds.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendCase?></div>
+        <?php include './blockcases.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendLegacyBugs?></div>
+        <?php include './blocklegacybugs.html.php'?>
+      </div>
+      <div class='detail'>
+        <div class='detail-title'><?php echo $lang->testreport->legendReport?></div>
+        <?php include './blockbugreport.html.php'?>
+      </div>
+    </form>
   </div>
 </div>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/testreport/view/view.html.php b/module/testreport/view/view.html.php
index 6fa20014e6..40f5a6ecb6 100644
--- a/module/testreport/view/view.html.php
+++ b/module/testreport/view/view.html.php
@@ -13,108 +13,102 @@
 <?php if(!$this->session->notHead):?>
 <?php include '../../common/view/header.html.php';?>
 <?php include '../../common/view/chart.html.php';?>
-<div class='container mw-1400px'>
-  <div id='titlebar'>
-    <div class='heading'>
-      <span class='prefix'><strong><?php echo $report->id;?></strong></span>
-      <strong><?php echo $report->title;?></strong>
-    </div>
-    <div class='actions'>
-      <?php
-      $browseLink  = $this->session->reportList != false ? $app->session->reportList : $browseLink;
-      $actionLinks = '';
-      ob_start();
-
-      echo "<div class='btn-group'>";
-      if(common::hasPriv('testreport', 'create')) echo html::a(inLink('create', "objectID=$report->objectID&objectType=$report->objectType"),  "<i class='icon-refresh'></i>", '', "class='btn' title='{$lang->testreport->recreate}'");
-      common::printIcon('testreport', 'edit', "reportID=$report->id", '', 'button');
-      common::printIcon('testreport', 'delete', "reportID=$report->id", '', 'button', '', 'hiddenwin');
-      echo '</div>';
-
-      echo "<div class='btn-group'>";
-      common::printRPN($browseLink);
-      echo '</div>';
-
-      $actionLinks = ob_get_contents();
-      ob_end_clean();
-      echo $actionLinks;
-      ?>
+<div id='mainMenu' class='clearfix'>
+  <div class='btn-toolbar pull-left'>
+    <?php $browseLink  = $this->session->reportList != false ? $app->session->reportList : $browseLink;?>
+    <?php echo html::a($browseLink, "<i class='icon icon-back icon-sm'></i>" . $lang->goback, '', "class='btn btn-link'");?>
+    <div class='divider'></div>
+    <div class='page-title'>
+      <span class='label label-id'><?php echo $report->id;?></span>
+      <span class='text'><?php echo $report->title;?></span>
     </div>
   </div>
-  <?php endif;?>
-  <div class='main'>
-    <ul class='nav nav-tabs'>
-      <li class='active'><?php echo html::a('###', $lang->testreport->legendBasic, '', "data-toggle='tab' data-target='#basic'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendStoryAndBug, '', "data-toggle='tab' data-target='#storyAndBug'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendBuild, '', "data-toggle='tab' data-target='#tabBuild'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendCase, '', "data-toggle='tab' data-target='#tabCase'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendLegacyBugs, '', "data-toggle='tab' data-target='#tabLegacyBugs'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendReport, '', "data-toggle='tab' data-target='#tabReport'")?></li>
-      <li><?php echo html::a('###', $lang->testreport->legendComment, '', "data-toggle='tab' data-target='#tabComment'")?></li>
-      <?php if(!$this->session->notHead):?>
-      <li><?php echo html::a('###', $lang->history, '', "data-toggle='tab' data-target='#tabHistory'")?></li>
-      <?php if($this->app->user->admin):?>
-      <li><?php echo html::a('###', $lang->testreport->legendMore, '', "data-toggle='tab' data-target='#tabMore'")?></li>
-      <?php endif;?>
-      <?php endif;?>
-    </ul>
-    <div class='tab-content'>
-      <div class='tab-pane' id='basic'>
-        <table class='table table-form'>
-          <tr>
-            <th class='w-100px'><?php echo $lang->testreport->startEnd?></th>
-            <td class='w-p50'> <?php echo $report->begin . ' ~ ' . $report->end;?></td>
-            <td></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->testreport->owner?></th>
-            <td><?php echo zget($users, $report->owner);?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->testreport->members?></th>
-            <td colspan='2'><?php foreach(explode(',', $report->members) as $member)echo zget($users, $member) . ' &nbsp; ';?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->testreport->goal?></th>
-            <td colspan='2'><?php echo $project->desc?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->testreport->profile?></th>
-            <td colspan='2'>
-            <?php
-            echo '<p>' . $storySummary . '</p>';
-            echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
-            echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
-            unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
-            ?>
-            </td>
-          </tr>
-          <?php if(!$this->session->notHead):?>
-          <tr>
-            <th><?php echo $lang->files?></th>
-            <td><?php echo $this->fetch('file', 'printFiles', array('files' => $report->files, 'fieldset' => 'false'));?></td>
-          </tr>
-          <?php endif;?>
-        </table>
-      </div>
-      <div class='tab-pane' id='storyAndBug'>
-        <?php include './blockstories.html.php'?>
-        <?php include './blockbugs.html.php'?>
-      </div>
-      <div class='tab-pane' id='tabBuild'><?php include './blockbuilds.html.php'?></div>
-      <div class='tab-pane' id='tabCase'><?php include './blockcases.html.php'?></div>
-      <div class='tab-pane' id='tabLegacyBugs'><?php include './blocklegacybugs.html.php'?></div>
-      <div class='tab-pane active' id='tabReport'><?php include './blockbugreport.html.php'?></div>
-      <div class='tab-pane' id='tabComment'><div class='article-content'><?php echo empty($report->report) ? $lang->testreport->none : $report->report;?></div></div>
-      <?php if(!$this->session->notHead):?>
-      <div class='tab-pane' id='tabHistory'><?php include '../../common/view/action.html.php';?></div>
-      <?php if($this->app->user->admin):?>
-      <div class='tab-pane' id='tabMore'><div class='article-content'><?php echo $lang->testreport->moreNotice;?></div></div>
-      <?php endif;?>
-      <?php endif;?>
+</div>
+<?php endif;?>
+<div id='mainContent' class='main-content'>
+  <ul class='nav nav-tabs'>
+    <li class='active'><?php echo html::a('###', $lang->testreport->legendBasic, '', "data-toggle='tab' data-target='#basic'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendStoryAndBug, '', "data-toggle='tab' data-target='#storyAndBug'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendBuild, '', "data-toggle='tab' data-target='#tabBuild'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendCase, '', "data-toggle='tab' data-target='#tabCase'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendLegacyBugs, '', "data-toggle='tab' data-target='#tabLegacyBugs'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendReport, '', "data-toggle='tab' data-target='#tabReport'")?></li>
+    <li><?php echo html::a('###', $lang->testreport->legendComment, '', "data-toggle='tab' data-target='#tabComment'")?></li>
+    <?php if(!$this->session->notHead):?>
+    <li><?php echo html::a('###', $lang->history, '', "data-toggle='tab' data-target='#tabHistory'")?></li>
+    <?php if($this->app->user->admin):?>
+    <li><?php echo html::a('###', $lang->testreport->legendMore, '', "data-toggle='tab' data-target='#tabMore'")?></li>
+    <?php endif;?>
+    <?php endif;?>
+  </ul>
+  <div class='tab-content'>
+    <div class='tab-pane' id='basic'>
+      <table class='table table-form'>
+        <tr>
+          <th class='w-100px'><?php echo $lang->testreport->startEnd?></th>
+          <td class='w-p50'> <?php echo $report->begin . ' ~ ' . $report->end;?></td>
+          <td></td>
+        </tr>
+        <tr>
+          <th><?php echo $lang->testreport->owner?></th>
+          <td><?php echo zget($users, $report->owner);?></td>
+        </tr>
+        <tr>
+          <th><?php echo $lang->testreport->members?></th>
+          <td colspan='2'><?php foreach(explode(',', $report->members) as $member)echo zget($users, $member) . ' &nbsp; ';?></td>
+        </tr>
+        <tr>
+          <th><?php echo $lang->testreport->goal?></th>
+          <td colspan='2'><?php echo $project->desc?></td>
+        </tr>
+        <tr>
+          <th><?php echo $lang->testreport->profile?></th>
+          <td colspan='2'>
+          <?php
+          echo '<p>' . $storySummary . '</p>';
+          echo '<p>' . sprintf($lang->testreport->buildSummary, empty($builds) ? 1 : count($builds)) . $caseSummary . '</p>';
+          echo '<p>' . sprintf($lang->testreport->bugSummary, $bugInfo['foundBugs'], count($legacyBugs), $bugInfo['countBugByTask'], $bugInfo['bugConfirmedRate'] . '%', $bugInfo['bugCreateByCaseRate'] . '%') . '</p>';
+          unset($bugInfo['countBugByTask']); unset($bugInfo['bugConfirmedRate']); unset($bugInfo['bugCreateByCaseRate']); unset($bugInfo['foundBugs']);
+          ?>
+          </td>
+        </tr>
+        <?php if(!$this->session->notHead):?>
+        <tr>
+          <th><?php echo $lang->files?></th>
+          <td><?php echo $this->fetch('file', 'printFiles', array('files' => $report->files, 'fieldset' => 'false'));?></td>
+        </tr>
+        <?php endif;?>
+      </table>
     </div>
+    <div class='tab-pane' id='storyAndBug'>
+      <?php include './blockstories.html.php'?>
+      <?php include './blockbugs.html.php'?>
+    </div>
+    <div class='tab-pane' id='tabBuild'><?php include './blockbuilds.html.php'?></div>
+    <div class='tab-pane' id='tabCase'><?php include './blockcases.html.php'?></div>
+    <div class='tab-pane' id='tabLegacyBugs'><?php include './blocklegacybugs.html.php'?></div>
+    <div class='tab-pane active' id='tabReport'><?php include './blockbugreport.html.php'?></div>
+    <div class='tab-pane' id='tabComment'><div class='article-content'><?php echo empty($report->report) ? $lang->testreport->none : $report->report;?></div></div>
+    <?php if(!$this->session->notHead):?>
+    <div class='tab-pane' id='tabHistory'><?php include '../../common/view/action.html.php';?></div>
+    <?php if($this->app->user->admin):?>
+    <div class='tab-pane' id='tabMore'><div class='article-content'><?php echo $lang->testreport->moreNotice;?></div></div>
+    <?php endif;?>
+    <?php endif;?>
   </div>
+</div>
 <?php if(!$this->session->notHead):?>
+<div id='mainActions'>
+  <nav class='container'></nav>
+  <div class='btn-toolbar'>
+    <?php common::printBack($browseLink);?>
+    <div class='divider'></div>
+    <?php
+    if(common::hasPriv('testreport', 'create')) echo html::a(inLink('create', "objectID=$report->objectID&objectType=$report->objectType"),  "<i class='icon-refresh'></i>", '', "class='btn' title='{$lang->testreport->recreate}'");
+    common::printIcon('testreport', 'edit', "reportID=$report->id", '', 'button');
+    common::printIcon('testreport', 'delete', "reportID=$report->id", '', 'button', '', 'hiddenwin');
+    ?>
+  </div>
 </div>
 <?php include '../../common/view/footer.html.php';?>
 <?php endif;?>