create-node.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <div class="ed-p-create-node">
  2. <form ng-controller="CreateNodeFormCtrl" ng-submit="submit()" name="form" role="form">
  3. <div class="modal-header">
  4. <h4 class="modal-title">Create Node</h4>
  5. </div>
  6. <div class="modal-body">
  7. <div class="row form-row">
  8. <div class="col-sm-2">
  9. <label for="ed-p-create-node__key" class="control-label">Key</label>
  10. </div>
  11. <div class="col-sm-10 input-group">
  12. <span class="input-group-addon" ng-bind="keyInputPrefix"></span>
  13. <input name="key"
  14. required
  15. spellcheck="false"
  16. id="ed-p-create-node__key"
  17. type="text"
  18. ng-model="fields.key"
  19. class="form-control"/>
  20. </div>
  21. <div class="col-sm-10 co-form-validation" ng-show="form.key.$dirty && form.key.$invalid">
  22. <div ng-show="form.key.$error.required" class="co-m-message co-m-message--error">Key is required.</div>
  23. <div ng-show="form.key.blur && form.key.$error.key" class="co-m-message co-m-message--error">Not a valid key.</div>
  24. </div>
  25. </div>
  26. <div class="row form-row">
  27. <div class="col-sm-2">
  28. <strong class="control-label">Type</strong>
  29. </div>
  30. <div class="col-sm-10">
  31. <div>
  32. <input name="type"
  33. id="ed-p-create-node__type-dir"
  34. type="radio"
  35. value="dir"
  36. ng-model="fields.type"/>
  37. <label class="co-m-radio-label" for="ed-p-create-node__type-dir">Directory</label>
  38. </div>
  39. <div>
  40. <input name="type"
  41. id="ed-p-create-node__type-key"
  42. value="key"
  43. type="radio"
  44. ng-model="fields.type"/>
  45. <label class="co-m-radio-label" for="ed-p-create-node__type-key">Key</label>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="row form-row">
  50. <div class="col-sm-2">
  51. <label for="ed-p-create-node__value" class="control-label">Value</label>
  52. </div>
  53. <div class="col-sm-10">
  54. <textarea ng-model="fields.value"
  55. spellcheck="false"
  56. ng-disabled="fields.type == 'dir'"
  57. rows="5"
  58. name="value"
  59. id="ed-p-create-node__value"
  60. class="form-control"></textarea>
  61. </div>
  62. </div>
  63. <div class="row form-row">
  64. <div class="col-sm-2">
  65. <label for="ed-p-create-node__ttl" class="control-label">TTL</label>
  66. </div>
  67. <div class="col-sm-10">
  68. <input name="ttl"
  69. id="ed-p-create-node__ttl"
  70. type="number"
  71. class="form-control ed-m-number-input"
  72. min="0"
  73. ng-blur="form.ttl.blur = true"
  74. ng-model="fields.ttl"/>
  75. Seconds
  76. </div>
  77. </div>
  78. </div>
  79. <div class="modal-footer" co-btn-bar complete-promise="requestPromise">
  80. <co-error-message formatter="etcdApi" promise="requestPromise"></co-error-message>
  81. <button type="submit" class="btn btn-primary">Save</button>
  82. <button type="button" ng-click="cancel()" class="btn btn-link">Cancel</button>
  83. </div>
  84. </form>
  85. </div>