module.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <div class="editor-row">
  2. <h5 class="section-heading">
  3. Drilldown / detail link<tip>These links appear in the dropdown menu in the panel menu. </tip></h5>
  4. </h5>
  5. <div class="gf-form-group" ng-repeat="link in panel.links">
  6. <div class="section">
  7. <div class="gf-form max-width-25">
  8. <span class="gf-form-label width-7">Type</span>
  9. <div class="gf-form-select-wrapper gf-form--grow">
  10. <select class="gf-form-input" ng-model="link.type" ng-options="f for f in ['dashboard','absolute']"></select>
  11. </div>
  12. </div>
  13. <div class="gf-form max-width-25">
  14. <span class="gf-form-label width-7" ng-show="link.type === 'dashboard'">Dashboard</span>
  15. <input ng-show="link.type === 'dashboard'" type="text" ng-model="link.dashboard" bs-typeahead="searchDashboards" class="gf-form-input" ng-blur="dashboardChanged(link)">
  16. <span class="gf-form-label width-7" ng-show="link.type === 'absolute'">Url</span>
  17. <input ng-show="link.type === 'absolute'" type="text" ng-model="link.url" class="gf-form-input max-width-14">
  18. </div>
  19. <div class="gf-form max-width-25">
  20. <div class="gf-form-label width-7">Title</div>
  21. <input type="text" ng-model="link.title" class="gf-form-input">
  22. </div>
  23. </div>
  24. <div class="section">
  25. <div class="gf-form">
  26. <span class="gf-form-label width-10">Url params</span>
  27. <input type="text" ng-model="link.params" class="gf-form-input width-10">
  28. </div>
  29. <gf-form-switch class="gf-form" label-class="width-10" label="Include time range" checked="link.keepTime"></gf-form-switch>
  30. <gf-form-switch class="gf-form" label-class="width-10" label="Include variables" checked="link.includeVars"></gf-form-switch>
  31. <gf-form-switch class="gf-form" label-class="width-10" label="Open in new tab " checked="link.targetBlank"></gf-form-switch>
  32. </div>
  33. <div class="section">
  34. <div class="gf-form">
  35. <button class="btn btn-inverse gf-form-btn" ng-click="deleteLink(link)"><i class="fa fa-trash"></i> Remove Link</button>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="editor-row">
  41. <button class="btn btn-inverse" ng-click="addLink()"><i class="fa fa-plus"></i> Add link</button>
  42. </div>