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="filterSubmission.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;">General
  56    matching string:</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="filterGeneralMatch" type="text" placeholder="?"
  60     style="margin-top: 5px; width: 260px;">
  61   </div>
  62
  63   <div style="float: right;">
  64    <button style="margin-left: 25px; margin-top: 4px;" type="submit"
  65     class="btn btn-alt btn-small"
  66     ng-click="refreshCommittedSubmissions();">Refresh</button>
  67   </div>
  68
  69   <div ui-i18n="en"
  70    class="grid ui-grid ng-isolate-scope grid1560525896761" id="grid1"
  71    ui-grid="gridOptions" ui-grid-pagination="">
  72    <!-- TODO (c0bra): add "scoped" attr here, eventually? -->
  73    <style ui-grid-style="" class="ng-binding">
  74 .grid1560525896761 {
  75     /* Styles for the grid */
  76
  77 }
  78
  79 .grid1560525896761 .ui-grid-row, .grid1560525896761 .ui-grid-cell,
  80     .grid1560525896761 .ui-grid-cell .ui-grid-vertical-bar {
  81     height: 30px;
  82 }
  83
  84 .grid1560525896761 .ui-grid-row:last-child .ui-grid-cell {
  85     border-bottom-width: 0px;
  86 }
  87
  88 /*
  89     .ui-grid[dir=rtl] .ui-grid-viewport {
  90       padding-left: px;
  91     }
  92     */
  93 .grid1560525896761 .ui-grid-coluiGrid-000W {
  94     min-width: 119px;
  95     max-width: 119px;
  96 }
  97
  98 .grid1560525896761 .ui-grid-coluiGrid-000X {
  99     min-width: 119px;
 100     max-width: 119px;
 101 }
 102
 103 .grid1560525896761 .ui-grid-coluiGrid-000Y {
 104     min-width: 119px;
 105     max-width: 119px;
 106 }
 107
 108 .grid1560525896761 .ui-grid-coluiGrid-000Z {
 109     min-width: 118px;
 110     max-width: 118px;
 111 }
 112
 113 .grid1560525896761 .ui-grid-coluiGrid-0010 {
 114     min-width: 118px;
 115     max-width: 118px;
 116 }
 117
 118 .grid1560525896761 .ui-grid-coluiGrid-0011 {
 119     min-width: 118px;
 120     max-width: 118px;
 121 }
 122
 123 .grid1560525896761 .ui-grid-coluiGrid-0012 {
 124     min-width: 118px;
 125     max-width: 118px;
 126 }
 127
 128 .grid1560525896761 .ui-grid-coluiGrid-0013 {
 129     min-width: 118px;
 130     max-width: 118px;
 131 }
 132
 133 .grid1560525896761 .ui-grid-coluiGrid-0014 {
 134     min-width: 118px;
 135     max-width: 118px;
 136 }
 137
 138 .grid1560525896761 .ui-grid-render-container-body .ui-grid-canvas {
 139     width: 1065px;
 140     height: 0px;
 141 }
 142
 143 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
 144     {
 145     width: 1080px;
 146 }
 147
 148 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-canvas
 149     {
 150     height: inherit;
 151 }
 152
 153 .grid1560525896761 .ui-grid-render-container-body .ui-grid-viewport {
 154     width: 1080px;
 155     height: 338px;
 156 }
 157
 158 .grid1560525896761 .ui-grid-render-container-body .ui-grid-header-viewport
 159     {
 160     width: 1080px;
 161 }
 162
 163 .grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-canvas
 164     {
 165     width: 1080px;
 166 }
 167
 168 .grid1560525896761 .ui-grid-render-container-body .ui-grid-footer-viewport
 169     {
 170     width: 1080px;
 171 }
 172
 173 .grid1560525896761 .ui-grid-footer-aggregates-row {
 174     height: 30px;
 175 }
 176
 177 .grid1560525896761 .ui-grid-footer-info {
 178     height: 30px;
 179 }
 180
 181 .grid1560525896761 .ui-grid-coluiGrid-000W {
 182     min-width: 119px;
 183     max-width: 119px;
 184 }
 185
 186 .grid1560525896761 .ui-grid-coluiGrid-000X {
 187     min-width: 119px;
 188     max-width: 119px;
 189 }
 190
 191 .grid1560525896761 .ui-grid-coluiGrid-000Y {
 192     min-width: 119px;
 193     max-width: 119px;
 194 }
 195
 196 .grid1560525896761 .ui-grid-coluiGrid-000Z {
 197     min-width: 118px;
 198     max-width: 118px;
 199 }
 200
 201 .grid1560525896761 .ui-grid-coluiGrid-0010 {
 202     min-width: 118px;
 203     max-width: 118px;
 204 }
 205
 206 .grid1560525896761 .ui-grid-coluiGrid-0011 {
 207     min-width: 118px;
 208     max-width: 118px;
 209 }
 210
 211 .grid1560525896761 .ui-grid-coluiGrid-0012 {
 212     min-width: 118px;
 213     max-width: 118px;
 214 }
 215
 216 .grid1560525896761 .ui-grid-coluiGrid-0013 {
 217     min-width: 118px;
 218     max-width: 118px;
 219 }
 220
 221 .grid1560525896761 .ui-grid-coluiGrid-0014 {
 222     min-width: 118px;
 223     max-width: 118px;
 224 }
 225
 226 .table-container {
 227     display: inline-block;
 228     height: 400px;
 229     padding-top: 1.875em;
 230     position: relative;
 231 }
 232
 233 .table-container>div {
 234     border-color: #888;
 235     border-style: solid;
 236     border-width: 1px 1px 2px 1px;
 237     height: 1.7em;
 238     left: 0;
 239     position: absolute;
 240     right: 0;
 241     top: 0;
 242 }
 243
 244 table {
 245     display: block;
 246     height: 400px;
 247     overflow-y: auto;
 248 }
 249
 250 th {
 251     padding: 0 5px;
 252     text-align: center;
 253 }
 254
 255 th:first-child>div {
 256     border-left: none;
 257     padding-left: 7px;
 258 }
 259
 260 th>div {
 261     border-left: 2px solid #888;
 262     line-height: 1.875em;
 263     margin-left: -6px;
 264     padding-left: 5px;
 265     position: absolute;
 266     top: 0;
 267 }
 268
 269 td {
 270     border-color: #888;
 271     border-style: solid;
 272     border-width: 0 1px 2px 1px;
 273     padding: 5px;
 274 }
 275 </style>
 276    <div class="table-container">
 277     <table cellspacing="0">
 278      <thead>
 279       <tr>
 280        <th>Id&nbsp;</th>
 281        <th>Status&nbsp;</th>
 282        <th>Blueprint&nbsp;</th>
 283        <th>Version</th>
 284        <th>Layer&nbsp;</th>
 285        <th>Desired Timeslot&nbsp;</th>
 286        <th>Url of result&nbsp;</th>
 287       </tr>
 288      </thead>
 289      <tbody>
 290       <tr class="border_bottom"
 291        ng-repeat="submission in submissions | filter:filterGeneralMatch | filter:filterSubmission">
 292        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 293         submission.submissionId }}</td>
 294        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 295         submission.submissionStatus }}</td>
 296        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 297         submission.blueprintInstanceForValidation.blueprint.blueprintName
 298         }}</td>
 299        <td style="padding-left: 10px; font-size: 15px; width: 13%;">{{
 300         submission.blueprintInstanceForValidation.version }}</td>
 301        <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
 302         href="#" data-toggle="tooltip"
 303         title="{{submission.blueprintInstanceForValidation.layerDescription}}">{{
 304          submission.blueprintInstanceForValidation.layer }}</a></td>
 305        <td style="padding-left: 10px; font-size: 15px; width: 13%;">Lab:
 306         {{ submission.timeslot.lab.lab }} Start date and time: {{
 307         submission.timeslot.startDateTime }} <!-- duration(in sec) :
 308         {{submission.timeslot.duration}}-->
 309        </td>
 310        <td style="padding-left: 10px; font-size: 15px; width: 13%;"><a
 311         href="{{submission.nexusResultUrl }}">{{
 312          submission.nexusResultUrl }}</a></td>
 313       </tr>
 314      </tbody>
 315     </table>
 316
 317    </div>
 318   </div>
 319  </div>
 320
 321  <script>
 322  $(document).ready(function(){
 323   $('[data-toggle="tooltip"]').tooltip();
 324  });
 325  </script>
 326
 327 </div>