path: root/3rd_party/static/testapi-ui/components/application/application.html

<div class="container-fluid common-main-container">
  <div class="top-site-banner">
    <div class="container">
      <p class="p1">Complete this application then start your CVP journey</p>
    </div>
  </div>

  <div class="row" style="margin-top: 20px;">
    <div class="col-lg-12 container">
      <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">Description</label>
            <i uib-tooltip="Product Description" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.description">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">SUT Version</label>
            <i uib-tooltip="SUT Version" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.sut_version">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">SUT HW Version</label>
            <i uib-tooltip="SUT HW Version - leave blank if not applicable"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.sut_hw_version">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">OVP Version</label>
            <i uib-tooltip="OVP Version" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.ovp_version">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">OVP Category</label>
            <i uib-tooltip="OVP Category" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.ovp_category">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Company Logo</label>
            <i uib-tooltip="Company Logo" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.company_logo">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Approve Date</label>
            <i uib-tooltip="Approve Date - YYYY-MM-DD" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.approve_date">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Approved</label>
            <i uib-tooltip="Approved - insert true or false" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.approved">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Test ID</label>
            <i uib-tooltip="Test ID - enter approved test_id"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.test_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">
    <button class="btn btn-success cvp-btn" ng-click="ctrl.openConfirmModal()">Submit</button>
  </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>Owner</th>
          <th>Description</th>
          <th>SUT version</th>
          <th>SUT HW version</th>
          <th>OVP version</th>
          <th>OVP category</th>
          <th>Company logo</th>
          <th>Approve date</th>
          <th>Approved</th>
          <th>Test 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.owner }}</td>
          <td>{{ app.description }}</td>
          <td>{{ app.sut_version }}</td>
          <td>{{ app.sut_hw_version }}</td>
          <td>{{ app.ovp_version }}</td>
          <td>{{ app.ovp_category }}</td>
          <td>{{ app.company_logo }}</td>
          <td>{{ app.approve_date }}</td>
          <td>{{ app.approved }}</td>
          <td>{{ app.test_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>

  <div>
    <br>
    <h3>Company Logo Upload for Directory</h3>
    <form enctype="multipart/form-data" method="post">
      <div class="form-group col-m-3">
        <input class="form-contrl btn btn-success cvp-btn medium accent-color regular-button" file-model="logoFile"
               type="file">
      </div>
      <div class="form-group col-m-3">
        <a class="btn btn-success cvp-btn medium accent-color regular-button" ng-click="ctrl.uploadLogo()">
          <span>Upload Logo</span>
        </a>
      </div>
    </form>
  </div>
</div>