1 <section flex layout="column">
2 <md-table-container ng-if="contracts.data.length" ng-hide="contractId.length">
4 <thead md-head md-order="contractsTableQuery.order">
6 <th md-column md-order-by="data.id"><span>Id</span></th>
7 <th md-column md-order-by="data.parent"><span>Parent</span></th>
8 <th md-column md-order-by="data.description"><span>Description</span></th>
9 <th md-column><span>Actions</span></th>
13 <tr md-row ng-repeat="contract in contracts.data | filter: contractsTableQuery.filter | orderBy : contractsTableQuery.order | limitTo: contractsTableQuery.limit : (contractsTableQuery.page -1) * contractsTableQuery.limit">
14 <td md-cell>{{contract.data.id}}</td>
15 <td md-cell>{{contract.data.parent}}</td>
16 <td md-cell>{{contract.data.description}}</td>
18 <md-button class="md-icon-button" ng-click="edit(contract)">
19 <md-icon>edit</md-icon>
21 <md-button class="md-icon-button" ng-click="delete(contract)">
22 <md-icon>delete</md-icon>
29 <md-table-pagination md-limit="contractsTableQuery.limit"
30 md-page="contractsTableQuery.page"
31 md-options="contractsTableQuery.options"
32 md-total="{{contracts.data.length}}"
33 md-page-select="options.pageSelect">
34 </md-table-pagination>
37 <section ng-if="contractId.length">
38 Details of contract: <u>{{contract1}}</u><br /><br />
39 <u>contract1:</u><br />
40 id: {{contract.data.id}}<br />
41 description: {{contract.data.description}}<br />
42 parent:{{contract.data.parent}}<br />
43 his containers:</b><br />
44 <u>Target object:</u><br />{{contract.data.target}}
45 <u>Subject object:</u><br />{{contract.data.subject}}
46 <u>Clause object:</u><br />{{contract.data.clause}}
47 <u>Quality object:</u><br />{{contract.data.quality}}
63 <!-- <div class="md-menu-demo" ng-controller="PositionDemoCtrl as ctrl" ng-cloak style="min-height:350px;">
64 <div class="menu-demo-container" layout-align="start center" layout="column" >
65 <div layout-align="start center" layout="column" style="min-height:150px;" >
66 <h2 class="md-title">Position Mode Demos</h2>
67 <p>The <code>md-position-mode</code> attribute can be used to specify the positioning along the <code>x</code> and <code>y</code> axis.</p>
69 <h3 class="md-subhead">Target-Based Position Modes</h3>
71 <div class="menus" layout-wrap layout="row" layout-fill layout-align="space-between center" style="min-height:200px;">
72 <div layout="column" flex="33" flex-sm="100" layout-align="center center">
73 <p>Target Mode Positioning (default)</p>
75 <md-button aria-label="Open demo menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
76 <md-icon md-menu-origin md-svg-icon="call:business"></md-icon>
78 <md-menu-content width="6">
79 <md-menu-item ng-repeat="item in [1, 2, 3]">
80 <md-button ng-click="ctrl.announceClick($index)">
81 <md-icon md-menu-align-target md-svg-icon="call:no-sim"></md-icon>
88 <div layout="column" flex-sm="100" flex="33" layout-align="center center">
89 <p>Target mode with <code>md-offset</code></p>
90 <md-menu md-offset="0 -5">
91 <md-button aria-label="Open demo menu" class="md-icon-button" ng-click="ctrl.openMenu($mdOpenMenu, $event)">
92 <md-icon md-menu-origin md-svg-icon="call:ring-volume"></md-icon>
94 <md-menu-content width="4">
95 <md-menu-item ng-repeat="item in [1, 2, 3]">
96 <md-button ng-click="ctrl.announceClick($index)"> <span md-menu-align-target>Option</span> {{item}} </md-button>
101 <div layout="column" flex-sm="100" flex="33" layout-align="center center">
102 <p><code>md-position-mode="target-right target"</code></p>
103 <md-menu md-position-mode="target-right target" >
104 <md-button aria-label="Open demo menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
105 <md-icon md-menu-origin md-svg-icon="call:portable-wifi-off"></md-icon>
107 <md-menu-content width="4" >
108 <md-menu-item ng-repeat="item in [1, 2, 3]">
109 <md-button ng-click="ctrl.announceClick($index)">
111 <p flex>Option {{item}}</p>
112 <md-icon md-menu-align-target md-svg-icon="call:portable-wifi-off" style="margin: auto 3px auto 0;"></md-icon>