modules/yangman-resources/src/main/resources/yangman/views/rightpanel/detail.tpl.html

   1 <!-- Header -->
   2 <section md-whiteframe="1"
   3          class="yangmanModule__right-panel__header"
   4          style="margin-bottom: 0px!important;"
   5          ng-include src="globalViewPath + 'rightpanel/request-header.tpl.html'">
   6 </section>
   7 <!-- /Header -->
   8
   9 <!--<section class="yangmanModule__right-panel__request-progress">-->
  10     <!--<div class="yangmanModule__right-panel__request-progress__loading-container">-->
  11         <!--<md-progress-linear md-mode="query"></md-progress-linear>-->
  12         <!--<div class="bottom-block">-->
  13             <!--<span>{{ 'YANGMAN_EXECUTING_REQUEST' | translate }}...</span>-->
  14         <!--</div>-->
  15     <!--</div>-->
  16 <!--</section>-->
  17
  18 <!-- Form section -->
  19 <section class="yangmanModule__right-panel__form bottom-content"
  20          ng-show="rightPanelSection === main.constants.DISPLAY_TYPE_FORM"
  21          ng-if="node"
  22          ng-controller="YangFormCtrl as yangForm">
  23     <div ng-show="yangForm.errorMsg"><p class="error">{{ yangForm.errorMsg }}</p></div>
  24     <div ng-include src="yangForm.viewPath + '/' + selectedDatastore.label + '/' + node.type+'.tpl.html'"></div>
  25 </section>
  26 <!-- /Form section -->
  27
  28 <!-- JSON section -->
  29 <section class="yangmanModule__right-panel__req-data bottom-content"
  30          ng-cloak
  31          ng-show="rightPanelSection === main.constants.DISPLAY_TYPE_REQ_DATA">
  32
  33     <!-- Sent data -->
  34     <div ng-controller="RequestDataCtrl as requestData"
  35          layout="column"
  36          ng-show="main.jsonView.sent"
  37          ng-init="requestData.init('SENT')"
  38          ng-class="{'half-size': main.jsonView.received && main.jsonView.sent}"
  39          class="yangmanModule__right-panel__req-data__cm-SENT ym-resizable-s">
  40
  41         <section class="yangmanModule__right-panel__req-data__header" layout="row">
  42             <h5 flex>{{'YANGMAN_SENT_DATA' | translate}}</h5>
  43             <md-button ng-click="requestData.enlargeCMFont()">
  44                 <i class="material-icons bigger">text_format</i>
  45                 <i class="material-icons additional">arrow_drop_up</i>
  46                 <md-tooltip>
  47                     {{ 'YANGMAN_CM_ENLARGE_FONT_SIZE' | translate }}
  48                 </md-tooltip>
  49             </md-button>
  50             <md-button ng-click="requestData.reduceCMFont()">
  51                 <i class="material-icons smaller">text_format</i>
  52                 <i class="material-icons additional">arrow_drop_down</i>
  53                 <md-tooltip md-direction="bottom right">
  54                     {{ 'YANGMAN_CM_REDUCE_FONT_SIZE' | translate }}
  55                 </md-tooltip>
  56             </md-button>
  57         </section>
  58         <div md-whiteframe="2" ng-include src="globalViewPath + 'rightpanel/request-data.tpl.html'"></div>
  59     </div>
  60
  61     <!-- Received data -->
  62     <div ng-controller="RequestDataCtrl as requestData"
  63          ng-show="main.jsonView.received"
  64          ng-init="requestData.init(main.constants.REQUEST_DATA_TYPE_RECEIVED)"
  65          ng-class="{'half-size': main.jsonView.received && main.jsonView.sent}"
  66          class="yangmanModule__right-panel__req-data__cm-RECEIVED ym-resizable-s">
  67
  68         <section class="yangmanModule__right-panel__req-data__header" layout="row">
  69             <h5 flex>{{'YANGMAN_RECEIVED_DATA' | translate}}</h5>
  70             <md-button ng-click="requestData.enlargeCMFont()">
  71                 <i class="material-icons bigger">text_format</i>
  72                 <i class="material-icons additional">arrow_drop_up</i>
  73                 <md-tooltip>
  74                     {{ 'YANGMAN_CM_ENLARGE_FONT_SIZE' | translate }}
  75                 </md-tooltip>
  76             </md-button>
  77             <md-button ng-click="requestData.reduceCMFont()">
  78                 <i class="material-icons smaller">text_format</i>
  79                 <i class="material-icons additional">arrow_drop_down</i>
  80                 <md-tooltip md-direction="bottom right">
  81                     {{ 'YANGMAN_CM_REDUCE_FONT_SIZE' | translate }}
  82                 </md-tooltip>
  83             </md-button>
  84         </section>
  85         <div md-whiteframe="2" ng-include src="globalViewPath + 'rightpanel/request-data.tpl.html'"></div>
  86     </div>
  87 </section>
  88 <!-- /JSON section -->