general_tab.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <div class="panel-option-section">
  2. <!-- <div class="panel&#45;option&#45;section__header">Information</div> -->
  3. <div class="panel-option-section__body">
  4. <div class="section">
  5. <div class="gf-form">
  6. <span class="gf-form-label width-7">Title</span>
  7. <input type="text" class="gf-form-input width-25" ng-model='ctrl.panel.title' ng-model-onblur></input>
  8. </div>
  9. <gf-form-switch class="gf-form" label-class="width-7" switch-class="max-width-6" label="Transparent" checked="ctrl.panel.transparent" on-change="ctrl.render()"></gf-form-switch>
  10. </div>
  11. <div class="section">
  12. <div class="gf-form gf-form--v-stretch">
  13. <span class="gf-form-label width-7">Description</span>
  14. <textarea class="gf-form-input width-25" rows="5" ng-model="ctrl.panel.description" ng-model-onblur placeholder="Panel description, supports markdown & links"></textarea>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <div class="panel-option-section">
  20. <div class="panel-option-section__header">Repeating</div>
  21. <div class="panel-option-section__body">
  22. <div class="section">
  23. <div class="gf-form">
  24. <span class="gf-form-label width-9">Repeat</span>
  25. <dash-repeat-option panel="ctrl.panel"></dash-repeat-option>
  26. </div>
  27. <div class="gf-form" ng-show="ctrl.panel.repeat">
  28. <span class="gf-form-label width-9">Direction</span>
  29. <select class="gf-form-input" ng-model="ctrl.panel.repeatDirection" ng-options="f.value as f.text for f in [{value: 'v', text: 'Vertical'}, {value: 'h', text: 'Horizontal'}]">
  30. <option value=""></option>
  31. </select>
  32. </div>
  33. <div class="gf-form" ng-show="ctrl.panel.repeat && ctrl.panel.repeatDirection == 'h'">
  34. <span class="gf-form-label width-9">Min width</span>
  35. <select class="gf-form-input" ng-model="ctrl.panel.minSpan" ng-options="f for f in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]">
  36. <option value=""></option>
  37. </select>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="panel-option-section">
  43. <div class="panel-option-section__header">Drilldown Links</div>
  44. <div class="panel-option-section__body">
  45. <panel-links-editor panel="ctrl.panel"></panel-links-editor>
  46. </div>
  47. </div>