linksEditor.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <div ng-controller="DashLinksController">
  2. <div class="editor-row">
  3. <div class="tight-form-section">
  4. <h5>Links and Dash Navigation</h5>
  5. <div ng-repeat="link in panel.links">
  6. <div class="tight-form" >
  7. <ul class="tight-form-list">
  8. <li class="tight-form-item">
  9. <i class="fa fa-remove pointer" ng-click="deleteLink(link)"></i>
  10. </li>
  11. <li class="tight-form-item" style="width: 80px;">Link title</li>
  12. <li>
  13. <input type="text" ng-model="link.title" class="input-medium tight-form-input">
  14. </li>
  15. <li class="tight-form-item">Type</li>
  16. <li>
  17. <select class="input-medium tight-form-input" style="width: 101px;" ng-model="link.type" ng-options="f for f in ['dashboard','absolute']"></select>
  18. </li>
  19. <li class="tight-form-item" ng-show="link.type === 'dashboard'">Dashboard</li>
  20. <li ng-show="link.type === 'dashboard'">
  21. <input type="text"
  22. ng-model="link.dashboard"
  23. bs-typeahead="searchDashboards"
  24. class="input-large tight-form-input">
  25. </li>
  26. <li class="tight-form-item" ng-show="link.type === 'absolute'">Url</li>
  27. <li ng-show="link.type === 'absolute'">
  28. <input type="text" ng-model="link.url" class="input-xlarge tight-form-input">
  29. </li>
  30. </ul>
  31. <div class="clearfix"></div>
  32. </div>
  33. <div class="tight-form">
  34. <ul class="tight-form-list" role="menu">
  35. <li class="tight-form-item">
  36. <i class="fa fa-remove invisible"></i>
  37. </li>
  38. <li class="tight-form-item" style="width: 80px;">
  39. Params
  40. <tip>Use var-variableName=value to pass templating variables.</tip>
  41. </li>
  42. <li>
  43. <input type="text" ng-model="link.params" class="input-xxlarge tight-form-input">
  44. </li>
  45. </ul>
  46. <div class="clearfix"></div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="editor-row">
  52. <br>
  53. <button class="btn btn-inverse" ng-click="addLink()"><i class="fa fa-plus"></i> Add link</button>
  54. </div>
  55. </div>