checkJobCalendar.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  5. <title>TOAST UI Calendar App DEMO</title>
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
  7. <link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui.time-picker/latest/tui-time-picker.css">
  8. <link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui.date-picker/latest/tui-date-picker.css">
  9. <link rel="stylesheet" type="text/css" href="./dist/tui-calendar.css">
  10. <link rel="stylesheet" type="text/css" href="./css/default.css">
  11. <link rel="stylesheet" type="text/css" href="./css/icons.css">
  12. <style>
  13. .tui-full-calendar-section-button {
  14. display: none;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div id="top">
  20. <a href="https://github.com/nhn/tui.calendar">
  21. <img src="./images/img-bi.png" srcset="./images/img-bi@2x.png 2x,./images/img-bi@3x.png 3x">
  22. </a>
  23. </div>
  24. <div id="lnb">
  25. <div class="lnb-new-schedule">
  26. <button id="btn-new-schedule" type="button" class="btn btn-default btn-block lnb-new-schedule-btn" data-toggle="modal">
  27. 任务状态</button>
  28. </div>
  29. <div id="lnb-calendars" class="lnb-calendars">
  30. <div>
  31. <div class="lnb-calendars-item">
  32. <label>
  33. <input class="tui-full-calendar-checkbox-square" type="checkbox" value="all" checked>
  34. <span></span>
  35. <strong>全部状态</strong>
  36. </label>
  37. </div>
  38. </div>
  39. <div id="calendarList" class="lnb-calendars-d1">
  40. </div>
  41. </div>
  42. <div class="lnb-footer">
  43. © HITACHI.
  44. </div>
  45. </div>
  46. <div id="right">
  47. <div id="menu">
  48. <span class="dropdown">
  49. <button id="dropdownMenu-calendarType" class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown"
  50. aria-haspopup="true" aria-expanded="true">
  51. <i id="calendarTypeIcon" class="calendar-icon ic_view_month" style="margin-right: 4px;"></i>
  52. <span id="calendarTypeName">Dropdown</span>&nbsp;
  53. <i class="calendar-icon tui-full-calendar-dropdown-arrow"></i>
  54. </button>
  55. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu-calendarType">
  56. <li role="presentation">
  57. <a class="dropdown-menu-title" role="menuitem" data-action="toggle-daily">
  58. <i class="calendar-icon ic_view_day"></i>Daily
  59. </a>
  60. </li>
  61. <li role="presentation">
  62. <a class="dropdown-menu-title" role="menuitem" data-action="toggle-weekly">
  63. <i class="calendar-icon ic_view_week"></i>Weekly
  64. </a>
  65. </li>
  66. <li role="presentation">
  67. <a class="dropdown-menu-title" role="menuitem" data-action="toggle-monthly">
  68. <i class="calendar-icon ic_view_month"></i>Month
  69. </a>
  70. </li>
  71. <li role="presentation">
  72. <a class="dropdown-menu-title" role="menuitem" data-action="toggle-weeks2">
  73. <i class="calendar-icon ic_view_week"></i>2 weeks
  74. </a>
  75. </li>
  76. <li role="presentation">
  77. <a class="dropdown-menu-title" role="menuitem" data-action="toggle-weeks3">
  78. <i class="calendar-icon ic_view_week"></i>3 weeks
  79. </a>
  80. </li>
  81. <li role="presentation" class="dropdown-divider"></li>
  82. <li role="presentation">
  83. <a role="menuitem" data-action="toggle-workweek">
  84. <input type="checkbox" class="tui-full-calendar-checkbox-square" value="toggle-workweek" checked>
  85. <span class="checkbox-title"></span>Show weekends
  86. </a>
  87. </li>
  88. <li role="presentation">
  89. <a role="menuitem" data-action="toggle-start-day-1">
  90. <input type="checkbox" class="tui-full-calendar-checkbox-square" value="toggle-start-day-1">
  91. <span class="checkbox-title"></span>Start Week on Monday
  92. </a>
  93. </li>
  94. <li role="presentation">
  95. <a role="menuitem" data-action="toggle-narrow-weekend">
  96. <input type="checkbox" class="tui-full-calendar-checkbox-square" value="toggle-narrow-weekend">
  97. <span class="checkbox-title"></span>Narrower than weekdays
  98. </a>
  99. </li>
  100. </ul>
  101. </span>
  102. <span id="menu-navi">
  103. <button type="button" class="btn btn-default btn-sm move-today" data-action="move-today">Today</button>
  104. <button type="button" class="btn btn-default btn-sm move-day" data-action="move-prev">
  105. <i class="calendar-icon ic-arrow-line-left" data-action="move-prev"></i>
  106. </button>
  107. <button type="button" class="btn btn-default btn-sm move-day" data-action="move-next">
  108. <i class="calendar-icon ic-arrow-line-right" data-action="move-next"></i>
  109. </button>
  110. </span>
  111. <span id="renderRange" class="render-range"></span>
  112. </div>
  113. <div id="calendar"></div>
  114. </div>
  115. <script src="./js/jquery-3.1.1.min.js"></script>
  116. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  117. <script src="https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js"></script>
  118. <script src="https://uicdn.toast.com/tui.time-picker/v2.0.3/tui-time-picker.min.js"></script>
  119. <script src="https://uicdn.toast.com/tui.date-picker/v4.0.3/tui-date-picker.min.js"></script>
  120. <script src='js/moment-2.20.1.min.js'></script>
  121. <script src='js/chance-1.0.13.min.js'></script>
  122. <script src="../base.js"></script>
  123. <script src="./dist/tui-calendar.js"></script>
  124. <script src="./js/data/calendars.js"></script>
  125. <script src="./js/data/schedules.js"></script>
  126. <script src="./js/theme/dooray.js"></script>
  127. <script src="./js/app.js"></script>
  128. </body>
  129. </html>