Yangman - make elements accessible via ids - part1
[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / leftpanel / request-item.tpl.html
1 <!-- request row -->
2 <md-list-item class="yangmanModule__requests-list__group__item"
3               ng-class="{selected: request.selected}"
4               id="{{itemId}}"
5               layout="row"
6               flex="100"
7               ng-click="reqList.selectRequest($event, request);">
8
9     <div flex="15" class="yangmanModule__requests-list__group__item__method" layout-align="center center">
10         <p id="{{itemId}}-operation" class="{{request.status === 'success' || !request.status ? request.method : 'error'}}"> {{request.method === vm.constants.OPERATION_DELETE ? 'DEL' : request.method }} </p>
11         <md-tooltip md-direction="bottom" ng-show="request.status">{{request.status | uppercase }}</md-tooltip>
12     </div>
13
14     <div flex class="yangmanModule__requests-list__group__item__path" layout="column">
15         <p id="{{itemId}}-url" md-highlight-text="reqList.search" md-highlight-flags="i">
16             {{ request.path }}
17         </p>
18     </div>
19     <div flex="10"></div>
20 </md-list-item>
21 <!-- /request row -->
22
23 <!-- request submenu -->
24 <md-menu class="yangmanModule__requests-list__group__itemMenu"
25          md-offset="35 15"
26          layout-align="center start"
27          ng-class="{selected: request.selected}">
28
29     <md-button aria-label="menu" class="md-primary" id="{{itemId}}-submenu" ng-click="reqList.selectOnlyThisRequest(request); $mdOpenMenu()">
30         <i class="material-icons">menu</i>
31     </md-button>
32
33     <md-menu-content class="reqMenu">
34         <md-menu-item>
35             <md-button aria-label="{{'YANGMAN_REQ_RUN'| translate}}" id="{{itemId}}-execute" class="" ng-click="reqList.executeRequest(request)">
36                 <i class="material-icons">play_arrow</i>
37                 {{'YANGMAN_REQ_RUN'| translate}}
38             </md-button>
39         </md-menu-item>
40         <md-menu-item>
41             <md-button aria-label="{{'YANGMAN_REQ_SHOW_FORM'| translate}}" id="{{itemId}}-show-form" ng-click="reqList.showForm(request)">
42                 <i class="material-icons">exit_to_app</i>
43                 {{'YANGMAN_REQ_SHOW_FORM'| translate}}
44             </md-button>
45         </md-menu-item>
46         <md-menu-item>
47             <md-button aria-label="{{'YANGMAN_REQ_SHOW_SENT_DATA'| translate}}"
48                        id="{{itemId}}-show-sent-data"
49                        ng-click="reqList.showData(request)">
50                 <i class="material-icons">call_made</i>
51                 {{'YANGMAN_REQ_SHOW_JSON_DATA'| translate}}
52             </md-button>
53         </md-menu-item>
54         <md-menu-item ng-if="request.collection.length">
55             <md-button aria-label="{{'YANGMAN_REQ_DUPLICATE'| translate}}"
56                        id="{{itemId}}-duplicate"
57                        ng-click="reqList.showDgSaveReq($event, request, true)">
58                 <i class="material-icons">control_point_duplicate</i>
59                 {{'YANGMAN_REQ_DUPLICATE'| translate}}
60             </md-button>
61         </md-menu-item>
62         <md-menu-item>
63             <md-button aria-label="{{'YANGMAN_REQ_DELETE'| translate}}" id="{{itemId}}-delete" ng-click="reqList.showDgDeleteRequests($event, request)">
64                 <i class="material-icons">delete</i>
65                 {{'YANGMAN_REQ_DELETE'| translate}}
66             </md-button>
67         </md-menu-item>
68     </md-menu-content>
69 </md-menu>
70 <!-- /request submenu -->