From 115947a61840f61b20d506fa431270d015cd5fc3 Mon Sep 17 00:00:00 2001
From: yhua123 <he_feng_yun@126.com>
Date: Tue, 28 Jun 2016 19:33:23 +0800
Subject: [PATCH] Update replication.directive.html

fixed table title
---
 .../replication.directive.html                | 91 ++++++++++---------
 1 file changed, 49 insertions(+), 42 deletions(-)

diff --git a/static/resources/js/components/system-management/replication.directive.html b/static/resources/js/components/system-management/replication.directive.html
index c020966c1..7333e3ffb 100644
--- a/static/resources/js/components/system-management/replication.directive.html
+++ b/static/resources/js/components/system-management/replication.directive.html
@@ -9,47 +9,54 @@
       </div>
       <create-policy reload="vm.retrieve()" action="vm.action" modal-title="//vm.modalTitle//" policy-id="//vm.policyId//"></create-policy>
     </div>
-    <div class="pane"> 	           
-      <div class="sub-pane">
-        <table class="table table-pane">
-    			 <thead>
-            <th width="14%">// 'name' | tr //</th>
-            <th width="18%">// 'description' | tr //</th>
-            <th width="14%">// 'projects' | tr //</th>
-            <th width="12%">// 'destination' | tr //</th>
-            <th width="18%">// 'start_time' | tr //</th>
-            <th width="12%">// 'activation' | tr //</th>
-            <th width="12%">// 'actions' | tr //</th>
-    			 </thead>
-    			 <tbody>
-            <tr ng-if="vm.replications.length == 0">
-              <td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">// 'no_replications' | tr //</h3></td>
-            </tr>
-            <tr ng-if="vm.replications.length > 0" ng-repeat="r in vm.replications"> 
-              <td><a href="repository#/replication?project_id=//r.project_id//">//r.name//</a></td>
-              <td>//r.description//</td>
-              <td>//r.project_name//</td>
-              <td>//r.target_name//</td>
-              <td>//r.start_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
-              <td ng-switch on="//r.enabled//">
-                <span ng-switch-when="1">// 'enabled' | tr //</span>
-                <span ng-switch-when="0">// 'disabled' | tr //</span>
-              </td>
-              <td>
-                <div class="display-inline-block" ng-switch on="//r.enabled//">
-                 <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 0)"><span ng-switch-when="1" class="glyphicon glyphicon-stop color-danger"></span></a>
-                 <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 1)"><span ng-switch-when="0" class="glyphicon glyphicon-play color-success"></span></a>
-                </div>
-                &nbsp;
-                <a href="javascript:void(0);" data-toggle="modal" data-target="#createPolicyModal" ng-click="vm.editReplication(r.id)"><span class="glyphicon glyphicon-pencil"></span></a>
-                &nbsp;
-                <!--a href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a-->
-              </td>
-            </tr>
-          </tbody>
-    		</table>
+    <div class="pane-split" id="down-pane">   
+      <div class="sub-pane-split">
+        <div class="table-head-container">
+          <table class="table table-pane table-header">
+            <thead>
+              <th width="14%">// 'name' | tr //</th>
+              <th width="18%">// 'description' | tr //</th>
+              <th width="14%">// 'projects' | tr //</th>
+              <th width="12%">// 'destination' | tr //</th>
+              <th width="18%">// 'start_time' | tr //</th>
+              <th width="12%">// 'activation' | tr //</th>
+              <th width="12%">// 'actions' | tr //</th>    
+            </thead>
+          </table>
+        </div>
+        <div class="table-body-container" style="height: 200px;">
+          <table class="table table-pane">
+            <tbody>
+              <tr ng-if="vm.replications.length == 0">
+                <td colspan="7" height="100%" class="empty-hint" ><h3 class="text-muted">// 'no_replications' | tr //</h3></td>
+              </tr>
+              <tr ng-if="vm.replications.length > 0" ng-repeat="r in vm.replications"> 
+                <td><a href="repository#/replication?project_id=//r.project_id//">//r.name//</a></td>
+                <td>//r.description//</td>
+                <td>//r.project_name//</td>
+                <td>//r.target_name//</td>
+                <td>//r.start_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
+                <td ng-switch on="//r.enabled//">
+                  <span ng-switch-when="1">// 'enabled' | tr //</span>
+                  <span ng-switch-when="0">// 'disabled' | tr //</span>
+                </td>
+                <td>
+                  <div class="display-inline-block" ng-switch on="//r.enabled//">
+                    <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 0)"><span ng-switch-when="1" class="glyphicon glyphicon-stop color-danger"></span></a>
+                    <a href="javascript:void(0);" ng-click="vm.togglePolicy(r.id, 1)"><span ng-switch-when="0" class="glyphicon glyphicon-play color-success"></span></a>
+                  </div>
+                  &nbsp;
+                  <a href="javascript:void(0);" data-toggle="modal" data-target="#createPolicyModal" ng-click="vm.editReplication(r.id)"><span class="glyphicon glyphicon-pencil"></span></a>
+                  &nbsp;
+                    <!--a  href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a-->
+                </td>
+              </tr>     
+            </tbody>
+          </table>
+        </div>
       </div>
-    </div>
-    <div class="col-xs-4 col-md-12 well well-sm well-custom"><div class="col-md-offset-10">//vm.replications ? vm.replications.length : 0// // 'items' | tr //</div></div>  
+    </div>  
+  </div>  
+  <div class="col-xs-4 col-md-12 well well-sm well-custom"><div class="col-md-offset-10">//vm.replications ? vm.replications.length : 0// // 'items' | tr //</div></div>  
   </div>          
-</div>
\ No newline at end of file
+</div>