query_editor_row.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <div class="gf-form-query">
  2. <div ng-if="!ctrl.hideEditorRowActions" 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"></div>
  22. <div ng-if="!ctrl.hideEditorRowActions" class="gf-form">
  23. <label class="gf-form-label dropdown">
  24. <a class="pointer dropdown-toggle" data-toggle="dropdown" tabindex="1"> <i class="fa fa-bars"></i> </a>
  25. <ul class="dropdown-menu pull-right" role="menu">
  26. <li role="menuitem" ng-if="ctrl.hasTextEditMode">
  27. <a tabindex="1" ng-click="ctrl.toggleEditorMode()">Toggle Edit Mode</a>
  28. </li>
  29. <li role="menuitem"><a tabindex="1" ng-click="ctrl.duplicateQuery()">Duplicate</a></li>
  30. <li role="menuitem"><a tabindex="1" ng-click="ctrl.moveQuery(-1)">Move up</a></li>
  31. <li role="menuitem"><a tabindex="1" ng-click="ctrl.moveQuery(1)">Move down</a></li>
  32. </ul>
  33. </label>
  34. <label class="gf-form-label">
  35. <a ng-click="ctrl.toggleHideQuery()" role="menuitem"> <i class="fa fa-eye"></i> </a>
  36. </label>
  37. <label class="gf-form-label">
  38. <a class="pointer" tabindex="1" ng-click="ctrl.removeQuery(ctrl.target)"> <i class="fa fa-trash"></i> </a>
  39. </label>
  40. </div>
  41. </div>