diff --git a/module/common/lang/en.php b/module/common/lang/en.php
index bf3f0a738c..cc4bbc17fb 100644
--- a/module/common/lang/en.php
+++ b/module/common/lang/en.php
@@ -546,7 +546,7 @@ $lang->icons['report']             = 'bar-chart';
 $lang->icons['export']             = 'download-alt';
 $lang->icons['report-file']        = 'file-powerpoint';
 $lang->icons['import']             = 'upload-alt';
-$lang->icons['finish']             = 'ok-sign';
+$lang->icons['finish']             = 'checked';
 $lang->icons['resolve']            = 'ok-sign';
 $lang->icons['start']              = 'play';
 $lang->icons['restart']            = 'play';
diff --git a/module/common/lang/zh-cn.php b/module/common/lang/zh-cn.php
index d777813d8c..682cfcf672 100644
--- a/module/common/lang/zh-cn.php
+++ b/module/common/lang/zh-cn.php
@@ -215,7 +215,6 @@ $lang->release->menu     = $lang->product->menu;
 $lang->project = new stdclass();
 $lang->project->menu = new stdclass();
 
-$lang->project->menu->list     = array('link' => '%s', 'fixed' => true);
 $lang->project->menu->task     = array('link' => '任务|project|task|projectID=%s', 'subModule' => 'task,tree', 'alias' => 'grouptask,importtask,burn,importbug,kanban,printkanban,tree');
 $lang->project->menu->story    = array('link' => '需求|project|story|projectID=%s', 'subModule' => 'story', 'alias' => 'linkstory,storykanban');
 $lang->project->menu->bug      = 'Bug|project|bug|projectID=%s';
@@ -226,9 +225,6 @@ $lang->project->menu->team     = array('link' => '团队|project|team|projectID=
 $lang->project->menu->doc      = array('link' => '文档|doc|objectLibs|type=project&objectID=%s&from=project', 'subModule' => 'doc');
 $lang->project->menu->product  = $lang->productCommon . '|project|manageproducts|projectID=%s';
 $lang->project->menu->view     = array('link' => '概况|project|view|projectID=%s', 'alias' => 'edit,start,suspend,putoff,close');
-$lang->project->menu->create   = array('link' => "<i class='icon-plus'></i>&nbsp;添加{$lang->projectCommon}|project|create", 'float' => 'right');
-$lang->project->menu->all      = array('link' => "<i class='icon-th-large'></i>&nbsp;所有{$lang->projectCommon}|project|all|status=undone&projectID=%s", 'float' => 'right');
-$lang->project->menu->index    = array('link' => "<i class='icon-home'></i>{$lang->projectCommon}主页|project|index|locate=no", 'float' => 'right');
 
 $lang->task  = new stdclass();
 $lang->build = new stdclass();
@@ -542,7 +538,7 @@ $lang->icons['report']             = 'bar-chart';
 $lang->icons['export']             = 'download-alt';
 $lang->icons['report-file']        = 'file-powerpoint';
 $lang->icons['import']             = 'upload-alt';
-$lang->icons['finish']             = 'ok-sign';
+$lang->icons['finish']             = 'checked';
 $lang->icons['resolve']            = 'ok-sign';
 $lang->icons['start']              = 'play';
 $lang->icons['restart']            = 'play';
diff --git a/module/file/view/printfiles.html.php b/module/file/view/printfiles.html.php
index ee097a8881..8b1dc23893 100644
--- a/module/file/view/printfiles.html.php
+++ b/module/file/view/printfiles.html.php
@@ -1,13 +1,13 @@
+<?php if($files):?>
 <?php
 $sessionString  = $config->requestType == 'PATH_INFO' ? '?' : '&';
 $sessionString .= session_name() . '=' . session_id();
 ?>
-<?php if($files):?>
 <?php if($fieldset == 'true'):?>
-<fieldset>
-  <legend><?php echo $lang->file->common;?></legend>
-<?php endif;?>
 <div class="detail">
+  <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;?>
   <script language='Javascript'>
   $(function(){
        $(".edit").modalTrigger({width:350, type:'iframe'});
@@ -39,8 +39,6 @@ $sessionString .= session_name() . '=' . session_id();
       return false;
   }
   </script>
-  <div class="detail-title"><?php echo $lang->file->common;?> <i class="icon icon-paper-clip icon-sm"></i></div>
-  <div class="detail-content">
     <ul class="files-list">
       <?php
       foreach($files as $file)
@@ -89,7 +87,8 @@ $sessionString .= session_name() . '=' . session_id();
       }
       ?>
     </ul>
+<?php if($fieldset == 'true'):?>
   </div>
 </div>
-<?php if($fieldset == 'true') echo '</fieldset>';?>
+<?php endif;?>
 <?php endif;?>
diff --git a/module/product/model.php b/module/product/model.php
index 4893e259c8..f6ddbf238e 100644
--- a/module/product/model.php
+++ b/module/product/model.php
@@ -90,9 +90,12 @@ class productModel extends model
         setCookie("lastProduct", $productID, $this->config->cookieLife, $this->config->webRoot);
         $currentProduct = $this->getById($productID);
         $this->session->set('currentProductType', $currentProduct->type);
-        $output  = "<div class='btn-group angle-btn'><div class='btn-group'><button data-toggle='dropdown' type='button' class='btn btn-limit' id='currentItem' onclick=\"javascript:showSearchMenu('product', '$productID', '$currentModule', '$currentMethod', '$extra')\">{$currentProduct->name} <span class='caret'></span></button><div id='dropMenu' class='dropdown-menu search-list' data-ride='searchList'><i class='icon icon-spin icon-spinner'></i></div></div>";
-        if($isMobile) $output  = "<a id='currentItem' href=\"javascript:showSearchMenu('product', '$productID', '$currentModule', '$currentMethod', '$extra')\">{$currentProduct->name} <span class='icon-caret-down'></span></a><div id='currentItemDropMenu' class='hidden affix enter-from-bottom layer'></div>";
+
+        $output = "<div class='btn-group angle-btn'><div class='btn-group'><button data-toggle='dropdown' type='button' class='btn btn-limit' id='currentItem' onclick=\"javascript:showSearchMenu('product', '$productID', '$currentModule', '$currentMethod', '$extra')\">{$currentProduct->name} <span class='caret'></span></button><div id='dropMenu' class='dropdown-menu search-list' data-ride='searchList'><i class='icon icon-spin icon-spinner'></i></div></div>";
+        if($isMobile) $output = "<a id='currentItem' href=\"javascript:showSearchMenu('product', '$productID', '$currentModule', '$currentMethod', '$extra')\">{$currentProduct->name} <span class='icon-caret-down'></span></a><div id='currentItemDropMenu' class='hidden affix enter-from-bottom layer'></div>";
+
         if($currentProduct->type == 'normal') unset($this->lang->product->menu->branch);
+
         if($currentProduct->type != 'normal')
         {
             $this->lang->product->branch = sprintf($this->lang->product->branch, $this->lang->product->branchName[$currentProduct->type]);
diff --git a/module/project/lang/zh-cn.php b/module/project/lang/zh-cn.php
index 49fea0814b..16acdd523c 100644
--- a/module/project/lang/zh-cn.php
+++ b/module/project/lang/zh-cn.php
@@ -100,7 +100,7 @@ $lang->project->aclList['private'] = "私有{$lang->projectCommon}(只有{$lang-
 $lang->project->aclList['custom']  = "自定义白名单(团队成员和白名单的成员可以访问)";
 
 /* 方法列表。*/
-$lang->project->index             = "{$lang->projectCommon}首页";
+$lang->project->index             = "{$lang->projectCommon}主页";
 $lang->project->task              = '任务列表';
 $lang->project->groupTask         = '分组浏览任务';
 $lang->project->story             = '需求列表';
diff --git a/module/project/model.php b/module/project/model.php
index 995250acfb..f8702ab304 100644
--- a/module/project/model.php
+++ b/module/project/model.php
@@ -100,9 +100,18 @@ class projectModel extends model
         }
 
         $selectHtml = $this->select($projects, $projectID, $moduleName, $methodName, $extra);
+
+        $projectIndex  = '<div class="btn-group angle-btn"><div class="btn-group"><button data-toggle="dropdown" type="button" class="btn">' . $this->lang->project->index . ' <span class="caret"></span></button>';
+        $projectIndex .= '<ul class="dropdown-menu">';
+        if(common::hasPriv('project', 'all')) $projectIndex .= '<li>' . html::a(helper::createLink('product', 'all'), '<i class="icon icon-cards-view"></i> ' . $this->lang->project->all) . '</li>';
+        if(common::hasPriv('project', 'create')) $projectIndex .= '<li>' . html::a(helper::createLink('product', 'create'), '<i class="icon icon-plus"></i> ' . $this->lang->project->create) . '</li>';
+        $projectIndex .= '</ul></div></div>';
+        $projectIndex .= $selectHtml;
+
+        $this->lang->modulePageNav = $projectIndex;
         foreach($this->lang->project->menu as $key => $menu)
         {
-            $replace = $key == 'list' ? $selectHtml : $projectID;
+            $replace = $projectID;
             common::setMenuVars($this->lang->project->menu, $key,  $replace);
         }
     }
@@ -126,7 +135,7 @@ class projectModel extends model
 
         setCookie("lastProject", $projectID, $this->config->cookieLife, $this->config->webRoot);
         $currentProject = $this->getById($projectID);
-        $output = "<a id='currentItem' href=\"javascript:showSearchMenu('project', '$projectID', '$currentModule', '$currentMethod', '$extra')\">{$currentProject->name} <span class='icon-caret-down'></span></a><div id='dropMenu'><i class='icon icon-spin icon-spinner'></i></div>";
+        $output = "<div class='btn-group angle-btn'><div class='btn-group'><button data-toggle='dropdown' type='button' class='btn btn-limit' id='currentItem' onclick=\"javascript:showSearchMenu('project', '$projectID', '$currentModule', '$currentMethod', '$extra')\">{$currentProject->name} <span class='caret'></span></button><div id='dropMenu' class='dropdown-menu search-list' data-ride='searchList'><i class='icon icon-spin icon-spinner'></i></div></div></div>";
         if($isMobile) $output  = "<a id='currentItem' href=\"javascript:showSearchMenu('project', '$projectID', '$currentModule', '$currentMethod', '$extra')\">{$currentProject->name} <span class='icon-caret-down'></span></a><div id='currentItemDropMenu' class='hidden affix enter-from-bottom layer'></div>";
         return $output;
     }
diff --git a/module/task/view/view.html.php b/module/task/view/view.html.php
index 7aa2f8a765..03eb00ef91 100644
--- a/module/task/view/view.html.php
+++ b/module/task/view/view.html.php
@@ -12,131 +12,96 @@
 ?>
 <?php include '../../common/view/header.html.php';?>
 <?php include '../../common/view/kindeditor.html.php';?>
-<div id='titlebar'>
-  <div class='heading'>
-    <span class='prefix'><?php echo html::icon($lang->icons['task']);?> <strong><?php echo $task->id;?></strong></span>
-    <strong style='color: <?php echo $task->color;?>'>
-      <?php if(!empty($task->parent)) echo '<span class="label">' . $this->lang->task->childrenAB . '</span> ';?>
-      <?php if(!empty($task->team)) echo '<span class="label">' . $this->lang->task->multipleAB . '</span> ';?>
-      <?php echo isset($task->parentName) ? $task->parentName . '/' : '';?><?php echo $task->name;?>
-    </strong>
-    <?php if($task->deleted):?>
-    <span class='label label-danger'><?php echo $lang->task->deleted;?></span>
-    <?php endif;?>
-    <?php if($task->fromBug != 0):?>
-    <small><?php echo html::icon($lang->icons['bug']) . " {$lang->task->fromBug}$lang->colon$task->fromBug";?></small>
-    <?php endif;?>
-  </div>
-  <div class='actions'>
-    <?php
-    $browseLink  = $app->session->taskList != false ? $app->session->taskList : $this->createLink('project', 'browse', "projectID=$task->project");
-    $actionLinks = '';
-    if(!$task->deleted)
-    {
-        ob_start();
-        echo "<div class='btn-group'>";
-        common::printIcon('task', 'assignTo',       "projectID=$task->project&taskID=$task->id", $task, 'button', '', '', 'iframe', true, '', empty($task->team) ? $lang->task->assignTo : $lang->task->transfer);
-        common::printIcon('task', 'start',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        common::printIcon('task', 'restart',        "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        common::printIcon('task', 'recordEstimate', "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        common::printIcon('task', 'pause',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        common::printIcon('task', 'finish',         "taskID=$task->id", $task, 'button', '', '', 'iframe showinonlybody text-success', true);
-        common::printIcon('task', 'close',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        common::printIcon('task', 'activate',       "taskID=$task->id", $task, 'button', '', '', 'iframe text-success', true);
-        common::printIcon('task', 'cancel',         "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
-        echo '</div>';
-
-        echo "<div class='btn-group'>";
-        if(empty($task->team) or empty($task->children)) common::printIcon('task', 'batchCreate',    "project=$task->project&storyID=$task->story&moduleID=$task->module&taskID=$task->id", $task, 'button','plus','','','','',' ');
-        common::printIcon('task', 'edit', "taskID=$task->id", $task);
-        common::printCommentIcon('task', $task);
-        common::printIcon('task', 'create', "productID=0&storyID=0&moduleID=0&taskID=$task->id", $task, 'button', 'copy');
-        common::printIcon('task', 'delete', "projectID=$task->project&taskID=$task->id", $task);
-        echo '</div>';
-
-        echo "<div class='btn-group'>";
-        if(!empty($task->parent)) echo html::a(helper::createLink('task', 'view', "taskID=$task->parent"), "<i class='icon-pre icon-double-angle-left'></i>", '', "class='btn' title='{$lang->task->parent}'");
-        common::printRPN($browseLink, $preAndNext);
-        echo '</div>';
-
-        $actionLinks = ob_get_contents();
-        ob_end_clean();
-        echo $actionLinks;
-    }
-    else
-    {
-        common::printRPN($browseLink);
-    }
-    ?>
-  </div>
-</div>
-<div class='row-table'>
-  <div class='col-main'>
-    <div class='main'>
-      <fieldset>
-        <legend><?php echo $lang->task->legendDesc;?></legend>
-        <div class='article-content'><?php echo $task->desc;?></div>
-      </fieldset>
-      <?php if($project->type != 'ops'):?>
-      <?php if($task->fromBug != 0):?>
-      <fieldset>
-        <legend><?php echo $lang->bug->steps;?></legend>
-        <div class='article-content'><?php echo $task->bugSteps;?></div>
-      </fieldset>
-      <?php else:?>
-      <fieldset>
-        <legend><?php echo $lang->task->storySpec;?></legend>
-        <div class='article-content'><?php echo $task->storySpec;?></div>
-        <?php echo $this->fetch('file', 'printFiles', array('files' => $task->storyFiles, 'fieldset' => 'false'));?>
-      </fieldset>
-      <fieldset>
-        <legend><?php echo $lang->task->storyVerify;?></legend>
-        <div class='article-content'><?php echo $task->storyVerify;?></div>
-      </fieldset>
-      <?php endif;?>
-      <?php if(isset($task->cases) and $task->cases):?>
-      <fieldset>
-        <legend><?php echo $lang->task->case;?></legend>
-        <div class='article-content'>
-          <ul class='list-unstyled'>
-          <?php foreach($task->cases as $caseID => $case) echo '<li>' . html::a($this->createLink('testcase', 'view', "caseID=$caseID", '', true), "#$caseID " . $case, '', "data-toggle='modal' data-type='iframe' data-width='90%'") . '</li>';?>
-          </ul>
-        </div>
-      </fieldset>
-      <?php endif;?>
-      <?php endif;?>
-      <?php if(!empty($task->children)):?>
-      <fieldset>
-        <legend><?php echo $this->lang->task->children;?></legend>
-        <table class='table table-hover table-data table-fixed'>
-          <tr class='text-center'>
-            <th class='w-60px'> <?php echo $lang->task->id;?></th>
-            <th class='w-40px'> <?php echo $lang->task->lblPri;?></th>
-            <th>                <?php echo $lang->task->name;?></th>
-            <th class='w-100px'><?php echo $lang->task->deadline;?></th>
-            <th class='w-80px'> <?php echo $lang->task->assignedTo;?></th>
-            <th class='w-90px'> <?php echo $lang->task->status;?></th>
-            <th class='w-50px visible-lg'><?php echo $lang->task->consumedAB . $lang->task->lblHour;?></th>
-            <th class='w-50px visible-lg'><?php echo $lang->task->leftAB . $lang->task->lblHour;?></th>
-            <th class='w-150px'><?php echo $lang->actions;?></th>
-          </tr>
-            <?php foreach($task->children as $child):?>
-              <tr class='text-center'>
-                <td><?php echo $child->id;?></td>
-                <td>
-                  <?php
-                  echo "<span class='pri" . zget($this->lang->task->priList, $child->pri, $child->pri) . "'>";
-                  echo $child->pri == '0' ? '' : zget($this->lang->task->priList, $child->pri, $child->pri);
-                  echo "</span>";
-                  ?>
-                </td>
-                <td class='text-left'><a href="<?php echo $this->createLink('task', 'view', "taskID=$child->id"); ?>"><?php echo $child->name;?></a></td>
-                <td><?php echo $child->deadline;?></td>
-                <td><?php if(isset($users[$child->assignedTo])) echo $users[$child->assignedTo];?></td>
-                <td><?php echo zget($lang->task->statusList, $child->status);?></td>
-                <td class='visible-lg'><?php echo $child->consumed;?></td>
-                <td class='visible-lg'><?php echo $child->left;?></td>
-                <td>
+<main id="main">
+  <div class="container">
+    <?php $browseLink = $app->session->taskList != false ? $app->session->taskList : $this->createLink('project', 'browse', "projectID=$task->project");?>
+    <div id="mainMenu" class="clearfix">
+      <div class="btn-toolbar pull-left">
+        <?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 $task->id?></span>
+          <span class="text" style='color: <?php echo $task->color; ?>'>
+            <?php if(!empty($task->parent)) echo '<span class="label">' . $this->lang->task->childrenAB . '</span> ';?>
+            <?php if(!empty($task->team)) echo '<span class="label">' . $this->lang->task->multipleAB . '</span> ';?>
+            <?php echo isset($task->parentName) ? $task->parentName . '/' : '';?><?php echo $task->name;?>
+          </span>
+          <?php if($task->deleted):?>
+          <span class='label label-danger'><?php echo $lang->task->deleted;?></span>
+          <?php endif;?>
+          <?php if($task->fromBug != 0):?>
+          <small><?php echo html::icon($lang->icons['bug']) . " {$lang->task->fromBug}$lang->colon$task->fromBug";?></small>
+          <?php endif;?>
+		</div>
+      </div>
+    </div>
+    <div id="mainContent" class="main-row">
+      <div class="main-col col-8">
+        <div class="cell">
+          <div class="detail">
+            <div class="detail-title"><?php echo $lang->task->legendDesc;?></div>
+            <div class="detail-content article-content"><?php echo $task->desc;?></div>
+          </div>
+          <?php if($project->type != 'ops'):?>
+          <?php if($task->fromBug != 0):?>
+          <div class="detail">
+            <div class="detail-title"><?php echo $lang->task->steps;?></div>
+            <div class="detail-content article-content"><?php echo $task->bugSteps;?></div>
+          </div>
+          <?php elseif($task->story):?>
+          <div class="detail">
+            <div class='detail-title'><?php echo $lang->task->storySpec;?></div>
+            <div class='detail-content article-content'><?php echo $task->storySpec;?></div>
+            <?php echo $this->fetch('file', 'printFiles', array('files' => $task->storyFiles, 'fieldset' => 'false'));?>
+          </div>
+          <div class='detail'>
+            <div class='detail-title'><?php echo $lang->task->storyVerify;?></div>
+            <div class='detail-content article-content'><?php echo $task->storyVerify;?></div>
+          </div>
+          <?php endif;?>
+          <?php if(isset($task->cases) and $task->cases):?>
+          <div class='detail'>
+            <div class='detail-title'><?php echo $lang->task->case;?></div>
+            <div class='detail-content article-content'>
+              <ul class='list-unstyled'>
+              <?php foreach($task->cases as $caseID => $case) echo '<li>' . html::a($this->createLink('testcase', 'view', "caseID=$caseID", '', true), "#$caseID " . $case, '', "data-toggle='modal' data-type='iframe' data-width='90%'") . '</li>';?>
+              </ul>
+            </div>
+          </div>
+          <?php endif;?>
+          <?php endif;?>
+          <?php if(!empty($task->children)):?>
+          <div class='detail'>
+            <div class='detail-title'><?php echo $this->lang->task->children;?></div>
+              <table class='table table-hover table-fixed'>
+                <tr class='text-center'>
+                  <th class='w-60px'> <?php echo $lang->task->id;?></th>
+                  <th class='w-40px'> <?php echo $lang->task->lblPri;?></th>
+                  <th>                <?php echo $lang->task->name;?></th>
+                  <th class='w-100px'><?php echo $lang->task->deadline;?></th>
+                  <th class='w-80px'> <?php echo $lang->task->assignedTo;?></th>
+                  <th class='w-90px'> <?php echo $lang->task->status;?></th>
+                  <th class='w-50px visible-lg'><?php echo $lang->task->consumedAB . $lang->task->lblHour;?></th>
+                  <th class='w-50px visible-lg'><?php echo $lang->task->leftAB . $lang->task->lblHour;?></th>
+                  <th class='w-200px'><?php echo $lang->actions;?></th>
+                </tr>
+                <?php foreach($task->children as $child):?>
+                <tr class='text-center'>
+                  <td><?php echo $child->id;?></td>
+                  <td>
+                    <?php
+                    echo "<span class='pri-" . $child->pri . "'>";
+                    echo $child->pri == '0' ? '' : zget($this->lang->task->priList, $child->pri, $child->pri);
+                    echo "</span>";
+                    ?>
+                  </td>
+                  <td class='text-left'><a href="<?php echo $this->createLink('task', 'view', "taskID=$child->id"); ?>"><?php echo $child->name;?></a></td>
+                  <td><?php echo $child->deadline;?></td>
+                  <td><?php if(isset($users[$child->assignedTo])) echo $users[$child->assignedTo];?></td>
+                  <td><?php echo zget($lang->task->statusList, $child->status);?></td>
+                  <td class='visible-lg'><?php echo $child->consumed;?></td>
+                  <td class='visible-lg'><?php echo $child->left;?></td>
+                  <td class='c-actions'>
                     <?php
                     common::printIcon('task', 'assignTo', "projectID=$child->project&taskID=$child->id", $child, 'list', '', '', 'iframe', true);
                     common::printIcon('task', 'start',    "taskID=$child->id", $child, 'list', '', '', 'iframe', true);
@@ -145,196 +110,238 @@
                     common::printIcon('task', 'close',    "taskID=$child->id", $child, 'list', '', '', 'iframe', true);
                     common::printIcon('task', 'edit',"taskID=$child->id", $child, 'list');
                     ?>
-                </td>
-              </tr>
-            <?php endforeach;?>
-        </table>
-      </fieldset>
-      <?php endif;?>
-      <?php echo $this->fetch('file', 'printFiles', array('files' => $task->files, 'fieldset' => 'true'));?>
-      <?php include '../../common/view/action.html.php';?>
-      <div class='actions'> <?php if(!$task->deleted) echo $actionLinks;?></div>
-      <fieldset id='commentBox' class='hide'>
-        <legend><?php echo $lang->comment;?></legend>
-        <form method='post' action='<?php echo $this->createLink('action', 'comment', "objectType=task&objectID=$task->id")?>' target='hiddenwin'>
-          <div class="form-group"><?php echo html::textarea('comment', '',"rows='5' class='w-p100'");?></div>
-          <?php echo html::submitButton() . html::backButton();?>
-        </form>
-      </fieldset>
-    </div>
-  </div>
-  <div class='col-side'>
-    <div class='main main-side'>
-      <fieldset>
-        <legend><?php echo $lang->task->legendBasic;?></legend>
-        <table class='table table-data table-condensed table-borderless'>
-          <tr>
-            <th class='w-80px'><?php echo $lang->task->project;?></th>
-            <td><?php if(!common::printLink('project', 'view', "projectID=$task->project", $project->name)) echo $project->name;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->module;?></th>
-            <?php
-            $moduleTitle = '';
-            ob_start();
-            if(empty($modulePath))
-            {
-                $moduleTitle .= '/';
-                echo "/";
-            }
-            else
-            {
-                if($product)
-                {
-                    $moduleTitle .= $product->name . '/';
-                    echo $product->name . $lang->arrow;
-                }
-               foreach($modulePath as $key => $module)
-               {
-                   $moduleTitle .= $module->name;
-                   if(!common::printLink('project', 'task', "projectID=$task->project&browseType=byModule&param=$module->id", $module->name)) echo $module->name;
-                   if(isset($modulePath[$key + 1]))
-                   {
-                       $moduleTitle .= '/';
-                       echo $lang->arrow;
-                   }
-               }
-            }
-            $printModule = ob_get_contents();
-            ob_end_clean();
-            ?>
-            <td title='<?php echo $moduleTitle?>'><?php echo $printModule?></td>
-          </tr>
-          <tr class='nofixed'>
-            <th><?php echo $lang->task->story;?></th>
-            <td>
-            <?php
-            if($task->storyTitle and !common::printLink('story', 'view', "storyID=$task->story", $task->storyTitle, '', "class='iframe' data-width='80%'", true, true)) echo $task->storyTitle;
-            if($task->needConfirm)
-            {
-                echo "(<span class='warning'>{$lang->story->changed}</span> ";
-                echo html::a($this->createLink('task', 'confirmStoryChange', "taskID=$task->id"), $lang->confirm, 'hiddenwin');
-                echo ")";
-            }
-            ?>
-            </td>
-          </tr>
-          <?php if($task->fromBug):?>
-          <tr>
-            <th><?php echo $lang->task->fromBug;?></th>
-            <td><?php echo html::a($this->createLink('bug', 'view', "bugID=$task->fromBug"), "#$task->fromBug " . $fromBug->title, '_blank');?></td>
-          </tr>
+                  </td>
+                </tr>
+                <?php endforeach;?>
+              </table>
+          </div>
           <?php endif;?>
-          <tr>
-            <th><?php echo empty($task->team) ? $lang->task->assignTo : $lang->task->transferTo;?></th>
-            <td><?php echo $task->assignedTo ? $task->assignedToRealName . $lang->at . $task->assignedDate : '';?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->type;?></th>
-            <td><?php echo $lang->task->typeList[$task->type];?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->status;?></th>
-            <td><?php $lang->show($lang->task->statusList, $task->status);?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->pri;?></th>
-            <td><span class='<?php echo 'pri' . zget($lang->task->priList, $task->pri);?>'><?php echo $task->pri == '0' ? '' : zget($lang->task->priList, $task->pri)?></span></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->mailto;?></th>
-            <td><?php $mailto = explode(',', str_replace(' ', '', $task->mailto)); foreach($mailto as $account) echo ' ' . zget($users, $account, $account); ?></td>
-          </tr>
-        </table>
-      </fieldset>
-      <?php if(!empty($task->team)) :?>
-      <fieldset>
-        <legend><?php echo $lang->task->team;?></legend>
-        <table class='table table-data table-condensed table-borderless'>
-          <thead>
-          <tr>
-            <th><?php echo $lang->task->team?></th>
-            <th class='text-center'><?php echo $lang->task->estimate?></th>
-            <th class='text-center'><?php echo $lang->task->consumed?></th>
-            <th class='text-center'><?php echo $lang->task->left?></th>
-          </tr>
-          </thead>
-            <?php foreach($task->team as $member):?>
-            <tr class='text-center'>
-              <td class='text-left'><?php echo zget($users, $member->account)?></td>
-              <td><?php echo $member->estimate?></td>
-              <td><?php echo $member->consumed?></td>
-              <td><?php echo $member->left?></td>
-            </tr>
-            <?php endforeach;?>
-        </table>
-      </fieldset>
-      <?php endif;?>
-      <fieldset>
-        <legend><?php echo $lang->task->legendEffort;?></legend>
-        <table class='table table-data table-condensed table-borderless'>
-          <tr>
-            <th class='w-80px'><?php echo $lang->task->estStarted;?></th>
-            <td><?php echo $task->estStarted;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->realStarted;?></th>
-            <td><?php echo $task->realStarted; ?> </td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->deadline;?></th>
-            <td>
-            <?php
-            echo $task->deadline;
-            if(isset($task->delay)) printf($lang->task->delayWarning, $task->delay);
-            ?>
-            </td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->estimate;?></th>
-            <td><?php echo $task->estimate . $lang->workingHour;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->consumed;?></th>
-            <td><?php echo round($task->consumed, 2) . $lang->workingHour;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->left;?></th>
-            <td><?php echo $task->left . $lang->workingHour;?></td>
-          </tr>
-        </table>
-      </fieldset>
-      <fieldset>
-        <legend><?php echo $lang->task->legendLife;?></legend>
-        <table class='table table-data table-condensed table-borderless'>
-          <tr>
-            <th class='w-80px'><?php echo $lang->task->openedBy;?></th>
-            <td><?php if($task->openedBy) echo zget($users, $task->openedBy, $task->openedBy) . $lang->at . $task->openedDate;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->finishedBy;?></th>
-            <td><?php if($task->finishedBy) echo zget($users, $task->finishedBy, $task->finishedBy) . $lang->at . $task->finishedDate;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->canceledBy;?></th>
-            <td><?php if($task->canceledBy) echo zget($users, $task->canceledBy, $task->canceledBy) . $lang->at . $task->canceledDate;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->closedBy;?></th>
-            <td><?php if($task->closedBy) echo zget($users, $task->closedBy, $task->closedBy) . $lang->at . $task->closedDate;?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->closedReason;?></th>
-            <td><?php echo $lang->task->reasonList[$task->closedReason];?></td>
-          </tr>
-          <tr>
-            <th><?php echo $lang->task->lastEdited;?></th>
-            <td><?php if($task->lastEditedBy) echo zget($users, $task->lastEditedBy, $task->lastEditedBy) . $lang->at . $task->lastEditedDate;?></td>
-          </tr>
-        </table>
-      </fieldset>
+          <?php echo $this->fetch('file', 'printFiles', array('files' => $task->files, 'fieldset' => 'true'));?>
+          <?php $actionFormLink = $this->createLink('action', 'comment', "objectType=task&objectID=$task->id");?>
+          <?php include '../../common/view/action.html.php';?>
+        </div>
+      </div>
+      <div class="side-col col-4">
+        <div class="cell">
+          <details class="detail" open>
+            <summary class="detail-title"><?php echo $lang->task->legendBasic;?></summary>
+            <div class="detail-content">
+              <table class="table table-data">
+                <tbody>
+                  <tr>
+                    <th class='w-80px'><?php echo $lang->task->project;?></th>
+                    <td><?php if(!common::printLink('project', 'view', "projectID=$task->project", $project->name)) echo $project->name;?></td>
+                  </tr>
+                  <tr>
+                    <th><?php echo $lang->task->module;?></th>
+                    <?php
+                    $moduleTitle = '';
+                    ob_start();
+                    if(empty($modulePath))
+                    {
+                        $moduleTitle .= '/';
+                        echo "/";
+                    }
+                    else
+                    {
+                        if($product)
+                        {
+                            $moduleTitle .= $product->name . '/';
+                            echo $product->name . $lang->arrow;
+                        }
+                       foreach($modulePath as $key => $module)
+                       {
+                           $moduleTitle .= $module->name;
+                           if(!common::printLink('project', 'task', "projectID=$task->project&browseType=byModule&param=$module->id", $module->name)) echo $module->name;
+                           if(isset($modulePath[$key + 1]))
+                           {
+                               $moduleTitle .= '/';
+                               echo $lang->arrow;
+                           }
+                       }
+                    }
+                    $printModule = ob_get_contents();
+                    ob_end_clean();
+                    ?>
+                    <td title='<?php echo $moduleTitle?>'><?php echo $printModule?></td>
+                  </tr>
+                  <tr class='nofixed'>
+                    <th><?php echo $lang->task->story;?></th>
+                    <td>
+                    <?php
+                    if($task->storyTitle and !common::printLink('story', 'view', "storyID=$task->story", $task->storyTitle, '', "class='iframe' data-width='80%'", true, true)) echo $task->storyTitle;
+                    if($task->needConfirm)
+                    {
+                        echo "(<span class='warning'>{$lang->story->changed}</span> ";
+                        echo html::a($this->createLink('task', 'confirmStoryChange', "taskID=$task->id"), $lang->confirm, 'hiddenwin');
+                        echo ")";
+                    }
+                    ?>
+                    </td>
+                  </tr>
+                  <?php if($task->fromBug):?>
+                  <tr>
+                    <th><?php echo $lang->task->fromBug;?></th>
+                    <td><?php echo html::a($this->createLink('bug', 'view', "bugID=$task->fromBug"), "#$task->fromBug " . $fromBug->title, '_blank');?></td>
+                  </tr>
+                  <?php endif;?>
+                  <tr>
+                    <th><?php echo empty($task->team) ? $lang->task->assignTo : $lang->task->transferTo;?></th>
+                    <td><?php echo $task->assignedTo ? $task->assignedToRealName . $lang->at . $task->assignedDate : '';?></td>
+                  </tr>
+                  <tr>
+                    <th><?php echo $lang->task->type;?></th>
+                    <td><?php echo $lang->task->typeList[$task->type];?></td>
+                  </tr>
+                  <tr>
+                    <th><?php echo $lang->task->status;?></th>
+                    <td><?php $lang->show($lang->task->statusList, $task->status);?></td>
+                  </tr>
+                  <tr>
+                    <th><?php echo $lang->task->pri;?></th>
+                    <td><span class='<?php echo 'pri' . zget($lang->task->priList, $task->pri);?>'><?php echo $task->pri == '0' ? '' : zget($lang->task->priList, $task->pri)?></span></td>
+                  </tr>
+                  <tr>
+                    <th><?php echo $lang->task->mailto;?></th>
+                    <td><?php $mailto = explode(',', str_replace(' ', '', $task->mailto)); foreach($mailto as $account) echo ' ' . zget($users, $account, $account); ?></td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </details>
+        </div>
+        <?php if(!empty($task->team)) :?>
+        <div class='cell'>
+          <details class="detail" open>
+            <summary class="detail-title"><?php echo $lang->task->team;?></summary>
+            <div class="detail-content">
+              <table class='table table-data'>
+                <thead>
+                <tr>
+                  <th><?php echo $lang->task->team?></th>
+                  <th class='text-center'><?php echo $lang->task->estimate?></th>
+                  <th class='text-center'><?php echo $lang->task->consumed?></th>
+                  <th class='text-center'><?php echo $lang->task->left?></th>
+                </tr>
+                </thead>
+                  <?php foreach($task->team as $member):?>
+                  <tr class='text-center'>
+                    <td class='text-left'><?php echo zget($users, $member->account)?></td>
+                    <td><?php echo $member->estimate?></td>
+                    <td><?php echo $member->consumed?></td>
+                    <td><?php echo $member->left?></td>
+                  </tr>
+                  <?php endforeach;?>
+              </table>
+            </div>
+          </details>
+        </div>
+        <?php endif;?>
+        <div class='cell'>
+          <details class="detail" open>
+            <summary class="detail-title"><?php echo $lang->task->legendEffort;?></summary>
+            <div class="detail-content">
+              <table class='table table-data'>
+                <tr>
+                  <th class='w-80px'><?php echo $lang->task->estStarted;?></th>
+                  <td><?php echo $task->estStarted;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->realStarted;?></th>
+                  <td><?php echo $task->realStarted; ?> </td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->deadline;?></th>
+                  <td>
+                  <?php
+                  echo $task->deadline;
+                  if(isset($task->delay)) printf($lang->task->delayWarning, $task->delay);
+                  ?>
+                  </td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->estimate;?></th>
+                  <td><?php echo $task->estimate . $lang->workingHour;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->consumed;?></th>
+                  <td><?php echo round($task->consumed, 2) . $lang->workingHour;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->left;?></th>
+                  <td><?php echo $task->left . $lang->workingHour;?></td>
+                </tr>
+              </table>
+            </div>
+          </details>
+        </div>
+        <div class='cell'>
+          <details class="detail" open>
+            <summary class="detail-title"><?php echo $lang->task->legendLife;?></summary>
+            <div class="detail-content">
+              <table class='table table-data'>
+                <tr>
+                  <th class='w-80px'><?php echo $lang->task->openedBy;?></th>
+                  <td><?php if($task->openedBy) echo zget($users, $task->openedBy, $task->openedBy) . $lang->at . $task->openedDate;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->finishedBy;?></th>
+                  <td><?php if($task->finishedBy) echo zget($users, $task->finishedBy, $task->finishedBy) . $lang->at . $task->finishedDate;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->canceledBy;?></th>
+                  <td><?php if($task->canceledBy) echo zget($users, $task->canceledBy, $task->canceledBy) . $lang->at . $task->canceledDate;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->closedBy;?></th>
+                  <td><?php if($task->closedBy) echo zget($users, $task->closedBy, $task->closedBy) . $lang->at . $task->closedDate;?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->closedReason;?></th>
+                  <td><?php echo $lang->task->reasonList[$task->closedReason];?></td>
+                </tr>
+                <tr>
+                  <th><?php echo $lang->task->lastEdited;?></th>
+                  <td><?php if($task->lastEditedBy) echo zget($users, $task->lastEditedBy, $task->lastEditedBy) . $lang->at . $task->lastEditedDate;?></td>
+                </tr>
+              </table>
+            </div>
+          </details>
+        </div>
+      </div>
     </div>
   </div>
-</div>
+
+  <div id="mainActions">
+    <?php common::printPreAndNext($preAndNext);?>
+    <div class="btn-toolbar">
+      <?php if(!$task->deleted):?>
+      <?php
+      common::printIcon('task', 'assignTo',       "projectID=$task->project&taskID=$task->id", $task, 'button', '', '', 'iframe', true, '', empty($task->team) ? $lang->task->assignTo : $lang->task->transfer);
+      common::printIcon('task', 'start',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+      common::printIcon('task', 'restart',        "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+      common::printIcon('task', 'recordEstimate', "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+      common::printIcon('task', 'pause',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+      common::printIcon('task', 'finish',         "taskID=$task->id", $task, 'button', '', '', 'iframe showinonlybody text-success', true);
+      common::printIcon('task', 'close',          "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+      common::printIcon('task', 'activate',       "taskID=$task->id", $task, 'button', '', '', 'iframe text-success', true);
+      common::printIcon('task', 'cancel',         "taskID=$task->id", $task, 'button', '', '', 'iframe', true);
+
+      echo "<div class='divider'></div>";
+      if(empty($task->team) or empty($task->children)) common::printIcon('task', 'batchCreate',    "project=$task->project&storyID=$task->story&moduleID=$task->module&taskID=$task->id", $task, 'button','plus','','','','',' ');
+      common::printIcon('task', 'edit', "taskID=$task->id", $task);
+      common::printIcon('task', 'create', "productID=0&storyID=0&moduleID=0&taskID=$task->id", $task, 'button', 'copy');
+      common::printIcon('task', 'delete', "projectID=$task->project&taskID=$task->id", $task);
+
+      echo "<div class='divider'></div>";
+      if(!empty($task->parent)) echo html::a(helper::createLink('task', 'view', "taskID=$task->parent"), "<i class='iconicon-double-angle-up'></i>", '', "class='btn' title='{$lang->task->parent}'");
+      common::printBack($browseLink);
+      ?>
+      <?php else:?>
+      <?php common::printBack($browseLink);?>
+      <?php endif;?>
+    </div>
+  </div>
+</main>
 <?php include '../../common/view/syntaxhighlighter.html.php';?>
 <?php include '../../common/view/footer.html.php';?>