Enable Web Portal for ONAP results

The web portal needs to be able to read test results of the ONAP
compliance program and display them.
In order for the above goal to be achieved, the following two parts
should be impacted:
1- A new front-end should be prepared in order to handle and display
   the results
2- The REST API should be extended in order to support the aforementioned
   operation.

JIRA: DOVETAIL-669

Change-Id: I36bbb6e602a67020d7e27aedbfc776f5cf4f3dc3
Signed-off-by: pkaralis <pkaralis@intracom-telecom.com>
Co-Authored-By: Stamatis Katsaounis <mokats@intracom-telecom.com>

2 files changed, 228 insertions, 0 deletions

diff --git a/3rd_party/static/onap-ui/components/home/home.html b/3rd_party/static/onap-ui/components/home/home.html
new file mode 100644
index 0000000..4db08b0
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/home/home.html
@@ -0,0 +1,170 @@
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-md-2 home-category" ng-style="{'height': ctrl.height}">
+      <div class="panel-group" id="accordion">
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <div class="panel-title">
+              <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                Governance &amp; Workflow
+              </a>
+            </div>
+          </div>
+          <div id="collapseOne" class="panel-collapse collapse">
+            <div class="panel-body">
+                <div>
+                  <a href="https://www.opnfv.org/verified"
+                     target="_blank" rel="noopener">Overview&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+                <div>
+                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/LFN_CVP_Guidelines-1.0.0.pdf"
+                     target="_blank" rel="noopener">Governance Guidelines&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+                <div>
+                  <a href="https://www.opnfv.org/wp-content/uploads/sites/12/2018/09/OVP-Terms-and-Conditions-092418.pdf"
+                     target="_blank" rel="noopener">Terms &amp; Conditions&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+                <div>
+                  <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/certificationworkflow/index.html"
+                     target="_blank" rel="noopener">Process Workflow&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+                <div>
+                  <a href="https://na3.docusign.net/Member/PowerFormSigning.aspx?PowerFormId=dc24bf38-ea41-40d4-9e58-9babc6eec778"
+                     target="_blank" rel="noopener">Participation Form&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+                <div>
+                  <a href="https://wiki.onap.org/display/DW/VNF+Badging"
+                     target="_blank" rel="noopener">ONAP Verified Brand Guidelines&nbsp;
+                    <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                  </a>
+                </div>
+            </div>
+          </div>
+        </div>
+        <div class="panel panel-default" style="margin-top: 0px;">
+          <div class="panel-heading">
+            <div class="panel-title">
+              <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
+                Release 2018.11
+              </a>
+            </div>
+          </div>
+          <div id="collapseTwo" class="panel-collapse collapse">
+            <div class="panel-body">
+              <div>
+                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/userguide/testing_guide.html"
+                   target="_blank" rel="noopener">ONAPVP / Dovetail User Guide&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+              <div>
+                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/userguide/cli_reference.html"
+                   target="_blank" rel="noopener">Dovetail CLI&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+              <div>
+                <a href="https://wiki.onap.org/display/DW/ONAP+Modeling+specification"
+                   target="_blank" rel="noopener">Test Specifications&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+              <div>
+                <a href="https://wiki.onap.org/display/DW/Release+Calendar"
+                   target="_blank" rel="noopener">Release Notes&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+              <div>
+                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/reviewerguide/index.html"
+                   target="_blank" rel="noopener">Reviewer Guide&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+              <div>
+                <a href="http://docs.opnfv.org/en/stable-fraser/submodules/dovetail/docs/testing/user/ovpaddendum/index.html"
+                   target="_blank" rel="noopener">Guidelines Addendum&nbsp;
+                  <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-10">
+      <div class="common-main-container">
+        <div class="home-content-title">
+          <h2>ONAP Verified Program verifies products and services with the "ONAP Verified" mark.</h2>
+        </div>
+        <div class="home-content">
+          <div class="col-md-2">
+            <img class="home-content-img" src="onap-ui/assets/img/icon.png" alt="ONAP">
+          </div>
+          <div class="col-md-10">
+            <p class="home-content-text" style="padding-bottom: 40px;">
+              The ONAP Verified Program demonstrates the readiness and availability of commercial VNF/PNF
+              products and services by implementing Specification defined by Compliance Verification
+              Committee(CVC). This open source community-led initiative allows vendors and service
+              providers to establish baseline conformance and interoperability while retaining distinct
+              and value-added innovations across features and capabilities and requires verified products
+              to complete additional functional, high-availability tests. View the directory of verified
+              products and services below and navigate through the links in the left-hand menu to learn
+              more and get started. You will find step-by-step instructions as well as a participation form.
+              Use this portal to upload your test results when ready. Please send any questions to
+              <a href="mailto:compliance@lists.lfnetworking.org">compliance@lists.lfnetworking.org</a><sup>
+              <span class="glyphicon glyphicon-envelope" style="font-size: 60%;" aria-hidden="true"></span></sup>.
+            </p>
+          </div>
+        </div>
+        <div id="directory_break">
+        </div>
+        <div class="home-content-title">
+          <h1>ONAP Verified Products Directory</h1>
+          Click on rows for more product verification details per company.
+        </div>
+        <div class="directory_main">
+          <table id="directory_inner" class="">
+            <thead>
+              <tr>
+                <th>Company Name &amp; Logo</th>
+                <th>Test Agency</th>
+                <th>Product Name</th>
+                <th>Product Version</th>
+                <th>Modeling Language</th>
+                <th>Type</th>
+                <th>Version</th>
+              </tr>
+            </thead>
+            <tbody style="overflow: hidden; text-overflow: ellipsis;">
+              <tr class="company_row" ng-click="ctrl.getCompany(app)"
+                  ng-repeat="app in ctrl.applications | filter:{approved:true} | orderBy : '-approve_date'">
+                <td style="width: 400px;">
+                  <img class="company_logo" ng-src="api/v1/cvp/applications/getlogo/{{app.company_logo}}" alt="{{app.company_logo}}">
+                  {{ app.company_name }}
+                </td>
+                <td style="width: 300px;">{{ app.lab_location }}</td>
+                <td style="width: 300px;">{{ app.xnf_name }}</td>
+                <td style="width: 150px;">{{ app.xnf_version }}</td>
+                <td style="width: 150px;">{{ app.xnfd_model_lang }}</td>
+                <td style="width: 150px;">N/A</td>
+                <td style="width: 150px;">{{ app.onap_version}}</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/3rd_party/static/onap-ui/components/home/homeController.js b/3rd_party/static/onap-ui/components/home/homeController.js
new file mode 100644
index 0000000..678dd2a
--- /dev/null
+++ b/3rd_party/static/onap-ui/components/home/homeController.js
@@ -0,0 +1,58 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('HomeController', HomeController);
+
+    HomeController.$inject = [
+        '$http', '$rootScope', '$state', 'testapiApiUrl'
+    ];
+
+    /**
+     * TestAPI Results Controller
+     * This controller is for the '/results' page where a user can browse
+     * a listing of community uploaded results.
+     */
+    function HomeController($http, $rootScope, $state, testapiApiUrl) {
+        var ctrl = this;
+        getApplication();
+
+        ctrl.height = $(document).height() + 500;
+
+        ctrl.gotoApplication = function() {
+            if ($rootScope.auth.isAuthenticated) {
+                $state.go('application');
+            } else {
+                $rootScope.auth.doSignIn('cas');
+            }
+        }
+
+        function getApplication() {
+            $http.get(testapiApiUrl + "/onap/cvp/applications").then(function(response) {
+                ctrl.applications = response.data.applications;
+            }, function(error) {
+                /* do nothing */
+            });
+        }
+
+        ctrl.getCompany = function(row) {
+            $state.go('directory', {'companyID': row.company_name, 'logo': row.company_logo});
+        }
+
+    }
+})();