browser.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <div ng-controller="BrowserCtrl" class="etcd-container etcd-browser {{columns}} {{preview}} {{save}}">
  2. <div class="etcd-popover etcd-popover-error" id="etcd-save-error">
  3. <div class="etcd-popover-notch"></div>
  4. <div class="etcd-popover-content">Error:</div>
  5. </div>
  6. <div class="etcd-popover etcd-popover-error" id="etcd-browse-error">
  7. <div class="etcd-popover-notch"></div>
  8. <div class="etcd-popover-content">Error:</div>
  9. </div>
  10. <div class="etcd-header solid">
  11. <a class="etcd-back" ng-click="back()" ng-class="{false:'etcd-disabled'}[enableBack]">
  12. <img src="images/back.svg"/>
  13. </a>
  14. <a class="etcd-add" ng-click="add()"><img src="images/add.svg"/></a>
  15. <div class="etcd-browser-path">
  16. <input type="text" ng-model="inputPath" ng-enter="onEnter()" tabindex="888" />
  17. </div>
  18. <button class="etcd-button etcd-button-small etcd-button-primary etcd-save" ng-click="saveData()">Save</button>
  19. </div>
  20. <div class="etcd-body">
  21. <div class="etcd-list">
  22. <table cellpadding="0" cellspacing="0">
  23. <thead>
  24. <td class="etcd-name-header">Name</td>
  25. <td class="etcd-ttl-header">TTL</td>
  26. <td class="etcd-actions-header">&nbsp;</td>
  27. </thead>
  28. <tbody>
  29. <tr ng-repeat="key in list | orderBy:'key'">
  30. <td>
  31. <highlight ng-class="{true:'directory'}[key.dir]" ng-click="setActiveKey(key.key)" highlight-base="etcdPath" highlight-current="key.key">{{key.key}}</highlight>
  32. </td>
  33. <td ng-switch on="!!key.expiration" class="etcd-ttl">
  34. <div ng-switch-when="true"><time relative datetime="{{key.expiration.substring(0, key.expiration.lastIndexOf('-'))}}"></time></div>
  35. <div ng-switch-default class="etcd-ttl-none">&mdash;</div>
  36. </td>
  37. <td>
  38. <div class="etcd-actions">
  39. <div ng-switch on="!!key.dir">
  40. <img class="etcd-delete" src="images/delete.svg" ng-switch-when="false" ng-click="deleteKey(key.key)" />
  41. <div ng-switch-when="true"></div>
  42. </div>
  43. </div>
  44. </td>
  45. </tr>
  46. </tbody>
  47. </table>
  48. </div>
  49. <div class="etcd-preview">
  50. <textarea placeholder="Enter a key name above and the value here" ng-model="singleValue" tabindex="888" ng-change="showSave()"></textarea>
  51. <div class="etcd-empty">
  52. <div class="etcd-empty-message">{{preview_message}}</div>
  53. </div>
  54. <div class="etcd-dialog">
  55. <div class="etcd-dialog-message">Save and replicate this change?</div>
  56. <div class="etcd-dialog-buttons">
  57. <button class="etcd-button etcd-button-primary">Save Changes</button>
  58. <a href="javascript:void(0);">Cancel</a>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>