From 55d74f86440a5a804d4551e04f7fd39518af0723 Mon Sep 17 00:00:00 2001
From: SerenaFeng <feng.xiaowei@zte.com.cn>
Date: Fri, 12 May 2017 01:49:57 +0800
Subject: add web portal framework for TestAPI

Change-Id: I62cea8b59ffe6a6cde98051c130f4502c07d3557
Signed-off-by: SerenaFeng <feng.xiaowei@zte.com.cn>
---
 .../guidelines/partials/guidelineDetails.html      | 50 ++++++++++++++++++++++
 .../guidelines/partials/testListModal.html         | 46 ++++++++++++++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 testapi/3rd_party/static/testapi-ui/components/guidelines/partials/guidelineDetails.html
 create mode 100644 testapi/3rd_party/static/testapi-ui/components/guidelines/partials/testListModal.html

(limited to 'testapi/3rd_party/static/testapi-ui/components/guidelines/partials')

diff --git a/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/guidelineDetails.html b/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/guidelineDetails.html
new file mode 100644
index 0000000..f020c9a
--- /dev/null
+++ b/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/guidelineDetails.html
@@ -0,0 +1,50 @@
+<!--
+HTML for guidelines page for all OpenStack Powered (TM) guideline schemas
+This expects the JSON data of the guidelines file to be stored in scope
+variable 'guidelines'.
+-->
+
+<ol ng-show="ctrl.guidelines" class="capabilities">
+  <li class="capability-list-item" ng-repeat="capability in ctrl.guidelines.capabilities | arrayConverter | filter:ctrl.filterStatus | orderBy:'id'">
+    <span class="capability-name">{{capability.id}}</span><br />
+    <em>{{capability.description}}</em><br />
+    Status: <span class="{{ctrl.targetCapabilities[capability.id]}}">{{ctrl.targetCapabilities[capability.id]}}</span><br />
+    <span ng-if="capability.project">Project: {{capability.project | capitalize}}<br /></span>
+    <a ng-click="showAchievements = !showAchievements">Achievements ({{capability.achievements.length}})</a><br />
+    <ol uib-collapse="!showAchievements" class="list-inline">
+        <li ng-repeat="achievement in capability.achievements">
+            {{achievement}}
+        </li>
+    </ol>
+
+    <a ng-click="showTests = !showTests">Tests ({{ctrl.getObjectLength(capability.tests)}})</a>
+    <ul uib-collapse="!showTests">
+        <li ng-if="ctrl.guidelines.schema === '1.2'" ng-repeat="test in capability.tests">
+           <span ng-class="{'glyphicon glyphicon-flag text-warning': capability.flagged.indexOf(test) > -1}"></span>
+           {{test}}
+        </li>
+        <li ng-if="ctrl.guidelines.schema > '1.2'" ng-repeat="(testName, testDetails) in capability.tests">
+           <span ng-class="{'glyphicon glyphicon-flag text-warning': testDetails.flagged}" title="{{testDetails.flagged.reason}}"></span>
+           {{testName}}
+           <div class="test-detail" ng-if="testDetails.aliases">
+               <strong>Aliases:</strong>
+               <ul><li ng-repeat="alias in testDetails.aliases">{{alias}}</li></ul>
+           </div>
+        </li>
+    </ul>
+  </li>
+</ol>
+
+<div ng-show="ctrl.guidelines" class="criteria">
+    <hr>
+    <h4><a ng-click="showCriteria = !showCriteria">Criteria</a></h4>
+    <div uib-collapse="showCriteria">
+        <ul>
+            <li ng-repeat="(key, criterion) in ctrl.guidelines.criteria">
+                <span class="criterion-name">{{criterion.name}}</span><br />
+                <em>{{criterion.Description}}</em><br />
+                Weight: {{criterion.weight}}
+            </li>
+        </ul>
+    </div>
+</div>
diff --git a/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/testListModal.html b/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/testListModal.html
new file mode 100644
index 0000000..5b1d698
--- /dev/null
+++ b/testapi/3rd_party/static/testapi-ui/components/guidelines/partials/testListModal.html
@@ -0,0 +1,46 @@
+<div class="modal-content">
+    <div class="modal-header">
+        <button type="button" class="close" aria-hidden="true" ng-click="modal.close()">&times;</button>
+        <h4>Test List ({{modal.testListCount}})</h4>
+        <p>Use this test list with <a title="testapi-client" target="_blank"href="https://github.com/openstack/testapi-client">testapi-client</a>
+           to run only tests in the {{modal.version}} OpenStack Powered&#8482; guideline from capabilities with the following statuses:
+        </p>
+        <ul class="list-inline">
+            <li class="required" ng-if="modal.status.required"> Required</li>
+            <li class="advisory" ng-if="modal.status.advisory"> Advisory</li>
+            <li class="deprecated" ng-if="modal.status.deprecated"> Deprecated</li>
+            <li class="removed" ng-if="modal.status.removed"> Removed</li>
+        </ul>
+        <div class="checkbox checkbox-test-list">
+            <label><input type="checkbox" ng-model="modal.aliases" ng-change="modal.updateTestListString()">Aliases</label>
+            <span class="glyphicon glyphicon-info-sign info-hover" aria-hidden="true"
+                  title="Include test aliases as tests may have been renamed over time. It does not hurt to include these."></span>
+            &nbsp;
+            <label><input type="checkbox" ng-model="modal.flagged" ng-change="modal.updateTestListString()">Flagged</label>
+            <span class="glyphicon glyphicon-info-sign info-hover" aria-hidden="true"
+                  title="Include flagged tests.">
+            </span>
+        </div>
+        <p ng-hide="modal.error"> Alternatively, get the test list directly from the API on your CLI:</p>
+        <code ng-hide="modal.error">wget "{{modal.testListUrl}}" -O {{modal.version}}-test-list.txt</code>
+    </div>
+    <div class="modal-body tests-modal-content">
+        <div cg-busy="{promise:modal.testListRequest,message:'Loading'}"></div>
+        <div ng-show="modal.error" class="alert alert-danger" role="alert">
+            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+            <span class="sr-only">Error:</span>
+            {{modal.error}}
+        </div>
+        <div class="form-group">
+            <textarea class="form-control" rows="16" id="tests" wrap="off">{{modal.testListString}}</textarea>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <a target="_blank" href="{{modal.testListUrl}}" download="{{modal.version + '-test-list.txt'}}">
+            <button class="btn btn-primary" ng-if="modal.testListCount > 0" type="button">
+                Download
+            </button>
+        </a>
+        <button class="btn btn-primary" type="button" ng-click="modal.close()">Close</button>
+    </div>
+</div>
-- 
cgit 1.2.3-korg