module.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div class="dashlist" ng-if="ctrl.checksDone">
  2. <div class="dashlist-section">
  3. <h6 class="dashlist-section-header">
  4. Getting Started with Grafana
  5. <button class="dashlist-cta-close-btn" ng-click="ctrl.dismiss()">
  6. <i class="fa fa-remove"></i>
  7. </button>
  8. </h6>
  9. <ul class="progress-tracker">
  10. <li class="progress-step completed">
  11. <span class="progress-marker"><i class="icon-gf icon-gf-check"></i></span>
  12. <span class="progress-text">Install Grafana</span>
  13. </li>
  14. <li class="progress-step" ng-class="ctrl.getStateClass(2)">
  15. <span class="progress-marker"><i class="icon-gf icon-gf-datasources"></i></span>
  16. <span class="progress-text">Create your first data source</span>
  17. <a class="btn progress-step-cta" href="datasources/new?gettingstarted">Add Data Source</a>
  18. </li>
  19. <li class="progress-step" ng-class="ctrl.getStateClass(3)">
  20. <span class="progress-marker"><i class="icon-gf icon-gf-dashboard"></i></span>
  21. <span class="progress-text">Create your first dashboard.</span>
  22. <a class="btn progress-step-cta" href="dashboard/new?gettingstarted">New Dashboard</a>
  23. </li>
  24. <li class="progress-step">
  25. <span class="progress-marker"><i class="icon-gf icon-gf-users"></i></span>
  26. <span class="progress-text">Invite your team.</span>
  27. <a class="btn progress-step-cta" href="org/users?gettingstarted">Invite Users</a>
  28. </li>
  29. <li class="progress-step">
  30. <span class="progress-marker"><i class="icon-gf icon-gf-apps"></i></span>
  31. <span class="progress-text">Install apps &amp; plugins</span>
  32. <a class="btn progress-step-cta" href="https://grafana.net/plugins?utm_source=grafana_getting_started">Explore Plugins</a>
  33. </li>
  34. </ul>
  35. </div>
  36. </div>