summaryrefslogtreecommitdiffstats
path: root/cvp/3rd_party/static/testapi-ui/components/application/application.html
diff options
context:
space:
mode:
authorhongbo tian <hongbo.tianhongbo@huawei.com>2017-09-28 09:28:41 +0000
committerGerrit Code Review <gerrit@opnfv.org>2017-09-28 09:28:41 +0000
commit61820ee85c967d90021e4089c6a7907046685639 (patch)
tree0c3f23e2146f0855fb5be0ff55343d59e3a9c9ab /cvp/3rd_party/static/testapi-ui/components/application/application.html
parent0cc2fdefa9e6e959e7c69beede736738f339f636 (diff)
parent0cf6b232ac9cf128ee9183a27c08f4f74ab2e2e6 (diff)
Merge "add api&web services for cvp"
Diffstat (limited to 'cvp/3rd_party/static/testapi-ui/components/application/application.html')
-rw-r--r--cvp/3rd_party/static/testapi-ui/components/application/application.html251
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>