home.html 5.42 KB
Newer Older
1 2
<div id="home">
  <div class="page_title txtcenter">
Félicie committed
3
    <h1>Espace Membre</h1>
4 5
  </div>
  <div class="tiles_container">
6
    <div class="tile high_tile" id="home_tile_my_info">
7
      <div class="tile_title">
8
        <i class="fas fa-user tile_icon"></i>
9
        <span class="member_info member_name"></span>
10 11
      </div>
      <div class="tile_content">
12 13
        {# <p><span class="member_info member_name"></span></p> #}
        <p class="member_status_text_container">Mon statut : <span class="member_info member_status"></span></p>
Damien Moulard committed
14 15
        <div class="delay_date_stop_container">
          ( jusqu'au <span class="delay_date_stop"></span> )
16
        </div>
Damien Moulard committed
17 18
        <div id="member_status_action">
          <a href="#" target="_blank" class="btn--warning unsuscribed_form_link">
19 20
            J'accède au formulaire
          </a>
Damien Moulard committed
21
          <button type="button" class="btn--danger choose_makeups">
22 23
            Je sélectionne mes rattrapages
          </button>
24 25 26
          <button type="button" class="btn--success remove_future_registration">
            J'ai validé un service à deux, je peux supprimer une présence
          </button>
27
        </div>
Damien Moulard committed
28
        <div class="member_shift_name_area">
29
          <span>Mon créneau : </span>
Damien Moulard committed
30
          <span class="member_shift_name member_info"></span>
31 32 33
          {% if coop_can_change_shift_template %}
          <span><i class="fas fa-edit tile_icon edit-btn"></i></span>
          {% endif %}
34
        </div>
Damien Moulard committed
35
        <div class="member_coop_number_area">
36
          <span>Mon numéro de coop : </span>
Damien Moulard committed
37
          <span class="member_coop_number member_info"></span>
38
        </div>
39 40 41 42
        <div class="member_associated_partner_area">
          <span>Je suis en binôme avec : </span>
          <span class="member_associated_partner member_info"></span>
        </div>
43 44 45 46 47
        <div id="see_more_info">
          <button type="button", class="btn btn--primary home_link_button" id="see_more_info_link">
            Accéder à mes infos et comprendre mon statut
          </button>
        </div>
Damien Moulard committed
48
      </div>
49
    </div>
50
    <div class="tile high_tile" id="home_tile_my_services">
51
      <div class="tile_title">
52
        <i class="fas fa-clipboard tile_icon"></i>
53 54 55 56 57 58 59
        Mes Services
      </div>
      <div class="tile_content">
        <h3>Services à venir</h3>
        <div id="home_incoming_services">
          <i class="fas fa-spinner fa-spin fa-lg"></i>
        </div>
Damien Moulard committed
60 61 62 63 64
        <div id="go_to_shift_history_area">
          <button type="button", class="btn btn--primary" id="home_go_to_shift_history">
            Accéder à mon historique
          </button>
        </div>
65 66
      </div>
    </div>
67
    <div class="tile small_tile" id="home_tile_services_exchange">
68
      <div class="tile_title">
69
        <i class="fas fa-exchange-alt tile_icon"></i>
70 71 72
        {% if company_code == "lacoope" %}
        Choix et reports de services
        {% else %}
73
        Échange de services
74
        {% endif %}
75 76
      </div>
      <div class="tile_content">
Félicie committed
77
        <div class="block_service_exchange">
78
          Un empêchement ? J'anticipe et déplace mes services jusqu'à 24h avant leur début !
Etienne Freiss committed
79
        </div>
Félicie committed
80
        <div class="free_service_exchange">
81 82 83
          {% if company_code == "lacoope" %}
          Je suis volant ? j'ai un empêchement ? Je sélectionne ou déplace mes services
          {% else %}
Félicie committed
84
          Un empêchement ? J'anticipe et déplace mon service le plus tôt possible !
85
          {% endif %}
Félicie committed
86
        </div>
87 88
        <div class="home_link_button_area">
          <button type="button" class="btn--primary home_link_button" id="go_to_shifts_calendar">
89 90 91 92 93
            {% if company_code == "lacoope" %}
            Accéder au calendrier de choix et reports de services
            {% else %}
            Accéder au calendrier d'échange de services
            {% endif %}
Damien Moulard committed
94 95
          </button>
        </div>
96 97
      </div>
    </div>
98
    <div class="tile small_tile" id="home_tile_help">
99
      <div class="tile_title">
100
        <i class="fas fa-question-circle tile_icon"></i>
101 102 103
        J'ai une demande
      </div>
      <div class="tile_content">
104 105 106
        <div class="home_link_button_area">
          <a
            href="javascript:void(0);"
Félicie committed
107
            class="btn--primary home_link_button"
108 109 110 111 112
            id="go_to_forms"
          >
              Accéder aux formulaires
          </a>
        </div>
113 114
      </div>
    </div>
115
    <div class="tile small_tile" id="home_tile_shop_info">
116 117 118 119
      <div class="tile_title">
        <i class="fas fa-newspaper tile_icon"></i>
        Informations magasins
      </div>
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
      <div id="shop_info_content">
        <div class="shop_info_item shop_opening_hours">
          <div class="shop_info_item_content">
            <div class="opening_hours_title">
              Horaires du magasin :
            </div>
            <div class="opening_hours_content">
              {{shop_opening_hours|safe}}
            </div>
          </div>
        </div>
        <div class="shop_info_item shop_message">
          <div class="shop_info_item_content shop_message_content">
            {{msg_accueil|safe}}
          </div>
        </div>
136 137
      </div>
    </div>
138
  </div>
139 140 141 142 143 144 145 146
  {% if coop_can_change_shift_template %}
  <div id="modal-calendar-choice" style="display:none;">
    <div id="shift_choice">
        {% include "members/shift_template_calendar.html" %}
    </div>
  </div>
  <script>
    var max_begin_hour = "{{max_begin_hour}}",
147 148
        type = 2,
        exemptions_shift_id = '{{exemptions_shift_id}}';
149 150
  </script>
  {% endif %}
Félicie committed
151
</div>