my_info.html 6.65 KB
Newer Older
Damien Moulard committed
1 2
<div id="my_info">
    <div class="page_title txtcenter">
3
        <h1>Mes Infos</h1>
Damien Moulard committed
4 5
    </div>
    <div class="tiles_container">
6
        <div class="tile full_width_tile" id="my_info_area">
7
            <div class="tile_title">
Etienne Freiss committed
8
                <i class="fas fa-user tile_icon"></i>   
9 10
                <span class="member_info member_name"></span>
            </div>
11 12 13 14
            <div class="tile_content" id="my_info_content">
                <div class="my_info_line">
                    <div class="my_info_line_left">
                        Statut
Damien Moulard committed
15
                    </div>
16 17 18 19 20 21 22 23 24 25 26 27
                    <div class="my_info_line_right">
                        <p class="member_info member_status"></p>
                        <div class="delay_date_stop_container">
                            ( jusqu'au <span class="delay_date_stop"></span> )
                        </div>
                        <div id="member_status_action">
                            <a href="#" target="_blank" class="btn--warning unsuscribed_form_link">
                                J'accède au formulaire
                            </a>
                            <button type="button" class="btn--danger choose_makeups">
                                Je sélectionne mes rattrapages
                            </button>
28 29 30
                            <button type="button" class="btn--success remove_future_registration">
                                J'ai validé un service à deux, je peux supprimer une présence
                            </button>
31
                        </div>
Damien Moulard committed
32 33
                    </div>
                </div>
34 35 36 37 38 39 40
                <div class="my_info_line">
                    <div class="my_info_line_left">
                        Créneau
                    </div>
                    <div class="my_info_line_right member_shift_name_area">
                        <span class="member_shift_name member_info"></span>
                    </div>
Damien Moulard committed
41
                </div>
42 43 44 45 46
                <div class="my_info_line">
                    <div class="my_info_line_left">
                        Numéro de coop
                    </div>
                    <div class="my_info_line_right member_coop_number_area">
Félicie committed
47
                        <span class="member_coop_number member_info"></span>
48
                    </div>
Damien Moulard committed
49
                </div>
50 51 52 53 54 55 56
                <div class="my_info_line member_email_line">
                    <div class="my_info_line_left">
                        Email
                    </div>
                    <div class="my_info_line_right member_email_area">
                        <span class="member_email member_info"></span>
                    </div>
Damien Moulard committed
57
                </div>
58 59
                <div class="my_info_line member_address_line">
                    <div class="my_info_line_left">
Etienne Freiss committed
60
                        Adresse 
61
                    </div>
Etienne Freiss committed
62 63 64 65 66
                    <div class="my_info_line_right member_address_area" id="edit_address_value">
                        <span class="member_address member_info"></span><br>
                        <span id="edit_address"><i class="fas fa-edit tile_icon edit-btn" ></i></span>
                    </div>
                    <div class="my_info_line_right member_address_area1" id="edit_address_form">
67
                        <input type="text" name="street_form" id="street_form" placeholder="Rue"> <br>
Etienne Freiss committed
68
                        <!-- <input type="text" name="street2_form" id="street2_form" placeholder="Complément">  -->
69
                        <input type="text" name="zip_form" id="zip_form" placeholder="Code postal"> <br>
Etienne Freiss committed
70 71 72
                        <input type="text" name="city_form" id="city_form" placeholder="Ville"> <br>
                        <span id="cancel_edit_address"><i class="fas fa-times tile_icon edit-btn"></i></span>
                        <span id="save_edit_address"><i class="fas fa-check tile_icon edit-btn"></i></span>
73
                    </div>
Damien Moulard committed
74
                </div>
75 76
                <div class="my_info_line member_phone_line">
                    <div class="my_info_line_left">
77
                        Téléphone
78
                    </div>
Etienne Freiss committed
79
                    <div class="my_info_line_right member_phone_area" id="edit_phone_value">
80
                        <span class="member_phone member_info"></span>
81
                        <span class="member_mobile member_info"></span>
Etienne Freiss committed
82 83 84
                        <span id="edit_phone"><i class="fas fa-edit tile_icon edit-btn" ></i></span>
                    </div>
                    <div class="my_info_line_right member_phone_area1" id="edit_phone_form">
85
                        <input type="text" name="phone" id="phone_form" placeholder="Tel fixe"> <br>
Etienne Freiss committed
86 87 88
                        <input type="text" name="mobile" id="mobile_form" placeholder="Tel mobile"><br>
                        <span id="cancel_edit_phone"><i class="fas fa-times tile_icon edit-btn"></i></span>
                        <span id="save_edit_phone"><i class="fas fa-check tile_icon edit-btn"></i></span>
89
                    </div>
Damien Moulard committed
90
                </div>
91 92 93 94 95 96 97 98 99 100 101 102 103 104
                <div class="my_info_line member_job_line">
                    <div class="my_info_line_left">
                        Profession
                    </div>
                    <div class="my_info_line_right member_job_area" id="edit_job_value">
                        <span class="member_job member_info"></span>
                        <span id="edit_job"><i class="fas fa-edit tile_icon edit-btn" ></i></span>
                    </div>
                    <div class="my_info_line_right member_job_area1" id="edit_job_form">
                        <input type="text" name="job" id="job_form" placeholder="Profession"> <br>
                        <span id="cancel_edit_job"><i class="fas fa-times tile_icon edit-btn"></i></span>
                        <span id="save_edit_job"><i class="fas fa-check tile_icon edit-btn"></i></span>
                    </div>
                </div>
Damien Moulard committed
105
            </div>
106 107 108 109
        </div>
        <div class="tile full_width_tile" id="attached_info_area">
            <div class="tile_title">
                Mon Binôme
110
            </div>
111
            <div class="tile_content" id="attached_info">
112
                <div class="my_info_line attached_partner_name_line">
113 114 115
                    <div class="my_info_line_left">
                        Je suis en binôme avec :
                    </div>
116
                    <div class="my_info_line_right attached_partner_name_area">
117 118
                        <span class="attached_partner_name member_info"></span>
                    </div>
Damien Moulard committed
119 120 121
                </div>
            </div>
        </div>
122
        {% if understand_my_status %}
123
            {% include  ""|add:understand_my_status_template %}
124
        {% endif %}
Damien Moulard committed
125
    </div>
Félicie committed
126
</div>