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          id="jsonSection"
  22          ng-cloak
  23          ng-show="rightPanelSection === main.constants.DISPLAY_TYPE_REQ_DATA">
  24
  25     <!-- Sent data -->
  26     <div ng-controller="RequestDataCtrl as requestData"
  27          layout="column"
  28          ng-show="main.jsonView.sent"
  29          ng-init="requestData.init('SENT')"
  30          ng-class="{'half-size': main.jsonView.received && main.jsonView.sent}"
  31          height-watcher watch-attribute="height"
  32          id="sentData"
  33          class="yangmanModule__right-panel__req-data__cm-SENT ym-resizable-s">
  34
  35         <section class="yangmanModule__right-panel__req-data__header" layout="row">
  36             <h5 flex>{{'YANGMAN_SENT_DATA' | translate}}</h5>
  37             <md-button ng-click="requestData.enlargeCMFont()">
  38                 <i class="material-icons bigger">text_format</i>
  39                 <i class="material-icons additional">arrow_drop_up</i>
  40                 <md-tooltip>
  41                     {{ 'YANGMAN_CM_ENLARGE_FONT_SIZE' | translate }}
  42                 </md-tooltip>
  43             </md-button>
  44             <md-button ng-click="requestData.reduceCMFont()">
  45                 <i class="material-icons smaller">text_format</i>
  46                 <i class="material-icons additional">arrow_drop_down</i>
  47                 <md-tooltip md-direction="bottom right">
  48                     {{ 'YANGMAN_CM_REDUCE_FONT_SIZE' | translate }}
  49                 </md-tooltip>
  50             </md-button>
  51         </section>
  52         <div md-whiteframe="2" ng-include src="globalViewPath + 'rightpanel/request-data.tpl.html'" style="overflow-y: hidden;"></div>
  53     </div>
  54
  55     <!-- Received data -->
  56     <div ng-controller="RequestDataCtrl as requestData"
  57          ng-show="main.jsonView.received"
  58          ng-init="requestData.init(main.constants.REQUEST_DATA_TYPE_RECEIVED)"
  59          ng-class="{'half-size': main.jsonView.received && main.jsonView.sent}"
  60          id="ReceiveData"
  61          class="yangmanModule__right-panel__req-data__cm-RECEIVED ym-resizable-s">
  62
  63         <section class="yangmanModule__right-panel__req-data__header" layout="row">
  64             <h5 flex>{{'YANGMAN_RECEIVED_DATA' | translate}}</h5>
  65             <md-button ng-click="requestData.enlargeCMFont()">
  66                 <i class="material-icons bigger">text_format</i>
  67                 <i class="material-icons additional">arrow_drop_up</i>
  68                 <md-tooltip>
  69                     {{ 'YANGMAN_CM_ENLARGE_FONT_SIZE' | translate }}
  70                 </md-tooltip>
  71             </md-button>
  72             <md-button ng-click="requestData.reduceCMFont()">
  73                 <i class="material-icons smaller">text_format</i>
  74                 <i class="material-icons additional">arrow_drop_down</i>
  75                 <md-tooltip md-direction="bottom right">
  76                     {{ 'YANGMAN_CM_REDUCE_FONT_SIZE' | translate }}
  77                 </md-tooltip>
  78             </md-button>
  79         </section>
  80         <div md-whiteframe="2" ng-include src="globalViewPath + 'rightpanel/request-data.tpl.html'" style="overflow-y: hidden;"></div>
  81     </div>
  82 </section>
  83 <!-- /JSON section -->