app/template/uarts/Block/calendar.twig line 1

Open in your IDE?
  1. <h3 class="border_ttl"><span>営業日カレンダー</span></h3>
  2. <ul class="asterisk mb20">
  3.     <li>赤字は休業日です。</li>
  4.     <li>実店舗は年末年始を除いて営業しております。</li>
  5. </ul>
  9. <div class="ec-calendar">
  10.     <div>
  11.         <table id="this-month-table" class="ec-calendar__month">
  12.             <tr>
  13.                 <th id="this-month-title" colspan="7" class="ec-calendar__title">{{ ThisMonthTitle }}</th>
  14.             </tr>
  15.             <tr>
  16.                 <th class="ec-calendar__sun">{{ '日'|trans }}</th>
  17.                 <th class="ec-calendar__mon">{{ '月'|trans }}</th>
  18.                 <th class="ec-calendar__tue">{{ '火'|trans }}</th>
  19.                 <th class="ec-calendar__wed">{{ '水'|trans }}</th>
  20.                 <th class="ec-calendar__thu">{{ '木'|trans }}</th>
  21.                 <th class="ec-calendar__fri">{{ '金'|trans }}</th>
  22.                 <th class="ec-calendar__sat">{{ '土'|trans }}</th>
  23.             </tr>
  24.             <tr>
  25.                 {% for day in ThisMonthCalendar %}
  26.                 {% if day.today == 1 and day.holiday == 1 %}
  27.                 <td id="today-and-holiday" class="ec-calendar__today ec-calendar__holiday">{{ day.day }}</td>
  28.                 {% elseif day.today == 1 and day.holiday == 0 %}
  29.                 <td id="today" class="ec-calendar__today">{{ day.day }}</td>
  30.                 {% elseif day.today == 0 and day.holiday == 1 %}
  31.                 <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  32.                 {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
  33.                 {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %}
  34.                 <td id="this-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  35.                 {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
  36.                 {% else %}
  37.                 <td class="ec-calendar__day">{{ day.day }}</td>
  38.                 {% endif %}
  39.                 {% if loop.index % 7 == 0 and loop.index != ThisMonthCalendar|length %}
  40.             </tr>
  41.             <tr>
  42.                 {% endif %}
  43.                 {% endfor %}
  44.             </tr>
  45.         </table>
  46.     </div>
  48.     <div>
  49.         <table id="next-month-table" class="ec-calendar__month">
  50.             <tr>
  51.                 <th id="next-month-title" colspan="7" class="ec-calendar__title">{{ NextMonthTitle }}</th>
  52.             </tr>
  53.             <tr>
  54.                 <th class="ec-calendar__sun">{{ '日'|trans }}</th>
  55.                 <th class="ec-calendar__mon">{{ '月'|trans }}</th>
  56.                 <th class="ec-calendar__tue">{{ '火'|trans }}</th>
  57.                 <th class="ec-calendar__wed">{{ '水'|trans }}</th>
  58.                 <th class="ec-calendar__thu">{{ '木'|trans }}</th>
  59.                 <th class="ec-calendar__fri">{{ '金'|trans }}</th>
  60.                 <th class="ec-calendar__sat">{{ '土'|trans }}</th>
  61.             </tr>
  62.             <tr>
  63.                 {% for day in NextMonthCalendar %}
  64.                 {% if day.holiday == 1 %}
  65.                 <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  66.                 {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここから #}
  67.                 {% elseif day.dayOfWeek == 'Sun' or day.dayOfWeek == 'Sat' %}
  68.                 <td id="next-month-holiday-{{ day.day }}" class="ec-calendar__holiday">{{ day.day }}</td>
  69.                 {# 土日は定休日表示にしています。不要な場合は削除して下さい。ここまで #}
  70.                 {% else %}
  71.                 <td class="ec-calendar__day">{{ day.day }}</td>
  72.                 {% endif %}
  73.                 {% if loop.index % 7 == 0 and loop.index != NextMonthCalendar|length %}
  74.             </tr>
  75.             <tr>
  76.                 {% endif %}
  77.                 {% endfor %}
  78.             </tr>
  79.         </table>
  80.     </div>
  83. </div>