templates/calendar/summary.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% endblock %}
  4. {% block stylesheet_links %}
  5.     <link href="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/common/main.min.css?{{ random(50, 100000) }}" rel="stylesheet" />
  6.     <link href="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/daygrid/main.min.css?{{ random(50, 100000) }}" rel="stylesheet" />
  7.     <link href="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/timegrid/main.min.css?{{ random(50, 100000) }}" rel="stylesheet" />
  8.     <link href="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/list/main.min.css?{{ random(50, 100000) }}" rel="stylesheet" />
  9.     <link href="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/bootstrap/main.min.css?{{ random(50, 100000) }}" rel="stylesheet" />
  10. {% endblock %}
  11. {% block stylesheet_console %}{% endblock %}
  12. {% block side_custom_menu %}{% endblock %}
  13. {% block content_classes %}p-0{% endblock %}
  14. {% block content %}
  15. <div id="eventModal" class="modal">
  16.   <div class="modal-dialog">
  17.     <div class="modal-content">
  18.       <div class="modal-header">
  19.         <h5 class="modal-title">Add Event</h5>
  20.         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  21.       </div>
  22.       <form action="javascript;" id="contactForm">
  23.       <div class="modal-body">
  24.             <div>
  25.                 <input type="text" name="name" id="data_name" class="form-control form-control-lg bg-white bg-opacity-5" placeholder="Event Name" value="" />
  26.             </div>
  27.             <div class="modal-body-start">
  28.             </div>
  29.             <input type="hidden" name="startDate" id="data_startDate" value="" />
  30.             <div>
  31.                 <input type="text" name="endDate" id="data_endDate" class="form-control form-control-lg bg-white bg-opacity-5" placeholder="End Event" value="" />
  32.             </div>
  33.       </div>
  34.       <div class="modal-footer">
  35.         <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
  36.         <button type="submit" class="btn btn-outline-theme">Save changes</button>
  37.       </div>
  38.       </form>
  39.     </div>
  40.   </div>
  41. </div>
  42. <div id="eventModalAllDay" class="modal">
  43.   <div class="modal-dialog">
  44.     <div class="modal-content">
  45.       <div class="modal-header">
  46.         <h5 class="modal-title">Add Event</h5>
  47.         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  48.       </div>
  49.       <div class="modal-body">
  50.         <div>
  51.             <input type="text" name="registration_form[email]" class="form-control form-control-lg bg-white bg-opacity-5" placeholder="username@address.com" value="" />
  52.         </div>
  53.       </div>
  54.       <div class="modal-footer">
  55.         <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
  56.         <button type="button" class="btn btn-outline-theme">Save changes</button>
  57.       </div>
  58.     </div>
  59.   </div>
  60. </div>
  61. <div class="calendar">
  62.     <!-- BEGIN calendar-body -->
  63.     <div class="calendar-body">
  64.         <div data-scrollbar="true" data-height="100%" data-skip-mobile="true">
  65.             <div id="calendar"></div>
  66.         </div>
  67.     </div>
  68.     <!-- ENG calendar-body -->
  69.     <!-- BEGIN calendar-sidebar -->
  70.     <div class="calendar-sidebar">
  71.         <div class="desktop-sticky-top flex-fill h-100">
  72.             <div class="calendar-sidebar-title">Draggable Events:</div>
  73.             <div class="fc-event-list" id="external-events">
  74.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#ff2d55"><i class="fa fa-circle fs-8px me-2 text-pink"></i> Meeting</div></div>
  75.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#ff3b30"><i class="fa fa-circle fs-8px me-2 text-danger"></i> Group Discussion</div></div>
  76.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#FF9500"><i class="fa fa-circle fs-8px me-2 text-warning"></i> Brainstorming</div></div>
  77.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#FFCC00"><i class="fa fa-circle fs-8px me-2 text-yellow"></i> Presentation</div></div>
  78.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#1ABD36"><i class="fa fa-circle fs-8px me-2 text-success"></i> Holiday</div></div>
  79.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#0cd096"><i class="fa fa-circle fs-8px me-2 text-theme"></i> Sick Leave</div></div>
  80.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#30beff"><i class="fa fa-circle fs-8px me-2 text-info"></i> Overtime</div></div>
  81.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#1f6bff"><i class="fa fa-circle fs-8px me-2 text-blue"></i> Work from Home</div></div>
  82.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#640DF3"><i class="fa fa-circle fs-8px me-2 text-indigo"></i> Business Travel</div></div>
  83.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#5b2e91"><i class="fa fa-circle fs-8px me-2 text-purple"></i> Breakfast</div></div>
  84.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#869ac0"><i class="fa fa-circle fs-8px me-2 text-muted"></i> Lunch</div></div>
  85.                 <div class="fc-event-item"><div class="fc-event-link" data-color="#869ac0"><i class="fa fa-circle fs-8px me-2 text-muted"></i> Dinner</div></div>
  86.             </div>
  87.         </div>
  88.     </div>
  89.     <!-- ENG calendar-sidebar -->
  90. </div>
  91. {% endblock %}
  92. {% block javascript_links %}
  93. <script src="https://wetoy.tech/pwh1a7/plugins/moment/moment.js"></script>
  94. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/core/main.global.js"></script>
  95. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/daygrid/main.global.js"></script>
  96. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/timegrid/main.global.js"></script>
  97. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/interaction/main.global.js"></script>
  98. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/list/main.global.js"></script>
  99. <script src="https://wetoy.tech/pwh1a7/plugins/@fullcalendar/bootstrap/main.global.js"></script>
  100. <script src="https://wetoy.tech/pwh1a7/js/api/calendar.js"></script>
  101. {% endblock %}
  102. {% block javascript_console %}
  103. {% endblock %}