groupbasedpolicy-ui/module/src/main/resources/gbp/contract/contract.tpl.html

   1 <section flex layout="column">
   2     <div flex layout="row">
   3         <md-button ng-click="openContractDialog()" class="md-primary">Add</md-button>
   4         <md-button ng-click="getContractList()" class="md-primary">Reload</md-button>
   5     </div>
   6     <md-table-container ng-if="contracts.data.length" ng-hide="contractId.length">
   7         <table md-table>
   8             <thead md-head md-order="contractsTableQuery.order">
   9             <tr md-row>
  10                 <th md-column md-order-by="data.id"><span>Id</span></th>
  11                 <th md-column md-order-by="data.parent"><span>Parent</span></th>
  12                 <th md-column md-order-by="data.description"><span>Description</span></th>
  13                 <th md-column><span>Actions</span></th>
  14             </tr>
  15             </thead>
  16             <tbody md-body>
  17             <tr md-row ng-repeat="contract in contracts.data | filter: contractsTableQuery.filter  | orderBy : contractsTableQuery.order | limitTo: contractsTableQuery.limit : (contractsTableQuery.page -1) * contractsTableQuery.limit">
  18                 <td md-cell>{{contract.data.id}}</td>
  19                 <td md-cell>{{contract.data.parent}}</td>
  20                 <td md-cell>{{contract.data.description}}</td>
  21                 <td md-cell>
  22                     <md-button class="md-icon-button" ng-click="openContractDialog(contract)">
  23                         <md-icon>edit</md-icon>
  24                     </md-button>
  25                     <md-button class="md-icon-button" ng-click="deleteContractDialog(contract)">
  26                         <md-icon>delete</md-icon>
  27                     </md-button>
  28                 </td>
  29             </tr>
  30
  31             </tbody>
  32         </table>
  33         <md-table-pagination md-limit="contractsTableQuery.limit"
  34                              md-page="contractsTableQuery.page"
  35                              md-options="contractsTableQuery.options"
  36                              md-total="{{contracts.data.length}}"
  37                              md-page-select="options.pageSelect">
  38         </md-table-pagination>
  39     </md-table-container>
  40
  41     <section ng-if="contractId.length">
  42         Details of contract: <u>{{contract1}}</u><br /><br />
  43         <u>contract1:</u><br />
  44         id: {{contract.data.id}}<br />
  45         description: {{contract.data.description}}<br />
  46         parent:{{contract.data.parent}}<br />
  47         his containers:</b><br />
  48         <u>Target object:</u><br />{{contract.data.target}}
  49         <u>Subject object:</u><br />{{contract.data.subject}}
  50         <u>Clause object:</u><br />{{contract.data.clause}}
  51         <u>Quality object:</u><br />{{contract.data.quality}}
  52     </section>
  53
  54 </section>