dasheditor.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <div class="modal-header">
  2. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  3. <h3>{{dashboards.title}} <small> editor</small></h3>
  4. </div>
  5. <div class="modal-body">
  6. <h4>Dashboard Control</h4>
  7. <div class="row-fluid">
  8. <div class="span8">
  9. <label class="small">Title</label><input type="text" class="input-large" ng-model='dashboards.title'></input>
  10. </div>
  11. <div class="span1">
  12. <label class="small"> Editable </label><input type="checkbox" ng-model="row.editable" ng-checked="dashboards.editable" />
  13. </div>
  14. </div>
  15. <div class="row-fluid">
  16. <div class="span12">
  17. <h4>Panels</h4>
  18. <table class="table table-condensed table-striped">
  19. <thead>
  20. <th>Title</th>
  21. <th>Delete</th>
  22. <th>Move</th>
  23. </thead>
  24. <tr ng-repeat="row in dashboards.rows">
  25. <td>{{row.title}}</td>
  26. <td><i ng-click="dashboards.rows = _.without(dashboards.rows,row)" class="pointer icon-remove"></i></td>
  27. <td><i ng-click="_.move(dashboards.rows,$index,$index-1)" ng-hide="$first" class="pointer icon-arrow-up"></i></td>
  28. <td><i ng-click="_.move(dashboards.rows,$index,$index+1)" ng-hide="$last" class="pointer icon-arrow-down"></i></td>
  29. </tr>
  30. </table>
  31. </div>
  32. </div>
  33. <h4>New row</h4>
  34. <div class="row-fluid">
  35. <div class="span8">
  36. <label class="small">Title</label>
  37. <input type="text" class="input-large" ng-model='row.title'></input>
  38. </div>
  39. <div class="span2">
  40. <label class="small">Height</label>
  41. <input type="text" class="input-mini" ng-model='row.height'></input>
  42. </div>
  43. <div class="span1">
  44. <label class="small"> Editable </label>
  45. <input type="checkbox" ng-model="row.editable" ng-checked="row.editable" />
  46. </div>
  47. </div>
  48. <button ng-click="add_row(dashboards,row); reset_row();" class="btn btn-primary">Create Row</button><br>
  49. </div>
  50. </div>
  51. <div class="modal-footer">
  52. <button type="button" class="btn btn-success" ng-click="dismiss();reset_panel();">Close</button>
  53. </div>