1 files changed, 70 insertions, 0 deletions
diff --git a/cvp/3rd_party/static/testapi-ui/components/guidelines/guidelines.html b/cvp/3rd_party/static/testapi-ui/components/guidelines/guidelines.html
new file mode 100644
index 00000000..6e138b89
--- /dev/null
+++ b/cvp/3rd_party/static/testapi-ui/components/guidelines/guidelines.html
@@ -0,0 +1,70 @@
+<h3>OPNFV Ready&#8482; Guidelines</h3>
+
+<!-- Guideline Filters -->
+<div class="row">
+    <div class="col-md-3">
+        <strong>Version:</strong>
+        <!-- Slicing the version file name here gets rid of the '.json' file extension -->
+        <select ng-model="ctrl.version"
+                ng-change="ctrl.update()"
+                class="form-control"
+                ng-options="versionFile.slice(0,10) for versionFile in ctrl.versionList">
+        </select>
+    </div>
+    <!--
+    <div class="col-md-4">
+        <strong>Target Program:</strong>
+        <span class="program-about"><a target="_blank" href="http://www.openstack.org/brand/interop/">About</a></span>
+        <select ng-model="ctrl.target" class="form-control" ng-change="ctrl.updateTargetCapabilities()">
+            <option value="platform">OpenStack Powered Platform</option>
+            <option value="compute">OpenStack Powered Compute</option>
+            <option value="object">OpenStack Powered Object Storage</option>
+        </select>
+    </div>
+    -->
+</div>
+
+<br />
+<!--
+<div ng-if="ctrl.guidelines">
+    <strong>Guideline Status:</strong>
+    {{ctrl.guidelines.status | capitalize}}
+</div>
+
+<div ng-show="ctrl.guidelines">
+    <strong>Corresponding OpenStack Releases:</strong>
+    <ul class="list-inline">
+        <li ng-repeat="release in ctrl.guidelines.releases">
+            {{release | capitalize}}
+        </li>
+    </ul>
+</div>
+-->
+
+<strong>Capability Status:</strong>
+<div class="checkbox">
+    <label>
+    <input type="checkbox" ng-model="ctrl.showMandatory">
+    <span class="mandatory">Mandatory</span>
+    </label>
+    <label>
+    <input type="checkbox" ng-model="ctrl.showOptional">
+    <span class="optional">Optional</span>
+    </label>
+</div>
+<!-- End Capability Filters -->
+
+<!-- Loading animation divs -->
+<div cg-busy="{promise:ctrl.versionsRequest,message:'Loading versions'}"></div>
+<div cg-busy="{promise:ctrl.capsRequest,message:'Loading capabilities'}"></div>
+
+<!-- Get the version-specific template -->
+<div nf-show="ctrl.data" ng-include src="ctrl.detailsTemplate"></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}}
+</div>
+-->