dashboardList.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <div class="scroll-canvas">
  2. <div gemini-scrollbar>
  3. <navbar model="ctrl.navModel"></navbar>
  4. <div class="page-container" style="height: 95%">
  5. <div class="page-header">
  6. <h1>Dashboards</h1>
  7. <a class="btn btn-success" href="/dashboard/new">
  8. <i class="fa fa-plus"></i>
  9. Create Dashboard
  10. </a>
  11. <a class="btn btn-success" href="/dashboard/new/?editview=new-folder">
  12. <i class="fa fa-plus"></i>
  13. Create Folder
  14. </a>
  15. </div>
  16. <div class="gf-form-group">
  17. <div class="gf-form-inline">
  18. <div class="gf-form width-15">
  19. <span style="position: relative;">
  20. <input type="text" class="gf-form-input" placeholder="Find Dashboard by name" tabindex="1" give-focus="true"
  21. ng-model="ctrl.query.query" ng-model-options="{ debounce: 500 }" spellcheck='false' ng-change="ctrl.getDashboards()" />
  22. </span>
  23. </div>
  24. <div class="gf-form" ng-if="ctrl.query.tag.length">
  25. Filtered by Tags:
  26. <span ng-repeat="tagName in ctrl.query.tag">
  27. <a ng-click="ctrl.removeTag(tagName, $event)" tag-color-from-name="tagName" class="label label-tag">
  28. <i class="fa fa-remove"></i>
  29. {{tagName}}
  30. </a>
  31. </span>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="gf-form-group" ng-if="ctrl.dashboards.length > 1">
  36. <div class="gf-form-button-row">
  37. <button type="button"
  38. class="btn gf-form-button btn-secondary"
  39. ng-disabled="!ctrl.canMove"
  40. ng-click="ctrl.moveTo()"
  41. bs-tooltip="ctrl.canMove ? '' : 'Select a dashboard to move (cannot move folders)'" data-placement="bottom">
  42. <i class="fa fa-exchange"></i>&nbsp;&nbsp;Move to...
  43. </button>
  44. <button type="button"
  45. class="btn gf-form-button btn-inverse"
  46. ng-click="ctrl.delete()"
  47. ng-disabled="!ctrl.canDelete">
  48. <i class="fa fa-trash"></i>&nbsp;&nbsp;Delete
  49. </button>
  50. </div>
  51. </div>
  52. <div class="admin-list-table" style="height: 80%">
  53. <div gemini-scrollbar>
  54. <table class="filter-table form-inline" ng-show="ctrl.dashboards.length > 0">
  55. <thead>
  56. <tr>
  57. <th class="width-4"></th>
  58. <th></th>
  59. </tr>
  60. </thead>
  61. <tbody>
  62. <tr bindonce ng-repeat="dashboard in ctrl.dashboards">
  63. <td class="filter-table__switch-cell" bs-tooltip="" data-placement="right">
  64. <gf-form-switch
  65. switch-class="gf-form-switch--table-cell"
  66. on-change="ctrl.selectionChanged()"
  67. checked="dashboard.checked">
  68. </gf-form-switch>
  69. </td>
  70. <td>
  71. <a class="search-item pointer search-item--{{dashboard.type}}"
  72. bo-href-i="{{dashboard.url}}">
  73. <span class="search-result-tags">
  74. <span ng-click="ctrl.filterByTag(tag, $event)" bindonce ng-repeat="tag in dashboard.tags" tag-color-from-name="tag" class="label label-tag">
  75. {{tag}}
  76. </span>
  77. <i class="fa" bo-class="{'fa-star': dashboard.isStarred, 'fa-star-o': !dashboard.isStarred}"></i>
  78. </span>
  79. <span class="search-result-link">
  80. <i class="fa search-result-icon"></i>
  81. <span bo-text="dashboard.title" />
  82. </span>
  83. </a>
  84. </td>
  85. </tr>
  86. </tbody>
  87. </table>
  88. </div>
  89. </div>
  90. <em class="muted" ng-hide="ctrl.dashboards.length > 0">
  91. No Dashboards or Folders found.
  92. </em>
  93. </div>
  94. </div>
  95. </div>