You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

162 lines
10 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <title></title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  14. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  15. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  16. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" />
  17. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  18. <link href="/Content/modern.min.css" rel="stylesheet" />
  19. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  20. <link href="/Content/custom.css" rel="stylesheet" type="text/css" />
  21. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  22. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  23. <script src="/Scripts/plugins/jquery-ui/jquery-ui.min.js"></script>
  24. <script src="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.js"></script>
  25. <script src="/Scripts/3rd/datetimepicker-addon/i18n/jquery-ui-timepicker-zh-TW.js"></script>
  26. <script src="/Scripts/plugins/uniform/jquery.uniform.min.js"></script>
  27. <script src="/Scripts/plugins/jquery-blockui/jquery.blockui.min.js"></script>
  28. <script src="/Scripts/lib/Util.min.js"></script>
  29. </head>
  30. <body>
  31. <form id="form_calendar">
  32. <div class="page-inner">
  33. <div class="panel-body">
  34. <div class="row">
  35. <div class="col-md-12">
  36. <table class="tbpop">
  37. <tr>
  38. <td class="spanname">
  39. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.CalType">日程類別</span></label>
  40. </td>
  41. <td>
  42. <select class="form-control w100p" id="CalType" name="CalType" required data-msg="CalanderPop.CalType_required" datamsg="請輸入日程類別"></select>
  43. </td>
  44. </tr>
  45. <tr>
  46. <td class="spanname">
  47. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.title">日程標題</span></label>
  48. </td>
  49. <td>
  50. <input type="text" class="form-control w100p" maxlength="200" name="Title" id="Title" placeholder="記錄你將要做的一件事..." placeholderid="CalanderPop.Instruction_Title" required data-msg="CalanderPop.Title_required" datamsg="請輸入標題">
  51. </td>
  52. </tr>
  53. <tr>
  54. <td class="spanname">
  55. <span class="col-sm-12 control-label">
  56. </span>
  57. </td>
  58. <td>
  59. <label id="ForIsAllDay"><input type="checkbox" value="1" id="AllDay" name="AllDay"><span data-i18n="common.AllDay">全天</span></label>
  60. </td>
  61. </tr>
  62. <tr>
  63. <td class="spanname">
  64. <label class="col-sm-12 control-label"><span data-i18n="common.StartTime">開始時間</span></label>
  65. </td>
  66. <td>
  67. <input type="text" class="form-control w60p datetime-picker" hour="9" name="StartDate" id="StartDate" required data-msg="common.StartDate_required" datamsg="請選擇開始時間">
  68. </td>
  69. </tr>
  70. <tr>
  71. <td class="spanname">
  72. <label class="col-sm-12 control-label"><span data-i18n="common.EndTime">結束時間</span></label>
  73. </td>
  74. <td>
  75. <input type="text" class="form-control w60p datetime-picker" hour="17" minute="30" name="EndDate" id="EndDate" required data-rule-compardatetime="compardatetime" data-msg-compardatetime="common.ComparDateTime" datamsgcompardatetime="結束時間不能小於開始時間" data-msg_required="common.EndDate_required" datamsgrequired="請選擇結束時間">
  76. </td>
  77. </tr>
  78. <tr>
  79. <td class="spanname">
  80. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.importance">重要程度</span></label>
  81. </td>
  82. <td>
  83. <span>
  84. <input id="Importment_1" type="radio" name="Importment" value="M" checked="checked">
  85. <label for="Importment_1"><span data-i18n="CalanderPop.Important_1">普通</span></label>
  86. <input id="Importment_2" type="radio" name="Importment" value="H">
  87. <label for="Importment_2"><span data-i18n="CalanderPop.Important">重要</span></label>
  88. </span>
  89. </td>
  90. </tr>
  91. <tr>
  92. <td class="spanname">
  93. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.Openness">公開程度</span></label>
  94. </td>
  95. <td>
  96. <span id="OpenMent">
  97. <input id="OpenMent_1" type="radio" name="OpenMent" value="P" checked="checked">
  98. <label for="OpenMent_1"><span data-i18n="CalanderPop.Individual">個人</span></label>
  99. <input id="OpenMent_2" type="radio" name="OpenMent" value="G">
  100. <label for="OpenMent_2"><span data-i18n="CalanderPop.Group">群組</span></label>
  101. <!--<input id="OpenMent_3" type="radio" name="OpenMent" value="D">
  102. <label for="OpenMent_3"><span data-i18n="CalanderPop.Department">部門</span></label>-->
  103. <input id="OpenMent_4" type="radio" name="OpenMent" value="C">
  104. <label for="OpenMent_4"><span data-i18n="CalanderPop.Company">公司</span></label>
  105. </span>
  106. </td>
  107. </tr>
  108. <tr id="trGroupMembers" hidden>
  109. <td class="spanname">
  110. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.GroupMembers">群組人員</span></label>
  111. </td>
  112. <td>
  113. <div class="input-group input-append">
  114. <input type="text" class="form-control w100p" readonly name="GroupMembers" id="GroupMembers" data-type="pop" data-rule-groupmember="groupmember" data-msg-groupmember="CalanderPop.GroupMembers_required" datamsggroupmember="請選擇群組人員">
  115. <span class="input-group-addon add-on">
  116. <i class="fa fa-search"></i>
  117. </span>
  118. </div>
  119. </td>
  120. </tr>
  121. <tr>
  122. <td class="spanname">
  123. <label class="col-sm-12 control-label"><span data-i18n="CalanderPop.content">日程内容</span></label>
  124. </td>
  125. <td>
  126. <textarea id="Description" class="form-control w100p" maxlength="2000" name="Description" rows="6" placeholder="詳細內容..." placeholderid="CalanderPop.placeholder2" cols="20"></textarea>
  127. </td>
  128. </tr>
  129. </table>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </form>
  135. <input type="hidden" id="CurrentDate">
  136. </body>
  137. </html>
  138. <script type="text/javascript">
  139. $(function () {
  140. commonInit({});
  141. $('#CurrentDate').val(new Date());
  142. $('#ForIsAllDay').click(function () {
  143. if ($(this).find(':input').prop("disabled")) {
  144. return false;
  145. }
  146. var dCurrentDate = $('#CurrentDate').val(),
  147. sStart = '',
  148. sEnd = '',
  149. oCheck = $(this).find(':input')[0];
  150. oCheck.value = '0';
  151. if (oCheck.checked) {
  152. sStart = new Date(dCurrentDate).formate('yyyy/MM/dd 00:00');
  153. sEnd = new Date(dCurrentDate).dateAdd('d', 1).formate('yyyy/MM/dd 00:00');
  154. oCheck.value = '1';
  155. }
  156. $('#StartDate').val(sStart);
  157. $('#EndDate').val(sEnd);
  158. });
  159. });
  160. </script>