From fc3d96993d39fb852bc78005e5d4e18502e3e99e Mon Sep 17 00:00:00 2001
From: Stamatis Katsaounis <mokats@intracom-telecom.com>
Date: Wed, 21 Nov 2018 17:11:44 +0200
Subject: Clean HTML code

JIRA: DOVETAIL-753

This patch cleans the HTML code, which was in a bad state and not
maintainable.

Change-Id: Iab19a9af1835a384544f58c13ba5664723306535
Signed-off-by: Stamatis Katsaounis <mokats@intracom-telecom.com>
---
 .../testapi-ui/components/results/results.html     | 236 +++++++++++++--------
 1 file changed, 143 insertions(+), 93 deletions(-)

(limited to '3rd_party/static/testapi-ui/components/results/results.html')

diff --git a/3rd_party/static/testapi-ui/components/results/results.html b/3rd_party/static/testapi-ui/components/results/results.html
index aebc0f2..913d882 100644
--- a/3rd_party/static/testapi-ui/components/results/results.html
+++ b/3rd_party/static/testapi-ui/components/results/results.html
@@ -1,108 +1,158 @@
 <div class="container-fluid common-main-container">
-<h3>{{ctrl.pageHeader}}</h3>
-<p>{{ctrl.pageParagraph}}</p>
-<form class="form-inline" ng-show="ctrl.isUserResults">
-<h4>Upload Results<i class="glyphicon glyphicon-question-sign opnfv-blue" uib-tooltip="results file is logs.xxx.tar.gz under your dovetail installation path"></i></h4>
-<div class="form-group col-m-3">
-     <input class="form-contrl btn btn-success cvp-btn medium accent-color regular-button" type = "file" file-model = "resultFile"/>
-</div>
-<div class="form-group col-m-3">
-     <a class="btn btn-success cvp-btn medium accent-color regular-button" ng-click="ctrl.uploadFile()"><span>upload result</span></a>
-</div>
-<div>
-<label>{{ctrl.uploadState}}</label>
-</div>
-</form>
-<div class="row" style="margin-bottom:24px;"></div>
-<div cg-busy="{promise:ctrl.authRequest,message:'Loading'}"></div>
-<div cg-busy="{promise:ctrl.resultsRequest,message:'Loading'}"></div>
+  <h3>{{ctrl.pageHeader}}</h3>
+  <p>{{ctrl.pageParagraph}}</p>
+  <form class="form-inline" ng-show="ctrl.isUserResults">
+    <h4>Upload Results
+      <i class="glyphicon glyphicon-question-sign opnfv-blue"
+         uib-tooltip="results file is logs.xxx.tar.gz under your dovetail installation path"></i>
+    </h4>
+    <div class="form-group col-m-3">
+      <input class="form-contrl btn btn-success cvp-btn medium accent-color regular-button" type="file"
+             file-model="resultFile"/>
+    </div>
+    <div class="form-group col-m-3">
+      <a class="btn btn-success cvp-btn medium accent-color regular-button" ng-click="ctrl.uploadFile()">
+        <span>upload result</span>
+      </a>
+    </div>
+    <div>
+      <label>{{ctrl.uploadState}}</label>
+    </div>
+  </form>
+  <div class="row" style="margin-bottom: 24px;"></div>
+  <div cg-busy="{promise:ctrl.authRequest,message:'Loading'}"></div>
+  <div cg-busy="{promise:ctrl.resultsRequest,message:'Loading'}"></div>
 
-<div ng-show="ctrl.data" class="results-table" style="width:100%;overflow-x:scroll">
+  <div ng-show="ctrl.data" class="results-table" style="width: 100%; overflow-x: scroll;">
     <table ng-data="ctrl.data.result" ng-show="ctrl.data" class="table table-striped table-hover">
-        <thead>
-            <tr>
-                <th>Upload Date</th>
-                <th>Test ID</th>
-                <th>OVP Version</th>
-                <th>Owner</th>
-                <th>File Name</th>
-                <th>Label</th>
-                <th>Status</th>
-                <th>Log</th>
-                <th>SUT</th>
-                <th>SUT Version</th>
-                <th class="col-md-2">Operation</th>
-                <th class="col-md-2">Share List</th>
-            </tr>
-        </thead>
-
-        <tbody style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-            <tr ng-repeat="(index, result) in ctrl.data.tests">
-                <td>{{ result.upload_date | limitTo:19}}</td>
-                <td><a  uib-tooltip="{{ result.id }}" tooltip-placement="top" tooltip-append-to-body="true" ng-click="ctrl.gotoResultDetail(result.id, result._id)">{{ result.id | limitTo:8 }}</a></td>
-                <td>{{ result.version || "2018.01" }}</td>
-                <td>{{ result.owner }}</td>
-                <td>{{ result.filename || "None"}}</td>
-                <td><div class="popover-wrapper"><a editable-theme="bs3" onbeforesave="ctrl.changeLabel(result, 'label', $data)" editable-text="result.label"> {{ result.label || "None" }}</a></div></td>
-                <td>{{ result.status }}</td>
-                <td><a ng-click="ctrl.downloadLogs(result.id)">logs</a></td>
-                <td><a ng-click="ctrl.gotoSUT(result.id)">info</a></td>
-                <td><div class="popover-wrapper"><a editable-theme="bs3" onbeforesave="ctrl.changeLabel(result, 'sut_label', $data)" editable-text="result.sut_label"> {{ result.sut_label || "None" }}</a></div></td>
-                <td>
-                    <div class="btn-group" uib-dropdown>
-                        <a id="single-button" type="button" class="btn btn-success cvp-btn medium accent-color regular-button" uib-dropdown-toggle>
-                            Operation<span class="caret"></span>
-                        </a>
-                        <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
-                            <li role="menuitem" ng-if="auth.currentUser.openid == result.owner" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-class="{'hide': result.status == 'private'}" ng-click="ctrl.toPrivate(result, 'private')">withdraw submit</a></li>
-                            <li role="menuitem" ng-if="auth.currentUser.openid == result.owner" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-class="{'hide': result.status != 'private'}" ng-click="ctrl.toReview(result, 'review')">submit to review</a></li>
-                            <li role="menuitem" ng-if="auth.currentUser.role.indexOf('administrator') != -1" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-class="{'hide': result.status == 'approved' || result.status == 'private'}" ng-click="ctrl.toggleCheck(result, 'status', 'approved')">approve</a></li>
-                            <li role="menuitem" ng-if="auth.currentUser.role.indexOf('administrator') != -1" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-class="{'hide': result.status == 'not approved' || result.status == 'private'}" ng-click="ctrl.toggleCheck(result, 'status', 'not approved')">not approve</a></li>
-                            <li role="menuitem" ng-if="auth.currentUser.openid == result.owner" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-click="ctrl.openSharedModal(result)">share with</a></li>
-                            <li role="menuitem" ng-if="auth.currentUser.openid == result.owner" class="menu-item menu-item-type-post_type menu-item-object-page"><a ng-click="ctrl.deleteTest(result._id)">delete</a></li>
-                        </ul>
-                    </div>
-                </td>
-                <td>
-                    <div class="btn-group" uib-dropdown>
-                        <a id="single-button" type="button" class="btn btn-success cvp-btn medium accent-color regular-button" style="width:130px" uib-dropdown-toggle>
-                            Share List<span class="caret"></span>
-                        </a>
-                        <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button" style="min-width:200%">
-                            <li class="menu-item menu-item-type-post_type menu-item-object-page" role="menuitem" ng-repeat="share in result.shared track by $index"><span>{{ share }}<i ng-if="auth.currentUser.openid == result.owner" class="pull-right glyphicon glyphicon-remove" ng-click="ctrl.removeSharedUser(result, share)"></i></span></li>
-                        </ul>
-                    </div>
-                </td>
+      <thead>
+        <tr>
+          <th>Upload Date</th>
+          <th>Test ID</th>
+          <th>OVP Version</th>
+          <th>Owner</th>
+          <th>File Name</th>
+          <th>Label</th>
+          <th>Status</th>
+          <th>Log</th>
+          <th>SUT</th>
+          <th>SUT Version</th>
+          <th class="col-md-2">Operation</th>
+          <th class="col-md-2">Share List</th>
+        </tr>
+      </thead>
 
-            </tr>
-        </tbody>
+      <tbody style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+        <tr ng-repeat="(index, result) in ctrl.data.tests">
+          <td>{{ result.upload_date | limitTo:19}}</td>
+          <td>
+            <a uib-tooltip="{{ result.id }}" tooltip-placement="top" tooltip-append-to-body="true"
+               ng-click="ctrl.gotoResultDetail(result.id, result._id)">{{ result.id | limitTo:8 }}</a>
+          </td>
+          <td>{{ result.version || "2018.01" }}</td>
+          <td>{{ result.owner }}</td>
+          <td>{{ result.filename || "None"}}</td>
+          <td>
+            <div class="popover-wrapper">
+              <a editable-theme="bs3" onbeforesave="ctrl.changeLabel(result, 'label', $data)"
+                 editable-text="result.label">{{ result.label || "None" }}</a>
+            </div>
+          </td>
+          <td>{{ result.status }}</td>
+          <td><a ng-click="ctrl.downloadLogs(result.id)">logs</a></td>
+          <td><a ng-click="ctrl.gotoSUT(result.id)">info</a></td>
+          <td>
+            <div class="popover-wrapper">
+              <a editable-theme="bs3" onbeforesave="ctrl.changeLabel(result, 'sut_label', $data)"
+                 editable-text="result.sut_label">{{ result.sut_label || "None" }}</a>
+            </div>
+          </td>
+          <td>
+            <div class="btn-group" uib-dropdown>
+              <a id="single-button" type="button" class="btn btn-success cvp-btn medium accent-color regular-button"
+                 uib-dropdown-toggle>
+                Operation<span class="caret"></span>
+              </a>
+              <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
+                <li role="menuitem" ng-if="auth.currentUser.openid == result.owner"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-class="{'hide': result.status == 'private'}"
+                     ng-click="ctrl.toPrivate(result, 'private')">withdraw submit</a>
+                </li>
+                <li role="menuitem" ng-if="auth.currentUser.openid == result.owner"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-class="{'hide': result.status != 'private'}"
+                     ng-click="ctrl.toReview(result, 'review')">submit to review</a>
+                </li>
+                <li role="menuitem" ng-if="auth.currentUser.role.indexOf('administrator') != -1"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-class="{'hide': result.status == 'approved' || result.status == 'private'}"
+                     ng-click="ctrl.toggleCheck(result, 'status', 'approved')">approve</a>
+                </li>
+                <li role="menuitem" ng-if="auth.currentUser.role.indexOf('administrator') != -1"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-class="{'hide': result.status == 'not approved' || result.status == 'private'}"
+                     ng-click="ctrl.toggleCheck(result, 'status', 'not approved')">not approve</a>
+                </li>
+                <li role="menuitem" ng-if="auth.currentUser.openid == result.owner"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-click="ctrl.openSharedModal(result)">share with</a>
+                </li>
+                <li role="menuitem" ng-if="auth.currentUser.openid == result.owner"
+                    class="menu-item menu-item-type-post_type menu-item-object-page">
+                  <a ng-click="ctrl.deleteTest(result._id)">delete</a>
+                </li>
+              </ul>
+            </div>
+          </td>
+          <td>
+            <div class="btn-group" uib-dropdown>
+              <a id="single-button" type="button"
+                 class="btn btn-success cvp-btn medium accent-color regular-button" style="width: 130px;"
+                 uib-dropdown-toggle>
+                Share List<span class="caret"></span>
+              </a>
+              <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"
+                  style="min-width: 200%;">
+                <li class="menu-item menu-item-type-post_type menu-item-object-page" role="menuitem"
+                    ng-repeat="share in result.shared track by $index">
+                  <span>
+                    {{ share }}
+                    <i ng-if="auth.currentUser.openid == result.owner" class="pull-right glyphicon glyphicon-remove"
+                       ng-click="ctrl.removeSharedUser(result, share)"></i>
+                  </span>
+                </li>
+              </ul>
+            </div>
+          </td>
+        </tr>
+      </tbody>
     </table>
-
     <div class="pages">
-        <uib-pagination
-            total-items="ctrl.totalItems"
-            ng-model="ctrl.currentPage"
-            items-per-page="ctrl.itemsPerPage"
-            max-size="ctrl.maxSize"
-            class="pagination-sm"
-            boundary-links="true"
-            rotate="false"
-            num-pages="ctrl.numPages"
-            ng-change="ctrl.update()">
-        </uib-pagination>
+      <uib-pagination
+        total-items="ctrl.totalItems"
+        ng-model="ctrl.currentPage"
+        items-per-page="ctrl.itemsPerPage"
+        max-size="ctrl.maxSize"
+        class="pagination-sm"
+        boundary-links="true"
+        rotate="false"
+        num-pages="ctrl.numPages"
+        ng-change="ctrl.update()">
+      </uib-pagination>
     </div>
+  </div>
 </div>
 
-</div>
 <div ng-show="ctrl.showError" class="alert alert-danger" role="alert">
-    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-    <span class="sr-only">Error:</span>
-    {{ctrl.error}}
+  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+  <span class="sr-only">Error:</span>
+  {{ctrl.error}}
 </div>
 
 
 <style>
-.button-disabled {
-    pointer-events:none;
-}
+  .button-disabled {
+    pointer-events: none;
+  }
 </style>
-- 
cgit 1.2.3-korg