Convert year calendar from table to css flex layout
This commit is contained in:
Peter Stockings
@@ -437,413 +437,79 @@
|
||||
</div>
|
||||
{% elif selected_view == 'year'%}
|
||||
<div class="flex px-2 py-2 -mb-px">
|
||||
|
||||
<div class="flex flex-wrap bg-white overflow-hidden">
|
||||
{% for i in range(12) %}
|
||||
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">December 2018
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center cursor-pointer"
|
||||
hx-get="{{ url_for('get_calendar', person_id=person['PersonId']) }}" hx-target="#container"
|
||||
hx-vals='{"date": "{{ next_date }}", "view": "month"}' hx-push-url="true">December 2018
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
<td
|
||||
class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer bg-blue text-white">
|
||||
6</td>
|
||||
<td
|
||||
class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer bg-blue text-white">
|
||||
7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">31</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">January 2019
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">6</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">31</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">February 2019
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">6</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">March 2019
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">6</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">31</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">April 2019
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">6</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-auto mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
|
||||
<div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center">May 2019
|
||||
</div>
|
||||
<div class="">
|
||||
<table class="w-full">
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<th class="py-3 px-4">S</th>
|
||||
<th class="py-3 px-4">M</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">W</th>
|
||||
<th class="py-3 px-4">T</th>
|
||||
<th class="py-3 px-4">F</th>
|
||||
<th class="py-3 px-4">S</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">6</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">7</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</td>
|
||||
<td class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">31</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="grid grid-cols-7 border-b font-semibold">
|
||||
<div class="py-3 px-4">S</div>
|
||||
<div class="py-3 px-4">M</div>
|
||||
<div class="py-3 px-4">T</div>
|
||||
<div class="py-3 px-4">W</div>
|
||||
<div class="py-3 px-4">T</div>
|
||||
<div class="py-3 px-4">F</div>
|
||||
<div class="py-3 px-4">S</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-7 overflow-hidden flex-1 pl-2 pr-2 w-full">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">1</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">2</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">3</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">4</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">5</div>
|
||||
<div
|
||||
class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer bg-blue text-white">
|
||||
6</div>
|
||||
<div
|
||||
class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer bg-blue text-white">
|
||||
7</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">8</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">9</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">10</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">11</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">12</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">13</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">14</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">15</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">16</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">17</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">18</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">19</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">20</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">21</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">22</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">23</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">24</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">25</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">26</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">27</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">28</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">29</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">30</div>
|
||||
<div class="py-3 px-4 hover:bg-blue hover:text-white text-center cursor-pointer">31</div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user