plugin_list.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <div class="page-header-canvas">
  2. <div class="page-container">
  3. <navbar model="ctrl.navModel"></navbar>
  4. <div class="page-header">
  5. <page-h1 model="ctrl.navModel"></page-h1>
  6. <div class="page-header-tabs">
  7. <ul class="gf-tabs">
  8. <li class="gf-tabs-item">
  9. <a class="gf-tabs-link" href="plugins?type=panel" ng-class="{active: ctrl.tabIndex === 0}">
  10. <i class="icon-gf icon-gf-panel"></i>
  11. Panels
  12. </a>
  13. </li>
  14. <li class="gf-tabs-item">
  15. <a class="gf-tabs-link" href="plugins?type=datasource" ng-class="{active: ctrl.tabIndex === 1}">
  16. <i class="gicon gicon-datasources"></i>
  17. Data sources
  18. </a>
  19. </li>
  20. <li class="gf-tabs-item">
  21. <a class="gf-tabs-link" href="plugins?type=app" ng-class="{active: ctrl.tabIndex === 2}">
  22. <i class="icon-gf icon-gf-apps"></i>
  23. Apps
  24. </a>
  25. </li>
  26. </ul>
  27. <a class="get-more-plugins-link pull-right" href="https://grafana.com/plugins?utm_source=grafana_plugin_list" target="_blank">
  28. Find more <img src="public/img/icn-plugins-tiny.svg" />plugins on Grafana.com
  29. </a>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="page-container page-body">
  35. <section class="card-section" layout-mode>
  36. <layout-selector></layout-selector>
  37. <ol class="card-list" >
  38. <li class="card-item-wrapper" ng-repeat="plugin in ctrl.plugins">
  39. <a class="card-item" href="plugins/{{plugin.id}}/edit">
  40. <div class="card-item-header">
  41. <div class="card-item-type">
  42. <i class="icon-gf icon-gf-{{plugin.type}}"></i>
  43. {{plugin.type}}
  44. </div>
  45. <div class="card-item-notice" ng-show="plugin.hasUpdate">
  46. <span bs-tooltip="plugin.latestVersion">Update available!</span>
  47. </div>
  48. </div>
  49. <div class="card-item-body">
  50. <figure class="card-item-figure">
  51. <img ng-src="{{plugin.info.logos.small}}">
  52. </figure>
  53. <div class="card-item-details">
  54. <div class="card-item-name">{{plugin.name}}</div>
  55. <div class="card-item-sub-name">By {{plugin.info.author.name}}</div>
  56. </div>
  57. </div>
  58. </a>
  59. </li>
  60. </ol>
  61. </section>
  62. </div>