ui/src/main/webapp/app/AECBlueprintValidationUI/CommittedSubmissions/CommittedSubmissionsTemplate.html

   1 <!--
   2 Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
   3
   4 Licensed under the Apache License, Version 2.0 (the "License");
   5 you may not use this file except in compliance with the License.
   6 You may obtain a copy of the License at
   7
   8        http://www.apache.org/licenses/LICENSE-2.0
   9
  10 Unless required by applicable law or agreed to in writing, software
  11 distributed under the License is distributed on an "AS IS" BASIS,
  12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 See the License for the specific language governing permissions and
  14 limitations under the License.
  15 -->
  16 <div id="page-content" class="content" style="padding: 25px;">
  17
  18  <style>
  19 .grid {
  20     width: 100%;
  21     height: 400px;
  22 }
  23
  24 .grid .ui-grid-header-cell {
  25     text-align: center;
  26 }
  27
  28 .icon-add-widget:before {
  29     content: "\e717";
  30 }
  31
  32 .ui-grid-icon-angle-down {
  33     margin-top: 5px;
  34 }
  35
  36 body {
  37     font-size: 13px;
  38 }
  39 </style>
  40
  41  <h1 class="heading-page">Committed Submissions</h1>
  42
  43  <br>
  44
  45  <div>
  46   <label style="float: left; margin-top: 10px; margin-right: 10px;">Submission
  47    Id:</label>
  48   <div class="form-field form-field__glued pull-left size-onefifth"
  49    style="float: left; width: 220px; margin-right: 20px;">
  50    <input ng-model="submissionId" type="text"
  51     placeholder="Search for submission id?"
  52     style="margin-top: 5px; width: 220px;">
  53   </div>
  54
  55   <label style="float: left; margin-top: 10px; margin-right: 10px;">Blueprint
  56    Name:</label>
  57   <div class="form-field form-field__glued pull-left size-onefifth"
  58    style="float: left; width: 260px; margin-right: 40px;">
  59    <input ng-model="blueprintName" type="text"
  60     placeholder="Search for a blueprint name?"
  61     style="margin-top: 5px; width: 260px;">
  62
  63   </div>
  64
  65   <div style="float: right;">
  66    <button style="margin-left: 25px; margin-top: 4px;" type="submit"
  67     class="btn btn-alt btn-small"
  68     ng-click="refreshCommittedSubmissions();">Refresh</button>
  69    <button style="margin-left: 25px; margin-top: 4px;" type="submit"
  70     class="btn btn-alt btn-small" ng-click="deleteSubmissions()">Delete
  71     selected submissions</button>
  72    <button style="margin-left: 25px; margin-top: 4px;" type="submit"
  73     class="btn btn-alt btn-small" ng-click="deleteSubmissions()">Delete
  74     all submissions</button>
  75   </div>
  76
  77
  78   <div ui-i18n="en"
  79    class="grid ui-grid ng-isolate-scope grid1560525896761" id="grid1"
  80    ui-grid="gridOptions" ui-grid-pagination="">
  81    <!-- TODO (c0bra): add "scoped" attr here, eventually? -->
  82    <style ui-grid-style="" class="ng-binding">
  83 .grid1560525896761 {
  84     /* Styles for the grid */
  85
  86 }
  87
  88 .grid1560525896761 .ui-grid-row, .grid1560525896761 .ui-grid-cell,
  89     .grid1560525896761 .ui-grid-cell .ui-grid-vertical-bar {
  90     height: 30px;
  91 }
  92
  93 .grid1560525896761 .ui-grid-row:last-child .ui-grid-cell {
  94     border-bottom-width: 0px;
  95 }
  96
  97 /*
  98     .ui-grid[dir=rtl] .ui-grid-viewport {
  99       padding-left: px;
 100     }
 101     */
 102 .grid1560525896761 .ui-grid-coluiGrid-000W {
 103     min-width: 119px;
 104     max-width: 119px;
 105 }
 106
 107 .grid1560525896761 .ui-grid-coluiGrid-000X {
 108     min-width: 119px;
 109     max-width: 119px;
 110 }
 111
 112 .grid1560525896761 .ui-grid-coluiGrid-000Y {
 113     min-width: 119px;
 114     max-width: 119px;
 115 }
 116
 117 .grid1560525896761 .ui-grid-coluiGrid-000Z {
 118     min-width: 118px;
 119     max-width: 118px;
 120 }
 121
 122 .grid1560525896761 .ui-grid-coluiGrid-0010 {
 123     min-width: 118px;
 124     max-width: 118px;
 125 }
 126
 127 .grid1560525896761 .ui-grid-coluiGrid-0011 {
 128     min-width: 118px;
 129     max-width: 118px;
 130 }
 131
 132 .grid1560525896761 .ui-grid-coluiGrid-0012 {
 133     min-width: 118px;
 134     max-width: 118px;
 135 }
 136
 137 .grid1560525896761 .ui-grid-coluiGrid-0013 {
 138     min-width: 118px;
 139     max-width: 118px;
 140 }
 141
 142 .grid1560525896761 .ui-grid-coluiGrid-0014 {
 143     min-width: 118px;
 144     max-width: 118px;
 145 }
 146
 147 .grid1560525896761 .ui-grid-render-container-body .ui-grid-canvas {
 148     width: 1065px;
 149     height: 0px;
 150 }
 151
 152 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
 153     {
 154     width: 1080px;
 155 }
 156
 157 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
 158     {
 159     height: inherit;
 160 }
 161
 162 .grid1560525896761 .ui-grid-render-container-body .ui-grid-viewport {
 163     width: 1080px;
 164     height: 338px;
 165 }
 166
 167 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-viewport
 168     {
 169     width: 1080px;
 170 }
 171
 172 .grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-canvas
 173     {
 174     width: 1080px;
 175 }
 176
 177 .grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-viewport
 178     {
 179     width: 1080px;
 180 }
 181
 182 .grid1560525896761 .ui-grid-footer-aggregates-row {
 183     height: 30px;
 184 }
 185
 186 .grid1560525896761 .ui-grid-footer-info {
 187     height: 30px;
 188 }
 189
 190 .grid1560525896761 .ui-grid-coluiGrid-000W {
 191     min-width: 119px;
 192     max-width: 119px;
 193 }
 194
 195 .grid1560525896761 .ui-grid-coluiGrid-000X {
 196     min-width: 119px;
 197     max-width: 119px;
 198 }
 199
 200 .grid1560525896761 .ui-grid-coluiGrid-000Y {
 201     min-width: 119px;
 202     max-width: 119px;
 203 }
 204
 205 .grid1560525896761 .ui-grid-coluiGrid-000Z {
 206     min-width: 118px;
 207     max-width: 118px;
 208 }
 209
 210 .grid1560525896761 .ui-grid-coluiGrid-0010 {
 211     min-width: 118px;
 212     max-width: 118px;
 213 }
 214
 215 .grid1560525896761 .ui-grid-coluiGrid-0011 {
 216     min-width: 118px;
 217     max-width: 118px;
 218 }
 219
 220 .grid1560525896761 .ui-grid-coluiGrid-0012 {
 221     min-width: 118px;
 222     max-width: 118px;
 223 }
 224
 225 .grid1560525896761 .ui-grid-coluiGrid-0013 {
 226     min-width: 118px;
 227     max-width: 118px;
 228 }
 229
 230 .grid1560525896761 .ui-grid-coluiGrid-0014 {
 231     min-width: 118px;
 232     max-width: 118px;
 233 }
 234 </style>
 235    <div class="ui-grid-contents-wrapper">
 236     <table cellspacing="0" cellpadding="10" class="siteStatusTable">
 237      <thead>
 238       <tr>
 239        <th>&nbsp;</th>
 240        <th>Id&nbsp;</th>
 241        <th>Status&nbsp;</th>
 242        <th>Blueprint&nbsp;</th>
 243        <th>Version</th>
 244        <th>Layer&nbsp;</th>
 245        <th>Desired Timeslot&nbsp;</th>
 246        <th>Url of result&nbsp;</th>
 247       </tr>
 248      </thead>
 249      <tbody>
 250       <tr class="border_bottom" ng-repeat="submission in submissions">
 251        <td><label class="checkbox"> <input type="checkbox"
 252          name="name1" ng-model="temp"
 253          ng-change="modifySubmissionIdList(submission.submissionId)"
 254          class="ng-valid ng-dirty ng-valid-parse ng-touched"><i
 255          class="skin"></i><span>&nbsp;</span></label></td>
 256        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 257         submission.submissionId }}</td>
 258        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 259         submission.submissionStatus }}</td>
 260        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 261         submission.blueprintInstanceForValidation.blueprint.blueprintName
 262         }}</td>
 263        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 264         submission.blueprintInstanceForValidation.version }}</td>
 265        <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
 266         href="#" data-toggle="tooltip"
 267         title="{{submission.blueprintInstanceForValidation.layerDescription}}">{{
 268          submission.blueprintInstanceForValidation.layer }}</a></td>
 269        <td style="padding-left: 10px; font-size: 15px; width: 13%;">Lab:
 270         {{ submission.timeslot.lab.lab }} Start date and time: {{
 271         submission.timeslot.startDateTime }} <!-- duration(in sec) :
 272         {{submission.timeslot.duration}}-->
 273        </td>
 274        <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
 275         href="{{submission.nexusResultUrl }}">{{
 276          submission.nexusResultUrl }}</a></td>
 277       </tr>
 278      </tbody>
 279     </table>
 280
 281     <div class="well" style="padding-bottom: 35px;">
 282      <div class="row ddh-page short">
 283       <div class="b2b-pager ng-isolate-scope" b2b-pagination=""
 284        total-pages="totalPages1" current-page="currentPage1"
 285        click-handler="customHandler1" role="navigation"
 286        aria-label="Customer Data Pages">
 287        <div ng-if="notMobile &amp;&amp; totalPages > 1" class="ng-scope">
 288
 289        </div>
 290       </div>
 291      </div>
 292
 293     </div>
 294
 295    </div>
 296   </div>
 297  </div>
 298
 299  <script>
 300  $(document).ready(function(){
 301   $('[data-toggle="tooltip"]').tooltip();
 302  });
 303  </script>
 304
 305 </div>