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