panelgeneral.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <div class="editor-row">
  2. <div class="section gf-form-group">
  3. <h5 class="section-heading">Info</h5>
  4. <div class="gf-form">
  5. <span class="gf-form-label width-7">Title</span>
  6. <input type="text" class="gf-form-input width-25" ng-model='ctrl.panel.title'></input>
  7. </div>
  8. <div class="gf-form gf-form--v-stretch">
  9. <span class="gf-form-label width-7">Description</span>
  10. <textarea class="gf-form-input width-25" rows="3" ng-model="ctrl.panel.description" placeholder="Panel description, supports markdown & links"></textarea>
  11. </div>
  12. <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>
  13. </div>
  14. <div class="section gf-form-group">
  15. <h5 class="section-heading">Repeat</h5>
  16. <div class="gf-form">
  17. <span class="gf-form-label width-9">For each value of</span>
  18. <dash-repeat-option panel="ctrl.panel"></dash-repeat-option>
  19. </div>
  20. <div class="gf-form" ng-show="ctrl.panel.repeat">
  21. <span class="gf-form-label width-9">Min width</span>
  22. <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]">
  23. <option value=""></option>
  24. </select>
  25. </div>
  26. <div class="gf-form" ng-show="ctrl.panel.repeat">
  27. <span class="gf-form-label width-9">Direction</span>
  28. <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'}]">
  29. <option value=""></option>
  30. </select>
  31. </div>
  32. </div>
  33. <panel-links-editor panel="ctrl.panel"></panel-links-editor>