diff options
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.html | 251 |
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 » 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> |