row.html 2.5 KB

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