row.html 2.0 KB

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