export_modal.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!-- <p> -->
  2. <!-- Exporting will export a cleaned sharable dashboard that can be imported -->
  3. <!-- into another Grafana instance. -->
  4. <!-- </p> -->
  5. <div class="share-modal-header">
  6. <div class="share-modal-big-icon">
  7. <i class="fa fa-cloud-upload"></i>
  8. </div>
  9. <div>
  10. <p class="share-modal-info-text">
  11. Export the dashboard to a JSON file. The exporter will templatize the
  12. dashboard's data sources to make it easy for other's to to import and reuse.
  13. You can share dashboards on <a class="external-link" href="https://grafana.net">Grafana.net</a>
  14. </p>
  15. <div class="gf-form-group">
  16. <div class="gf-form">
  17. <label class="gf-form-label width-8">Title</label>
  18. <input type="text" class="gf-form-input" ng-model="ctrl.dash.title" ng-change="ctrl.titleChanged()">
  19. <label class="gf-form-label text-success" ng-show="ctrl.dash.title">
  20. <i class="fa fa-check"></i>
  21. </label>
  22. </div>
  23. </div>
  24. <div class="gf-form-button-row">
  25. <button type="button" class="btn gf-form-btn width-10 btn-success" ng-click="ctrl.save()">
  26. <i class="fa fa-save"></i> Save to file
  27. </button>
  28. <button type="button" class="btn gf-form-btn width-10 btn-secondary" ng-click="ctrl.saveJson()">
  29. <i class="fa fa-file-text-o"></i> View JSON
  30. </button>
  31. <a class="btn btn-link" ng-click="dismiss()">Cancel</a>
  32. </div>
  33. </div>
  34. </div>