newItemModal.html 1.5 KB

12345678910111213141516171819202122232425262728293031
  1. <div class="modal-content">
  2. <div class="modal-header">
  3. <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: close"><span aria-hidden="true">&times;</span></button>
  4. <h4 class="modal-title">New item</h4>
  5. </div>
  6. <div class="modal-body">
  7. <form data-bind="submit: ok" class="form-horizontal">
  8. <div class="row form-group">
  9. <label class="col-sm-2">Type</label>
  10. <div class="col-sm-10">
  11. <label class="radio-inline">
  12. <input type="radio" name="typeItem" id="typeItemFile" value="file" data-bind="checked: typeItem"> File
  13. </label>
  14. <label class="radio-inline">
  15. <input type="radio" name="typeItem" id="typeItemFolder" value="folder" data-bind="checked: typeItem"> Folder
  16. </label>
  17. </div>
  18. </div>
  19. <div class="row form-group">
  20. <label for="nameInput" class="col-sm-2 control-label">Name</label>
  21. <div class="col-sm-10">
  22. <input data-bind="value: input, valueUpdate: 'afterkeydown'" name="nameInput" class="form-control autofocus"/>
  23. </div>
  24. </div>
  25. </form>
  26. </div>
  27. <div class="modal-footer">
  28. <button class="btn btn-primary" data-bind="click: ok, visible: isValid">Create</button>
  29. <button class="btn btn-default" data-bind="click: close">Cancel</button>
  30. </div>
  31. </div>