query_editor_row.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <div class="gf-form-query">
  2. <div class="gf-form gf-form-query-letter-cell">
  3. <label class="gf-form-label">
  4. <a class="pointer" tabindex="1" ng-click="ctrl.toggleCollapse()">
  5. <span ng-class="{muted: !ctrl.canCollapse}" class="gf-form-query-letter-cell-carret">
  6. <i class="fa fa-caret-down" ng-hide="ctrl.collapsed"></i>
  7. <i class="fa fa-caret-right" ng-show="ctrl.collapsed"></i>
  8. </span>
  9. <span class="gf-form-query-letter-cell-letter">{{ctrl.target.refId}}</span>
  10. <em class="gf-form-query-letter-cell-ds" ng-show="ctrl.target.datasource">({{ctrl.target.datasource}})</em>
  11. </a>
  12. </label>
  13. </div>
  14. <div class="gf-form-query-content gf-form-query-content--collapsed" ng-if="ctrl.collapsed">
  15. <div class="gf-form">
  16. <label class="gf-form-label pointer gf-form-label--grow" ng-click="ctrl.toggleCollapse()">
  17. {{ctrl.collapsedText}}
  18. </label>
  19. </div>
  20. </div>
  21. <div ng-transclude class="gf-form-query-content" ng-if="!ctrl.collapsed">
  22. </div>
  23. <div class="gf-form">
  24. <label class="gf-form-label dropdown">
  25. <a class="pointer dropdown-toggle" data-toggle="dropdown" tabindex="1">
  26. <i class="fa fa-bars"></i>
  27. </a>
  28. <ul class="dropdown-menu pull-right" role="menu">
  29. <li role="menuitem" ng-if="ctrl.hasTextEditMode">
  30. <a tabindex="1" ng-click="ctrl.toggleEditorMode()">Toggle Edit Mode</a>
  31. </li>
  32. <li role="menuitem">
  33. <a tabindex="1" ng-click="ctrl.duplicateQuery()">Duplicate</a>
  34. </li>
  35. <li role="menuitem">
  36. <a tabindex="1" ng-click="ctrl.moveQuery(-1)">Move up</a>
  37. </li>
  38. <li role="menuitem">
  39. <a tabindex="1" ng-click="ctrl.moveQuery(1)">Move down</a>
  40. </li>
  41. </ul>
  42. </label>
  43. <label class="gf-form-label">
  44. <a ng-click="ctrl.toggleHideQuery()" role="menuitem">
  45. <i class="fa fa-eye"></i>
  46. </a>
  47. </label>
  48. <label class="gf-form-label">
  49. <a class="pointer" tabindex="1" ng-click="ctrl.removeQuery(ctrl.target)">
  50. <i class="fa fa-trash"></i>
  51. </a>
  52. </label>
  53. </div>
  54. </div>