calendar-event.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <div class="modal-header">
  2. <h3 class="modal-title">{{startDate}}</h3>
  3. </div>
  4. <div class="modal-body">
  5. <div class="form-group">
  6. <label>
  7. Title
  8. </label>
  9. <input type="datetime" placeholder="Enter title" class="form-control underline text-large" ng-model="event.title" >
  10. </div>
  11. <div class="form-group">
  12. <label class="block">
  13. All Day
  14. </label>
  15. <input ng-model="event.allDay" type="checkbox" class="js-switch" ui-switch />
  16. </div>
  17. <div class="form-group">
  18. <label>
  19. Start
  20. </label>
  21. <span class="input-icon">
  22. <input type="text" class="form-control underline" ng-click="startOpen = !startOpen" datepicker-popup="shortDate" ng-model="event.start" is-open="startOpen" ng-init="startOpen = false" max-date="event.end" close-text="Close" />
  23. <i class="ti-calendar"></i> </span>
  24. <timepicker ng-model="event.start" show-meridian="true" ng-show="!event.allDay"></timepicker>
  25. </div>
  26. <div class="form-group">
  27. <label>
  28. End
  29. </label>
  30. <span class="input-icon">
  31. <input type="text" class="form-control underline" ng-click="endOpen = !endOpen" datepicker-popup="shortDate" ng-model="event.end" is-open="endOpen" ng-init="endOpen = false" min-date="event.start" close-text="Close" />
  32. <i class="ti-calendar"></i> </span>
  33. <timepicker ng-model="event.end" show-meridian="true" ng-show="!event.allDay"></timepicker>
  34. </div>
  35. <div class="form-group">
  36. <label>
  37. Category
  38. </label>
  39. <div class="radio">
  40. <label class="clip-check">
  41. <input type="radio" value="" name="optionsRadios2">
  42. <i></i>
  43. Radio Button 1
  44. </label>
  45. </div>
  46. <div class="radio">
  47. <label class="clip-check">
  48. <input type="radio" value="" name="optionsRadios2">
  49. <i></i>
  50. Radio Button 2
  51. </label>
  52. </div>
  53. <div class="radio">
  54. <label class="clip-check">
  55. <input type="radio" value="" name="optionsRadios2">
  56. <i></i>
  57. Radio Button 3
  58. </label>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="modal-footer">
  64. <a class="close" ng-click="remove(eventIndex)"><i class="ti-close"></i></a>
  65. <button class="btn btn-primary" ng-click="saveEvent($event, event, 'myCalendar1')">
  66. OK
  67. </button>
  68. <button class="btn btn-primary" ng-click="cancel($event)">
  69. Cancel
  70. </button>
  71. </div>