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>
6 <md-table-container ng-if="contracts.data.length" ng-hide="contractId.length">
8 <thead md-head md-order="contractsTableQuery.order">
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>
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>
22 <md-button class="md-icon-button" ng-click="openContractDialog(contract)">
23 <md-icon>edit</md-icon>
25 <md-button class="md-icon-button" ng-click="deleteContractDialog(contract)">
26 <md-icon>delete</md-icon>
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>
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}}