utils/test/testapi/3rd_party/static/testapi-ui/components/pods/pods.html

   1 <h3>{{ctrl.pageHeader}}</h3>
   2 <p>{{ctrl.pageParagraph}}</p>
   3 <div class="row" style="margin-bottom:24px;"></div>
   4
   5 <div class="pod-create">
   6     <h4>Create</h4>
   7     <div class="row">
   8         <div ng-repeat="require in ctrl.createRequirements">
   9             <div class="create-pod" style="margin-left:24px;">
  10                 <p class="input-group">
  11                     <label for="cpid">{{require.label|capitalize}}: </label>
  12                     <a ng-if="require.type == 'select'">
  13                         <select dynamic-model="'ctrl.' + require.label" ng-options="option for option in require.selects"></select>
  14                     </a>
  15                     <a ng-if="require.type == 'text'">
  16                         <input type="text" dynamic-model="'ctrl.' + require.label"/>
  17                     </a>
  18                     <a ng-if="require.type == 'textarea'">
  19                         <textarea rows="2" cols="50" dynamic-model="'ctrl.' + require.label">
  20                         </textarea>
  21                     </a>
  22                 </p>
  23             </div>
  24         </div>
  25
  26         <div class="col-md-3" style="margin-top:12px; margin-left:8px;">
  27             <button type="submit" class="btn btn-primary" ng-click="ctrl.create()">Create</button>
  28         </div>
  29     </div>
  30 </div>
  31
  32 <div class="pods-filters" style="margin-top:36px;">
  33     <h4>Filters</h4>
  34     <div class="row">
  35         <div class="col-md-3" style="margin-top:12px; margin-left:8px;">
  36             <button type="submit" class="btn btn-primary" ng-click="ctrl.update()">Filter</button>
  37             <button type="submit" class="btn btn-primary btn-danger" ng-click="ctrl.clearFilters()">Clear</button>
  38         </div>
  39     </div>
  40 </div>
  41
  42 <div cg-busy="{promise:ctrl.authRequest,message:'Loading'}"></div>
  43 <div cg-busy="{promise:ctrl.podsRequest,message:'Loading'}"></div>
  44
  45 <div ng-show="ctrl.data" class="pods-table" style="margin-top:24px; margin-left:8px;">
  46     <table ng-data="ctrl.data.pods" ng-show="ctrl.data" class="table table-striped table-hover">
  47         <tbody>
  48             <tr ng-repeat-start="(index, pod) in ctrl.data.pods">
  49                 <td>
  50                     <a href="#" ng-click="showPod = !showPod">{{pod.name}}</a>
  51                     <div class="show-pod" ng-class="{ 'hidden': ! showPod }" style="margin-left:24px;">
  52                         <p>
  53                             role: {{pod.role}}<br>
  54                             mode: {{pod.mode}}<br>
  55                             create_date: {{pod.creation_date}}<br>
  56                             details: {{pod.details}}
  57                         </p>
  58                     </div>
  59                 </td>
  60             </tr>
  61             <tr ng-repeat-end=>
  62             </tr>
  63         </tbody>
  64     </table>
  65 </div>
  66
  67 <div ng-show="ctrl.showError" class="alert alert-danger" role="alert">
  68     <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  69     <span class="sr-only">Error:</span>
  70     {{ctrl.error}}
  71 </div>