Update tox to run htmllint and csslint

JIRA: DOVETAIL-753

This patch adds a new tox environment to run htmllint and csslint.
Furthermore, it fixes any leftover html and css errors.

Change-Id: Ie3fda8d89b3d52851debe1a4271ffd0ac8fbee68
Signed-off-by: Stamatis Katsaounis <mokats@intracom-telecom.com>

2 files changed, 13 insertions, 9 deletions

diff --git a/3rd_party/static/testapi-ui/components/results-report/partials/editTestModal.html b/3rd_party/static/testapi-ui/components/results-report/partials/editTestModal.html
index 9a147f4..d9758fe 100644
--- a/3rd_party/static/testapi-ui/components/results-report/partials/editTestModal.html
+++ b/3rd_party/static/testapi-ui/components/results-report/partials/editTestModal.html
@@ -12,14 +12,14 @@
         <option value="true">Yes</option>
         <option value="">No</option>
       </select>
-      <br />
+      <br>
       <strong>Associated Guideline:</strong>
       <select ng-model="modal.metaCopy.guideline"
               ng-options="o as o.slice(0, -5) for o in modal.versionList"
               class="form-control">
         <option value="">None</option>
       </select>
-      <br />
+      <br>
       <strong>Associated Target Program:</strong>
       <select ng-model="modal.metaCopy.target"
               class="form-control">
@@ -28,7 +28,7 @@
         <option value="compute">OpenStack Powered Compute</option>
         <option value="object">OpenStack Powered Object Storage</option>
       </select>
-      <hr />
+      <hr>
       <strong>Associated Product:</strong>
       <select ng-options="product as product.name for product in modal.products | arrayConverter | orderBy: 'name' track by product.id"
               ng-model="modal.selectedProduct"
diff --git a/3rd_party/static/testapi-ui/components/results-report/partials/reportDetails.html b/3rd_party/static/testapi-ui/components/results-report/partials/reportDetails.html
index d58f1be..3f3e9c9 100644
--- a/3rd_party/static/testapi-ui/components/results-report/partials/reportDetails.html
+++ b/3rd_party/static/testapi-ui/components/results-report/partials/reportDetails.html
@@ -3,22 +3,22 @@ HTML for each accordion group that separates the status types on the results
 report page.
 -->
 
-Test Filters:<br />
+Test Filters:<br>
 <div class="btn-toolbar" role="toolbar">
   <div class="btn-group button-margin" data-toggle="buttons">
     <label class="btn btn-default" ng-click="ctrl.changeStatus('total')"
            ng-class="{'active': ctrl.testStatus === 'total'}">
-      <input type="radio" ng-model="ctrl.testStatus" value="total">
+      <input type="radio" ng-model="ctrl.testStatus" value="total" name="total">
       <span class="text-primary">All</span>
     </label>
     <label class="btn btn-default" ng-click="ctrl.changeStatus('passed')"
            ng-class="{'active': ctrl.testStatus === 'passed'}">
-      <input type="radio" ng-model="ctrl.testStatus" value="passed">
+      <input type="radio" ng-model="ctrl.testStatus" value="passed" name="passed">
       <span class="text-success">Passed</span>
     </label>
     <label class="btn btn-default" ng-click="ctrl.changeStatus('not passed')"
            ng-class="{'active': ctrl.testStatus === 'not passed'}">
-      <input type="radio" ng-model="ctrl.testStatus" value="not passed">
+      <input type="radio" ng-model="ctrl.testStatus" value="not passed" name="not passed">
       <span class="text-danger">Not Passed</span>
     </label>
   </div>
@@ -35,10 +35,14 @@ Test Filters:<br />
        ng-class="{'glyphicon-chevron-down': isOpen, 'glyphicon-chevron-right': !isOpen}"></i>
   </uib-accordion-heading>
   <ol class="capabilities">
-    <li ng-repeat="(area, value) in data" ng-show="(ctrl.testStatus == 'passed' && value.pass != 0) || (ctrl.testStatus == 'not passed' && value.fail != 0) || ctrl.testStatus == 'total'">
+    <li ng-repeat="(area, value) in data"
+        ng-show="(ctrl.testStatus == 'passed' && value.pass != 0) || (ctrl.testStatus == 'not passed' && value.fail != 0) || ctrl.testStatus == 'total'">
       <a ng-click="value.folder = !value.folder">
         {{ area }}
-        <span ng-if="ctrl.testStatus == 'total'" ng-class="{'text-success': value.total == value.pass, 'text-warning': (value.pass < value.total && value.pass > 0), 'text-danger': value.pass == 0}">[{{ value.pass }}/{{ value.total }}]</span>
+        <span ng-if="ctrl.testStatus == 'total'"
+              ng-class="{'text-success': value.total == value.pass, 'text-warning': (value.pass < value.total && value.pass > 0), 'text-danger': value.pass == 0}">
+          [{{ value.pass }}/{{ value.total }}]
+        </span>
         <span ng-if="ctrl.testStatus == 'passed'" class="text-success">[{{ value.pass }}]</span>
         <span ng-if="ctrl.testStatus == 'not passed'" class="text-danger">[{{ value.fail }}]</span>
       </a>