module.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <div class="dashlist">
  2. <div class="dashlist-section">
  3. <h6 class="dashlist-section-header">
  4. Getting Started with Grafana
  5. <button class="dashlist-CTA-close-btn"><i class="fa fa-remove"></i></button>
  6. </h6>
  7. <div class="dashlist-flex-container">
  8. <div class="dashlist-panel-CTA-flex-container--left">
  9. <h5 class="dashlist-next-up">Next up:</h5>
  10. <span class="dashlist-title">Create your first data source</span>
  11. <p class="dashlist-next-up-blurb">If Grafana dashboards are like the eyes, man, datasources are the heart. Cosmic.</p>
  12. <button class="btn btn-success">Add Data Source</button>
  13. </div>
  14. <ul class="dashlist-panel-CTA-flex-container--right">
  15. <li class="dashlist-panel-CTA-items">
  16. <div class="dashlist-icons-container">
  17. <i class="icon-gf icon-gf-check dashlist-icon-success"></i>
  18. </div>
  19. <span class="dashlist-blurb dashlist-blurb-success">Install Grafana like a boss.</span>
  20. </li>
  21. <li class="dashlist-panel-CTA-items dashlist-icons-container--active">
  22. <div class="dashlist-icons-container">
  23. <i class="icon-gf icon-gf-datasources dashlist-icon-active"></i>
  24. </div>
  25. <a href="#" class="dashlist-blurb">Add your first data source.</a>
  26. </li>
  27. <li class="dashlist-panel-CTA-items">
  28. <div class="dashlist-icons-container">
  29. <i class="icon-gf icon-gf-dashboard dashlist-icon-upcoming"></i>
  30. </div>
  31. <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Create your first dashboard.</a>
  32. </li>
  33. <li class="dashlist-panel-CTA-items">
  34. <div class="dashlist-icons-container">
  35. <i class="icon-gf icon-gf-users dashlist-icon-upcoming"></i>
  36. </div>
  37. <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Invite your team.</a>
  38. </li>
  39. <li class="dashlist-panel-CTA-items">
  40. <div class="dashlist-icons-container">
  41. <i class="icon-gf icon-gf-grafana-icon dashlist-icon-upcoming"></i>
  42. </div>
  43. <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Extend on Grafana.net.</a>
  44. </li>
  45. </ul>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="dashlist" ng-repeat="group in ctrl.groups">
  50. <div class="dashlist-section" ng-if="group.show">
  51. <h6 class="dashlist-section-header" ng-show="ctrl.panel.headings">
  52. {{group.header}}
  53. </h6>
  54. <div class="dashlist-item" ng-repeat="dash in group.list">
  55. <a class="dashlist-link dashlist-link-{{dash.type}}" href="dashboard/{{dash.uri}}">
  56. <span class="dashlist-title">
  57. {{dash.title}}
  58. </span>
  59. <span class="dashlist-star">
  60. <i class="fa" ng-class="{'fa-star': dash.isStarred, 'fa-star-o': dash.isStarred === false}"></i>
  61. </span>
  62. </a>
  63. </div>
  64. </div>
  65. </div>