From 0dab4394a5cb853d9b2556137987201e96be4074 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Fri, 17 Mar 2017 11:15:53 +0100
Subject: [PATCH] #145 Update skin of report template admin page

---
 .../partials/admin/report-templates.html      | 114 +++++++++---------
 1 file changed, 60 insertions(+), 54 deletions(-)

diff --git a/ui/app/views/partials/admin/report-templates.html b/ui/app/views/partials/admin/report-templates.html
index c284a8df6b..506e145692 100644
--- a/ui/app/views/partials/admin/report-templates.html
+++ b/ui/app/views/partials/admin/report-templates.html
@@ -1,58 +1,64 @@
-<h2>Report template management</h2>
-<div class="vpad10"></div>
-<div class="row mb-s">
-    <div class="col-md-12 clearfix">
-        <div class="pull-left">
-            <!-- Single button -->
-            <div class="btn-group">
-                <button type="button" class="btn btn-primary" ng-click="vm.import()">
-                    <span class="fa fa-upload"></span> Import templates
-                </button>
+<div class="box">
+    <div class="box-header">
+        <h3 class="box-title">Report template management</h3>
+    </div>
+    <div class="box-body">
+        <div class="row mb-s">
+            <div class="col-md-12 clearfix">
+                <div class="pull-left">
+                    <!-- Single button -->
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-sm btn-primary" ng-click="vm.import()">
+                            <span class="fa fa-upload"></span> Import templates
+                        </button>
+                    </div>
+                </div>
             </div>
         </div>
-    </div>
-</div>
-<div class="row mv-s" ng-show="vm.analyzerCount === 0">
-    <div class="col-md-12">
-        <div class="empty-message">No report templates found.</div>
-    </div>
-</div>
-<div class="row" ng-show="vm.analyzerCount > 0">
-    <div class="col-md-12">
-        <table class="table table-striped">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th width="200px">Short template</th>
-                    <th width="200px">Long template</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr ng-repeat="analyzer in vm.analyzers">
-                    <td>
-                        {{::analyzer.id}}<br>
-                        <small class="text-muted">{{::analyzer.description}}</small>
-                    </td>
-                    <td class="vmiddle">
-                        <div class="btn-group btn-group-sm" ng-if="analyzer.shortReport">
-                            <button type="button" class="btn btn-default" ng-click="vm.showTemplate(analyzer.shortReport, analyzer)">View Template</button>
-                            <button type="button" class="btn btn-danger" ng-click="vm.deleteTemplate(analyzer.shortReport)"><i class="fa fa-times"></i></button>
-                        </div>
-                        <div class="btn-group btn-group-sm" ng-if="!analyzer.shortReport">
-                            <button type="button" class="btn btn-dark" ng-click="vm.showTemplate({reportType: 'short'}, analyzer)">Default template</button>
-                        </div>
-                    </td>
-                    <td class="vmiddle">
-                        <div class="btn-group btn-group-sm" ng-if="analyzer.longReport">
-                            <button type="button" class="btn btn-default" ng-click="vm.showTemplate(analyzer.longReport, analyzer)">View Template</button>
-                            <button type="button" class="btn btn-danger" ng-click="vm.deleteTemplate(analyzer.longReport)"><i class="fa fa-times"></i></button>
-                        </div>
-                        <div class="btn-group btn-group-sm" ng-if="!analyzer.longReport">
-                            <button type="button" class="btn btn-dark" ng-click="vm.showTemplate({reportType: 'long'}, analyzer)">Default template</button>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="row mv-s" ng-show="vm.analyzerCount === 0">
+            <div class="col-md-12">
+                <div class="empty-message">No report templates found.</div>
+            </div>
+        </div>
+        <div class="row" ng-show="vm.analyzerCount > 0">
+            <div class="col-md-12">
+                <table class="table table-striped">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th width="200px">Short template</th>
+                            <th width="200px">Long template</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="analyzer in vm.analyzers">
+                            <td>
+                                {{::analyzer.id}}<br>
+                                <small class="text-muted">{{::analyzer.description}}</small>
+                            </td>
+                            <td class="vmiddle">
+                                <div class="btn-group btn-group-sm" ng-if="analyzer.shortReport">
+                                    <button type="button" class="btn btn-default" ng-click="vm.showTemplate(analyzer.shortReport, analyzer)">View Template</button>
+                                    <button type="button" class="btn btn-danger" ng-click="vm.deleteTemplate(analyzer.shortReport)"><i class="fa fa-times"></i></button>
+                                </div>
+                                <div class="btn-group btn-group-sm" ng-if="!analyzer.shortReport">
+                                    <button type="button" class="btn btn-dark" ng-click="vm.showTemplate({reportType: 'short'}, analyzer)">Default template</button>
+                                </div>
+                            </td>
+                            <td class="vmiddle">
+                                <div class="btn-group btn-group-sm" ng-if="analyzer.longReport">
+                                    <button type="button" class="btn btn-default" ng-click="vm.showTemplate(analyzer.longReport, analyzer)">View Template</button>
+                                    <button type="button" class="btn btn-danger" ng-click="vm.deleteTemplate(analyzer.longReport)"><i class="fa fa-times"></i></button>
+                                </div>
+                                <div class="btn-group btn-group-sm" ng-if="!analyzer.longReport">
+                                    <button type="button" class="btn btn-dark" ng-click="vm.showTemplate({reportType: 'long'}, analyzer)">Default template</button>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
     </div>
 </div>