shift_choice.html 4.09 KB
Newer Older
Administrator committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
<section class="grid-6 has-gutter" id="shift_choice">
   <div class="col-6 menu txtcenter">
    CHOIX DU CRÉNEAU
   </div>
   <div class="col-1 lat_menu">
     <button class="flex-container--column highlighted" data-select="{{mag_place_string}}">Magasin</button>
     ou ...
     <br />
     <button class="flex-container--column" data-select="Volant">Volant</button>
     <div class="info"></div>
   </div>
   <div class="col-5 main_content">
   <table id="shift_templates" class="table" summary="">
      <caption>Calendrier fixe</caption>
      <thead>
      <tr>
        <th scope="col"></th>
        <th scope="col">Lundi</th>
        <th scope="col">Mardi</th>
        <th scope="col">Mercredi</th>
        <th scope="col">Jeudi</th>
        <th scope="col">Vendredi</th>
        <th scope="col">Samedi</th>
      </tr>
      </thead>
      <tbody>
        <tr data-targ="magasin" data-begin="06:00">
          <td>06:00</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        <tr data-targ="magasin" data-begin="08:00">
          <td>08:00</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        <!--
        <tr data-targ="bureau" data-begin="10:00">
          <td>10:00</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        -->
        <tr data-targ="magasin" data-begin="10:45">
          <td>10:45</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        <tr data-targ="both" data-begin="13:30">
          <td>13:30</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        <!--
        <tr data-targ="bureau" data-begin="14:15">
          <td>14:15</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        -->
        <tr data-targ="both" data-begin="16:15">
          <td>16:15</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
        <tr data-targ="magasin" data-begin="19:00">
          <td>19:00</td>
          <td class="Lun"></td>
          <td class="Mar"></td>
          <td class="Mer"></td>
          <td class="Jeu"></td>
          <td class="Ven"></td>
          <td class="Sam"></td>
        </tr>
      </tbody>
    </table>
    <div id="week_types" class="clearfix">
      <div class="oddeven_selector fl">
        <input type="checkbox" class="switch" id="even_weeks" value='0' checked><label for="even_weeks">Paires</label>
         <input type="checkbox" class="switch" id="odd_weeks" value='1' checked><label for="odd_weeks">Impaires</label>
109

Administrator committed
110 111 112 113 114 115 116 117 118
      </div>
      <div class="selected_weeks fl">
        <input type="checkbox" class="switch" id="dw1" value='1' checked><label for="c1">A</label>
        <input type="checkbox" class="switch" id="dw2" value='2' checked><label for="c2">B</label>
        <input type="checkbox" class="switch" id="dw3" value='3' checked><label for="c3">C</label>
        <input type="checkbox" class="switch" id="dw4" value='4' checked><label for="c4">D</label>
      </div>
    </div>
    {% if type and type == 1 %}
119 120
    <!--<div class="clearfix mtop25">Le trait <span class="alert">rouge</span> signale que le créneau est rempli à moins de 75%</div>-->
    {% endif %}
Administrator committed
121 122
   </div>

123
</section>