add api&web services for cvp

JIRA: DOVETAIL-512 add api&web services for cvp Change-Id: I9ef9525e980fe61dc3108035ef9a3ff8783b2697 Signed-off-by: grakiss <grakiss.wanglei@huawei.com>
author: grakiss <grakiss.wanglei@huawei.com> 2017-09-28 03:47:54 -0400
committer: grakiss <grakiss.wanglei@huawei.com> 2017-09-28 05:15:01 -0400
commit: 0cf6b232ac9cf128ee9183a27c08f4f74ab2e2e6 (patch)
tree: 7be233b8f8f65fa968c7b93f1d1e75b691952ed9 /cvp/3rd_party/static/testapi-ui/components/application/application.html
parent: 63c2e2aa4b8d86349a767f611123ceafc19fa6d6 (diff)
1 files changed, 251 insertions, 0 deletions
diff --git a/cvp/3rd_party/static/testapi-ui/components/application/application.html b/cvp/3rd_party/static/testapi-ui/components/application/application.html
new file mode 100644
index 00000000..f82aedda
--- /dev/null
+++ b/cvp/3rd_party/static/testapi-ui/components/application/application.html
@@ -0,0 +1,251 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+    <meta charset="utf-8">
+    <title>Logo Request &raquo; OpenStack Open Source Cloud Computing Software</title>
+
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+
+<link rel="stylesheet" href="testapi-ui/assets/css/combine.css" />
+<body id="logo-request">
+
+
+<div class="top-site-banner">
+    <div class="container">
+        <p>
+            <p class="p1">Complete this application then start your CVP journey</p>
+        <!--
+            <a href="https://www.openstack.org/summit/sydney-2017/" class="top-site-banner-button">Register now</a>
+        -->
+        </p>
+    </div>
+</div>
+
+<div class="row" style="margin-top:20px">
+        <div class="col-lg-12 container">
+                <!--
+                <h1>Request information on OpenStack trademark licensing</h1>
+                <p>If you plan to offer an OpenStack-related product or service using a trademark or brand that includes an OpenStack mark (e.g. logo or the word OpenStack), you are required to apply for and obtain a trademark license. We@~Yve created a family of logos and a set of standards specifically for this pp
+urpose. Once we understand more about your product or service, we can determine which (if any) logo program it falls under, and send you the appropriate license for signature.  </p>
+                -->
+                <form id="OsLogoProgramForm_Form" action="/brand/logo-request/Form" method="post" enctype="application/x-www-form-urlencoded">
+                        <p id="OsLogoProgramForm_Form_error" class="message " style="display: none"></p>
+                        <fieldset>
+                                <div class="field text col-md-4">
+                                        <label class="left" >Organization name</label>
+                                        <i uib-tooltip="Organization name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+                                        
+                                        <div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.organization_name" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Organization website (if public)</label>
+                                        <i uib-tooltip="Organization website if it is public" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.organization_web" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="col-md-4"></div>
+                                <div class="field email text col-md-4">
+                                        <label class="left">Product name and/or identifier</label>
+                                        <i uib-tooltip="Product name and/or identifier"  class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="email text form-control" ng-model="ctrl.product_name" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Product specifications</label>
+                                        <i uib-tooltip="A link of product specifications" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.product_spec" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Product public documentation</label>
+                                        <i uib-tooltip="A link of product public documentation" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+                                        <div class="middleColumn">
+                                            <input type="text" class="text form-control" ng-model="ctrl.product_documentation" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Product categories</label>
+                                        <i uib-tooltip="Product categories" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <select class="form-control" ng-model="ctrl.product_categories">
+                                                    <option value="soft&hard">software and hardware</option>
+                                                    <option value="soft&3rd">software and third party hardware</option>
+                                                </select>
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Primary contact name</label>
+                                        <i uib-tooltip="Primary contact name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.prim_name" required="required" aria-required="true" />
+                                        </div>
+                                </div><div class="field text col-md-4">
+                                        <label class="left">Primary business email</label>
+                                        <i uib-tooltip="Only the Business email address should be used for official communication with OPNFV CVP" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.prim_email" required="required" aria-required="true" />
+                                        </div>
+                                </div><div class="field text col-md-4">
+                                        <label class="left">Primary postal address</label>
+                                        <i uib-tooltip="Primary postal address" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.prim_address" required="required" aria-required="true" />
+                                        </div>
+                                </div><div class="field text col-md-4">
+                                        <label class="left">Primary phone number</label>
+                                        <i uib-tooltip="Primary phone number" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<div class="middleColumn">
+                                                <input type="text" class="text form-control" ng-model="ctrl.prim_phone" required="required" aria-required="true" />
+                                        </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                    <label class="left">User ID Type</label>
+                                    <i uib-tooltip="User ID Type" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+                                    <div class="middleColumn">
+                                       <select class="form-control" ng-model="ctrl.id_type">
+                                            <option value="Linux Foundation">Linux Foundation</option>
+                                            <option value="Openstack">Openstack</option>
+                                            <option value="Github">Github</option>
+                                            <option value="Google">Google</option>
+                                            <option value="Fackbook">Fackbook</option>
+                                        </select>
+                                    </div>
+                                </div>
+
+                                <div class="field text col-md-4">
+                                    <label class="left">User ID for CVP web portal</label>
+                                    <i uib-tooltip="User ID for CVP web portal" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+                                    <div class="middleColumn">
+                                        <input type="text" class="text form-control" ng-model="ctrl.user_id" />
+                                    </div>
+                                </div>
+                                <div class="field text col-md-4">
+                                        <label class="left">Location</label>
+                                        <i uib-tooltip="Location" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+                                            <div class="middleColumn">
+                                               <select class="form-control" ng-model="ctrl.lab_location">
+                                                    <option value="internal">internal vendor lab</option>
+                                                    <option value="third">third-party lab</option>
+                                                </select>
+                                            </div>
+                                </div>
+                                <div ng-if="ctrl.lab_location=='third'" class="field text">
+                                    <div class="field text col-md-4">
+                                    <label class="left">Lab Name</label>
+                                    <i uib-tooltip="Lab Name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<input  type="text" class="text form-control" ng-model="ctrl.lab_name"/>
+                                    </div>
+                                    <div class="field text col-md-4">
+                                    <label class="left">Lab Email</label>
+                                    <i uib-tooltip="Lab Email" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<input  type="text" class="text form-control" ng-model="ctrl.lab_email"/>
+                                    </div>
+                                    <div class="field text col-md-4">
+                                    <label class="left">Lab Address</label>
+                                    <i uib-tooltip="Lab Address" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<input  type="text" class="text form-control" ng-model="ctrl.lab_address"/>
+                                    </div>
+                                    <div class="field text col-md-4">
+                                    <label class="left">Lab Phone Number</label>
+                                    <i uib-tooltip="Lab Phone Number" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
+<input  type="text" class="text form-control" ng-model="ctrl.lab_phone"/>
+                                    </div>
+                                </div>
+                        </fieldset>
+                </form>
+        </div>
+</div>
+<div class="Actions">
+        <a class="nectar-button medium accent-color regular-button" ng-click="ctrl.openConfirmModal()" />submit</a>
+</div>
+<div  class="results-table" style="margin-top:30px;overflow:scroll">
+    <table class="table table-striped table-hover">
+        <thead>
+            <tr>
+                <th>Create Date</th>
+                <th>Organization name</th>
+                <th>Organization website</th>
+                <th>Product name</th>
+                <th>Product specifications</th>
+                <th>Product documentation</th>
+                <th>Product categories</th>
+                <th>Primary contact name</th>
+                <th>Primary business email</th>
+                <th>Primary postal address</th>
+                <th>Primary phone number</th>
+                <th>User ID Type</th>
+                <th>User ID</th>
+                <th>Location</th>
+                <th>Operation</th>
+            </tr>
+        </thead>
+       <script type="text/ng-template" id="product.tpl.html">
+        <div class="input-group">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
+          <input type="text" value="{{app.product_spec}}">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon">@</span>
+          <input type="text" value="{{app.product_documentation}}">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-map-marker"></i></span>
+          <input type="text" value="{{app.product_categories | category}}">
+        </div>
+      </script>
+     <script type="text/ng-template" id="lab.tpl.html">
+        <div class="input-group">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
+          <input type="text" value="{{app.lab_name}}">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon">@</span>
+          <input type="text" value="{{app.lab_email}}">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-map-marker"></i></span>
+          <input type="text" value="{{app.lab_address}}">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span>
+          <input type="text" value="{{app.lab_phone}}">
+        </div>
+      </script>
+        <tbody style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+            <tr ng-repeat="app in ctrl.applications">
+                <td>{{ app.creation_date | limitTo: 10 }}</td>
+                <td>{{ app.organization_name }}</td>
+                <td><a href="{{app.organization_web}}">{{ app.organization_web }}</a></td>
+                <td>{{ app.product_name}}</td>
+                <td><a href="{{app.product_spec}}">{{app.product_spec}}</a></td>
+                <td><a href="{{app.product_documentation}}">{{app.product_documentation}}</a></td>
+                <td>{{ app.product_categories | category }}</td>
+                <td>{{ app.prim_name }}</td>
+                <td>{{ app.prim_email }}</td>
+                <td>{{ app.prim_address }}</td>
+                <td>{{ app.prim_phone }}</td>
+                <td>{{ app.id_type }}</td>
+                <td>{{ app.user_id }}</td>
+                <td><span popover-enable="app.lab_location != 'internal'" uib-popover-template="ctrl.lab_tpl" popover-title="Lab Info" popover-placement="top" popover-trigger="mouseenter">{{ app.lab_location | labLocation}}</span><i ng-if="app.lab_location != 'internal'" class="glyphicon glyphicon-info-sign opnfv-blue"></i></td>
+                <td><a ng-click="ctrl.deleteApp(app._id)" class="badge badge-info"><i class="glyphicon glyphicon-remove" ></i></a></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.updatePage()">
+        </uib-pagination>
+    </div>
+</div>
author	grakiss <grakiss.wanglei@huawei.com>	2017-09-28 03:47:54 -0400
committer	grakiss <grakiss.wanglei@huawei.com>	2017-09-28 05:15:01 -0400
commit	0cf6b232ac9cf128ee9183a27c08f4f74ab2e2e6 (patch)
tree	7be233b8f8f65fa968c7b93f1d1e75b691952ed9 /cvp/3rd_party/static/testapi-ui/components/application/application.html
parent	63c2e2aa4b8d86349a767f611123ceafc19fa6d6 (diff)