row.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <div class="dash-row-menu-container" id="dash-row-menu-container-id" ng-hide="dashboard.meta.fullscreen">
  2. <ul class="dash-row-menu" role="menu" aria-labelledby="drop1">
  3. <li>
  4. <a ng-click="ctrl.onMenuAddPanel()">
  5. <i class="fa fa-plus"></i> Add Panel
  6. </a>
  7. <i class="icon-gf icon-gf-bulk_action dash-row-menu--affordance" id="dash-row-menu--affordance-id"></i>
  8. </li>
  9. <li>
  10. <a ng-click="ctrl.onMenuRowOptions()">
  11. <i class="fa fa-cog"></i> Row Options
  12. </a>
  13. </li>
  14. <li>
  15. <a ng-click="ctrl.onMenuDeleteRow()">
  16. <i class="fa fa-arrow-up"></i> Move Up
  17. </a>
  18. </li>
  19. <li>
  20. <a ng-click="ctrl.onMenuDeleteRow()">
  21. <i class="fa fa-arrow-down"></i> Move Down
  22. </a>
  23. </li>
  24. <li>
  25. <a ng-click="ctrl.onMenuDeleteRow()">
  26. <i class="fa fa-trash"></i> Delete row
  27. </a>
  28. </li>
  29. </ul>
  30. </div>
  31. <div class="dash-row-header" ng-if="ctrl.row.showTitle || ctrl.row.collapse">
  32. <a class="dash-row-header-title" ng-click="ctrl.toggleCollapse()">
  33. <span class="dash-row-collapse-toggle pointer">
  34. <i class="fa fa-chevron-down" ng-show="!ctrl.row.collapse"></i>
  35. <i class="fa fa-chevron-right" ng-show="ctrl.row.collapse"></i>
  36. </span>
  37. <span ng-class="ctrl.row.titleSize">{{ctrl.row.title | interpolateTemplateVars:this}}</span>
  38. </a>
  39. </div>
  40. <div ng-if="ctrl.dropView === 1">
  41. <dash-row-add-panel row-ctrl="ctrl"></dash-row-add-panel>
  42. </div>
  43. <div ng-if="ctrl.dropView === 2">
  44. <dash-row-options row-ctrl="ctrl"></dash-row-options>
  45. </div>
  46. <div class="panels-wrapper" ng-if="!ctrl.row.collapse">
  47. <div ng-repeat="panel in ctrl.row.panels track by panel.id" class="panel" ui-draggable="!ctrl.dashboard.meta.fullscreen" drag="panel.id" ui-on-drop="ctrl.onDrop($data, panel)" drag-handle-class="drag-handle" panel-width>
  48. <plugin-component type="panel" class="panel-margin">
  49. </plugin-component>
  50. </div>
  51. <div panel-drop-zone class="panel panel-drop-zone" ui-on-drop="ctrl.onDrop($data)" data-drop="true">
  52. <div class="panel-margin">
  53. <div class="panel-container">
  54. <div class="panel-drop-zone-text"></div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="clearfix"></div>
  59. </div>