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

   1 <section flex layout="column">
   2     <md-table-container ng-if="contracts.data.length" ng-hide="contractId.length">
   3         <table md-table>
   4             <thead md-head md-order="contractsTableQuery.order">
   5             <tr md-row>
   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>
  10             </tr>
  11             </thead>
  12             <tbody md-body>
  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>
  17                 <td md-cell>
  18                     <md-button class="md-icon-button" ng-click="edit(contract)">
  19                         <md-icon>edit</md-icon>
  20                     </md-button>
  21                     <md-button class="md-icon-button" ng-click="delete(contract)">
  22                         <md-icon>delete</md-icon>
  23                     </md-button>
  24                 </td>
  25             </tr>
  26
  27             </tbody>
  28         </table>
  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>
  35     </md-table-container>
  36
  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}}
  48     </section>
  49
  50
  51
  52
  53
  54 </section>
  55
  56
  57
  58
  59
  60
  61
  62
  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>
  68       <hr/>
  69       <h3 class="md-subhead">Target-Based Position Modes</h3>
  70     </div>
  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>
  74         <md-menu>
  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>
  77           </md-button>
  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>
  82                 Option {{item}}
  83               </md-button>
  84             </md-menu-item>
  85           </md-menu-content>
  86         </md-menu>
  87       </div>
  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>
  93           </md-button>
  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>
  97             </md-menu-item>
  98           </md-menu-content>
  99         </md-menu>
 100       </div>
 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>
 106           </md-button>
 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)">
 110                   <div layout="row">
 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>
 113                   </div>
 114               </md-button>
 115             </md-menu-item>
 116           </md-menu-content>
 117         </md-menu>
 118       </div>
 119     </div>
 120     </div>
 121   </div>
 122 </div> -->