UI adaptation for supporting ONAP portal SDK
[validation.git] / ui / src / main / webapp / app / AECBlueprintValidationUI / CommittedSubmissions / CommittedSubmissionsTemplate.html
diff --git a/ui/src/main/webapp/app/AECBlueprintValidationUI/CommittedSubmissions/CommittedSubmissionsTemplate.html b/ui/src/main/webapp/app/AECBlueprintValidationUI/CommittedSubmissions/CommittedSubmissionsTemplate.html
new file mode 100644 (file)
index 0000000..784810b
--- /dev/null
@@ -0,0 +1,305 @@
+<!--
+Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
+
+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.
+-->
+<div id="page-content" class="content" style="padding: 25px;">
+
+ <style>
+.grid {
+    width: 100%;
+    height: 400px;
+}
+
+.grid .ui-grid-header-cell {
+    text-align: center;
+}
+
+.icon-add-widget:before {
+    content: "\e717";
+}
+
+.ui-grid-icon-angle-down {
+    margin-top: 5px;
+}
+
+body {
+    font-size: 13px;
+}
+</style>
+
+ <h1 class="heading-page">Committed Submissions</h1>
+
+ <br>
+
+ <div>
+  <label style="float: left; margin-top: 10px; margin-right: 10px;">Submission
+   Id:</label>
+  <div class="form-field form-field__glued pull-left size-onefifth"
+   style="float: left; width: 220px; margin-right: 20px;">
+   <input ng-model="submissionId" type="text"
+    placeholder="Search for submission id?"
+    style="margin-top: 5px; width: 220px;">
+  </div>
+
+  <label style="float: left; margin-top: 10px; margin-right: 10px;">Blueprint
+   Name:</label>
+  <div class="form-field form-field__glued pull-left size-onefifth"
+   style="float: left; width: 260px; margin-right: 40px;">
+   <input ng-model="blueprintName" type="text"
+    placeholder="Search for a blueprint name?"
+    style="margin-top: 5px; width: 260px;">
+
+  </div>
+
+  <div style="float: right;">
+   <button style="margin-left: 25px; margin-top: 4px;" type="submit"
+    class="btn btn-alt btn-small"
+    ng-click="refreshCommittedSubmissions();">Refresh</button>
+   <button style="margin-left: 25px; margin-top: 4px;" type="submit"
+    class="btn btn-alt btn-small" ng-click="deleteSubmissions()">Delete
+    selected submissions</button>
+   <button style="margin-left: 25px; margin-top: 4px;" type="submit"
+    class="btn btn-alt btn-small" ng-click="deleteSubmissions()">Delete
+    all submissions</button>
+  </div>
+
+
+  <div ui-i18n="en"
+   class="grid ui-grid ng-isolate-scope grid1560525896761" id="grid1"
+   ui-grid="gridOptions" ui-grid-pagination="">
+   <!-- TODO (c0bra): add "scoped" attr here, eventually? -->
+   <style ui-grid-style="" class="ng-binding">
+.grid1560525896761 {
+    /* Styles for the grid */
+
+}
+
+.grid1560525896761 .ui-grid-row, .grid1560525896761 .ui-grid-cell,
+    .grid1560525896761 .ui-grid-cell .ui-grid-vertical-bar {
+    height: 30px;
+}
+
+.grid1560525896761 .ui-grid-row:last-child .ui-grid-cell {
+    border-bottom-width: 0px;
+}
+
+/*
+    .ui-grid[dir=rtl] .ui-grid-viewport {
+      padding-left: px;
+    }
+    */
+.grid1560525896761 .ui-grid-coluiGrid-000W {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000X {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000Y {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000Z {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0010 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0011 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0012 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0013 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0014 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-canvas {
+    width: 1065px;
+    height: 0px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
+    {
+    width: 1080px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
+    {
+    height: inherit;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-viewport {
+    width: 1080px;
+    height: 338px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-header-viewport
+    {
+    width: 1080px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-canvas
+    {
+    width: 1080px;
+}
+
+.grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-viewport
+    {
+    width: 1080px;
+}
+
+.grid1560525896761 .ui-grid-footer-aggregates-row {
+    height: 30px;
+}
+
+.grid1560525896761 .ui-grid-footer-info {
+    height: 30px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000W {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000X {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000Y {
+    min-width: 119px;
+    max-width: 119px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-000Z {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0010 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0011 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0012 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0013 {
+    min-width: 118px;
+    max-width: 118px;
+}
+
+.grid1560525896761 .ui-grid-coluiGrid-0014 {
+    min-width: 118px;
+    max-width: 118px;
+}
+</style>
+   <div class="ui-grid-contents-wrapper">
+    <table cellspacing="0" cellpadding="10" class="siteStatusTable">
+     <thead>
+      <tr>
+       <th>&nbsp;</th>
+       <th>Id&nbsp;</th>
+       <th>Status&nbsp;</th>
+       <th>Blueprint&nbsp;</th>
+       <th>Version</th>
+       <th>Layer&nbsp;</th>
+       <th>Desired Timeslot&nbsp;</th>
+       <th>Url of result&nbsp;</th>
+      </tr>
+     </thead>
+     <tbody>
+      <tr class="border_bottom" ng-repeat="submission in submissions">
+       <td><label class="checkbox"> <input type="checkbox"
+         name="name1" ng-model="temp"
+         ng-change="modifySubmissionIdList(submission.submissionId)"
+         class="ng-valid ng-dirty ng-valid-parse ng-touched"><i
+         class="skin"></i><span>&nbsp;</span></label></td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
+        submission.submissionId }}</td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
+        submission.submissionStatus }}</td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
+        submission.blueprintInstanceForValidation.blueprint.blueprintName
+        }}</td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
+        submission.blueprintInstanceForValidation.version }}</td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
+        href="#" data-toggle="tooltip"
+        title="{{submission.blueprintInstanceForValidation.layerDescription}}">{{
+         submission.blueprintInstanceForValidation.layer }}</a></td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;">Lab:
+        {{ submission.timeslot.lab.lab }} Start date and time: {{
+        submission.timeslot.startDateTime }} <!-- duration(in sec) :
+        {{submission.timeslot.duration}}-->
+       </td>
+       <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
+        href="{{submission.nexusResultUrl }}">{{
+         submission.nexusResultUrl }}</a></td>
+      </tr>
+     </tbody>
+    </table>
+
+    <div class="well" style="padding-bottom: 35px;">
+     <div class="row ddh-page short">
+      <div class="b2b-pager ng-isolate-scope" b2b-pagination=""
+       total-pages="totalPages1" current-page="currentPage1"
+       click-handler="customHandler1" role="navigation"
+       aria-label="Customer Data Pages">
+       <div ng-if="notMobile &amp;&amp; totalPages > 1" class="ng-scope">
+
+       </div>
+      </div>
+     </div>
+
+    </div>
+
+   </div>
+  </div>
+ </div>
+
+ <script>
+ $(document).ready(function(){
+  $('[data-toggle="tooltip"]').tooltip();
+ });
+ </script>
+
+</div>
\ No newline at end of file