default.php
5 days ago
default_calendar.php
5 days ago
default_filters.php
5 days ago
default_timeline.php
5 days ago
index.html
5 days ago
default_calendar.php
142 lines
| 1 | <?php |
| 2 | /** |
| 3 | * @package VikAppointments |
| 4 | * @subpackage core |
| 5 | * @author E4J s.r.l. |
| 6 | * @copyright Copyright (C) 2021 E4J s.r.l. All Rights Reserved. |
| 7 | * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL |
| 8 | * @link https://vikwp.com |
| 9 | */ |
| 10 | |
| 11 | // No direct access |
| 12 | defined('ABSPATH') or die('No script kiddies please!'); |
| 13 | |
| 14 | $vik = VAPApplication::getInstance(); |
| 15 | |
| 16 | ?> |
| 17 | |
| 18 | <div class="vapallcaldiv"> |
| 19 | <?php |
| 20 | foreach ($this->calendar->months as $month) |
| 21 | { |
| 22 | ?> |
| 23 | <div class="vapcalendardiv"> |
| 24 | |
| 25 | <!-- MONTH TABLE --> |
| 26 | |
| 27 | <table class="vapcaltable"> |
| 28 | |
| 29 | <thead class="vaptheadcal"> |
| 30 | |
| 31 | <!-- MONTH NAME - YEAR --> |
| 32 | |
| 33 | <tr> |
| 34 | <td colspan="7" style="text-align: center;"> |
| 35 | <?php echo $month->name->long . ' - ' . $month->year; ?> |
| 36 | </td> |
| 37 | </tr> |
| 38 | |
| 39 | <!-- DAYS OF THE WEEK --> |
| 40 | |
| 41 | <tr> |
| 42 | <?php |
| 43 | foreach ($this->calendar->head as $day) |
| 44 | { |
| 45 | ?> |
| 46 | <th class="vapthtabcal"><?php echo $day->name->short; ?></th> |
| 47 | <?php |
| 48 | } |
| 49 | ?> |
| 50 | </tr> |
| 51 | |
| 52 | </thead> |
| 53 | |
| 54 | <!-- DAYS OF THE MONTH --> |
| 55 | |
| 56 | <tbody class="vaptbodycal"> |
| 57 | |
| 58 | <?php |
| 59 | foreach ($month->days as $rows) |
| 60 | { |
| 61 | ?> |
| 62 | <tr> |
| 63 | <?php |
| 64 | foreach ($rows as $day) |
| 65 | { |
| 66 | if ($day) |
| 67 | { |
| 68 | // use "closed" class by default |
| 69 | $class = 'vaptdgrey'; |
| 70 | |
| 71 | if (!$day->closed) |
| 72 | { |
| 73 | // fetch class based on availability |
| 74 | switch ($day->available) |
| 75 | { |
| 76 | case 0: |
| 77 | // closed |
| 78 | $class = 'vaptdred'; |
| 79 | break; |
| 80 | |
| 81 | case 1: |
| 82 | // available |
| 83 | $class = 'vaptdgreen'; |
| 84 | break; |
| 85 | |
| 86 | case 2: |
| 87 | // partially available |
| 88 | $class = 'vaptdyellow'; |
| 89 | break; |
| 90 | } |
| 91 | } |
| 92 | ?> |
| 93 | <td class="vaptdday <?php echo $class; ?>" data-day="<?php echo $day->date; ?>"> |
| 94 | <a href="javascript:void(0)"> |
| 95 | <div class="vapdivday"> |
| 96 | <?php echo $day->day; ?> |
| 97 | </div> |
| 98 | </a> |
| 99 | </td> |
| 100 | <?php |
| 101 | } |
| 102 | else |
| 103 | { |
| 104 | ?> |
| 105 | <td class="vaptdnoday"> |
| 106 | <div class="vapdivday">/</div> |
| 107 | </td> |
| 108 | <?php |
| 109 | } |
| 110 | } |
| 111 | ?> |
| 112 | </tr> |
| 113 | <?php |
| 114 | } |
| 115 | ?> |
| 116 | |
| 117 | </tbody> |
| 118 | |
| 119 | </table> |
| 120 | |
| 121 | </div> |
| 122 | <?php |
| 123 | } |
| 124 | ?> |
| 125 | </div> |
| 126 | |
| 127 | <script> |
| 128 | |
| 129 | jQuery(function($) { |
| 130 | $('.vaptdday[data-day]').on('click', function() { |
| 131 | // remove selection from any other cell |
| 132 | $('.vaptdday').removeClass('vaptdselected'); |
| 133 | // auto-select clicked cell |
| 134 | $(this).addClass('vaptdselected'); |
| 135 | |
| 136 | // load timeline |
| 137 | vapGetTimeline($(this).data('day')); |
| 138 | }); |
| 139 | }); |
| 140 | |
| 141 | </script> |
| 142 |