perso.html 19.9 KB
Newer Older
Okhin's avatar
Okhin committed
1 2
    <div id="subtitle" class="row">
        <div class="page-header">
3
            <h1 class="text-left">{{ _("Merci de soutenir La Quadrature du Net &lt;3&nbsp;!")}}</h1>
4
        </div>
Okhin's avatar
Okhin committed
5 6 7
    </div>
    <div class="row">
        <div class="col-md-4"><!-- Form infos du compte -->
8
            <div class="panel panel-default">
Okhin's avatar
Okhin committed
9 10 11 12 13 14 15 16 17
                <div class="panel-heading" role="tab" id="headingInfos">
                    <div class="panel-title col-xs text-left">
                        <a role="button" data-toggle="collapse" href="#collapseInfos" aria-expanded="flase" aria-controls="collapseInfos">
                            {{ _("Compte")}}
                        </a>
                        <div class="panel-title col-xs-2 text-right">
                            <a role="button" data-toggle="collapse" href="#collapseInfos" aria-expanded="true" aria-controls="collapseInfos">
                                <span class="caret"></span>
                            </a>
18
                        </div>
Okhin's avatar
Okhin committed
19
                    </div>
20
                </div>
Okhin's avatar
Okhin committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
                <div id="collapseInfos" class="panel-collapse collapse" aria-labelledby="headingInfos">
                    <div class="panel-body text-left">
                        <form method="POST" action="{{ 'infos' | alias }}">
                            <input type="hidden" name="csrf" value="{{ @CSRF }}" />
                            <div class="form-group">
                                <label for="pseudo">{{ _("Pseudo") }}</label>
                                <input type="text" class="form-control" id="pseudo" name="pseudo" value="{{ @infos.pseudo }}">
                            </div>
                            <div class="form-group">
                                <label for="email">{{ _("Adresse mail")}}</label>
                                <input type="email" class="form-control" name="email" id="email" value="{{ @infos.email }}">
                            </div>
                            <div class="form-group">
                                <label for="password">{{ _("Mot de passe")}}</label>
                                <input type="password" class="form-control" name="password" id="password">
36
                            </div>
Okhin's avatar
Okhin committed
37 38 39
                            <div class="form-group">
                                <label for="password_confirmation">{{ _("Confirmation de mot de passe")}}</label>
                                <input type="password" class="form-control" name="password_confirmation" id="password_confirmation">
40
                            </div>
Okhin's avatar
Okhin committed
41 42 43 44 45 46 47
                            <input type="submit" class="btn btn-lg btn-primary c-boutonslongs" value="{{ _("Mettre à jour") }}">
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- /Form infos du compte -->
        <div class="col-md-4"><!-- Form addresses -->
48
            <div class="panel panel-default">
Okhin's avatar
Okhin committed
49 50 51 52 53 54 55 56 57 58 59
                <div class="panel-heading" role="tab" id="headingAdresses">
                    <div class="row">
                        <div class="panel-title col-xs-10 text-left">
                            <a role="button" data-toggle="collapse" href="#collapseAdresses" aria-expanded="false" aria-controls="collapseAdresses">
                                {{ _("Adresses")}}
                            </a>
                        </div>
                        <div class="panel-title col-xs-2 text-right">
                            <a role="button" data-toggle="collapse" href="#collapseAdresses" aria-expanded="false" aria-controls="collapseAdresses">
                                <span class="caret"></span>
                            </a>
60 61 62
                        </div>
                    </div>
                </div>
Okhin's avatar
Okhin committed
63 64 65 66 67 68 69 70 71 72 73
                <div id="collapseAdresses" class="panel-collapse collapse" href="#collapseAdresses" aria-expanded="false" aria-controls="collapseAdresses">
                    <div class="panel-body text-left">
                        <check if="{{ count(@adresses) > 0 }}">
                        <h3>{{ _("Modifier une adresse")</h3>
                        <form>
                            <div class="form-group">
                                <label for="">{{ _("Modifier une adresse")}}</label>
                                <select class="form-control">
                                    <repeat group="{{ @adresses }}" value="{{ @adresse }}">
                                    <option value="{{ @adresse.id }}">{{ @adresse.alias }}</option>
                                </select>
74
                            </div>
Okhin's avatar
Okhin committed
75 76 77 78 79 80 81 82 83 84 85 86
                        </form>

                        <h3>{{ _("Ajouter une nouvelle adresse</h3>
                        <form method="POST" action="{{ 'adresses' | alias }}" id="create-adress-form">
                            <input type="hidden" name="csrf" value="{{ @CSRF }}" />
                            <input type="hidden" name="action" value="ADD" />
                            <input type="hidden" name="id" value="{{ @adresse.id }}" />
                            <div class="form-group">
                            <label for="alias">{{ _("Nom de l'adresse")}}</label>
                                <input type="text" class="form-control" name="alias" value="{{ @adresse.alias }}">
                            </div>
                            <div class="form-group">
87
                                <label for="nom">{{ _("Destinataire") }}</label>
Okhin's avatar
Okhin committed
88
                                <input type="text" class="form-control" name="nom" value="{{ @adresse.nom }}">
89
                            </div>
Okhin's avatar
Okhin committed
90
                            <div class="form-group">
91
                                <label for="adresse">{{ _("Adresse")}}</label>
Okhin's avatar
Okhin committed
92
                                <input type="text" class="form-control" name="adresse" value="{{ @adresse.adresse }}">
93
                            </div>
Okhin's avatar
Okhin committed
94
                            <div class="form-group">
95
                                <label for="adresse2">{{ _("Complément d'adresse")}}</label>
Okhin's avatar
Okhin committed
96
                                <input type="text" class="form-control" name="adresse2" value="{{ @adresse.adresse2 }}">
97
                            </div>
Okhin's avatar
Okhin committed
98
                            <div class="form-group">
99
                                <label for="codepostal">{{ _("Code Postal")}}</label>
Okhin's avatar
Okhin committed
100
                                <input type="text" class="form-control" name="codepostal" value="{{ @adresse.codepostal }}">
101
                            </div>
Okhin's avatar
Okhin committed
102
                            <div class="form-group">
103
                                <label for="ville">{{ _("Ville")}}</label>
Okhin's avatar
Okhin committed
104
                                <input type="text" class="form-control" name="ville" value="{{ @adresse.ville }}">
105
                            </div>
Okhin's avatar
Okhin committed
106
                            <div class="form-group">
107
                                <label for="state">{{ _("Province / État")}}</label>
Okhin's avatar
Okhin committed
108
                                <input type="text" class="form-control" name="state" value="{{ @adresse.etat }}">
109
                            </div>
Okhin's avatar
Okhin committed
110
                            <div class="form-group">
111
                                <label for="pays">{{ _("Pays")}}</label>
Okhin's avatar
Okhin committed
112
                                <input type="text" class="form-control" name="pays" value="{{ @adresse.pays }}">
113
                            </div>
Okhin's avatar
Okhin committed
114 115 116 117
                            <div class="form-group">
                                <label for="default">
                                    <input type="checkbox" name="defaut" value="true" <check if="{{ @adresse.defaut > 0 }}">checked</check>>{{ _("Utiliser comme adresse par défaut.") }}
                                </label>
118
                            </div>
Okhin's avatar
Okhin committed
119 120 121 122 123 124 125
                            <input type="submit" class="btn btn-lg c-boutonslongs" value="{{ _("Créer cette adresse"}}">
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- / Form Adresses -->
        <div class="col-md-4"><!-- Form historique -->
126
            <div class="panel panel-default">
Okhin's avatar
Okhin committed
127 128 129 130 131 132
                <div class="panel-heading" role="tab" id="headingHistorique">
                    <div class="row">
                        <div class="panel-title col-xs-10 text-left">
                            <a role="button" data-toggle="collapse" href="#collapseHistorique" aria-expanded aria-controls="collapseHistorique">
                                {{ _("Historique")}}
                            </a>
133
                        </div>
Okhin's avatar
Okhin committed
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
                    </div>
                </div>
                <div id="collapseHistorique" class="panel-collapse collapse" aria-labelledby="headingHistorique">
                    <div class="panel-body text-left">
                        <table class="table text-left">
                            <tr>
                                <th>{{ _("Date") }}</th>
                                <th>{{ _("Dons") }}</th>
                                <th>{{ _("Récurent") }}</th>
                                <th>{{ _("Contreparties") }}</th>
                            </tr>
                            <!-- FIXME: Modifier la vue pour avoir le bon historique" -->
                            <repeat group="{{ @dons_recurrents }}" value="{{ @don }}">
                            <tr>
                                <td>{{ @don.datec }}</td>
                                <td>{{ @don.somme }}</td>
                                <td>{{ @don.status }}</td>
                                <td><?td>
                            </tr>
                            </repeat>
                        </table>
                    </div>
156 157
                </div>
            </div>
Okhin's avatar
Okhin committed
158
        </div><!-- / Form historique -->
159 160
    </div>
</section>
Okhin's avatar
Okhin committed
161 162 163 164 165 166 167 168 169 170 171 172
<section id="wrapper" class="text-center container-fluid">
    <div id="subtitle" class="row">
        <div class="page-header">
            <h2 class="text-left">{{ _("Vos dons")}}</h2>
        </div>
    </div>
    <div id="" class="row">
        <div class="col-md-4"><!-- déjà donné -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <div class="panel-title">
                        <p>{{ _("Vous avez déjà donné")}}</p>
173 174
                    </div>
                </div>
Okhin's avatar
Okhin committed
175 176 177
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.total }}&nbsp;</p>
                </div>
178
            </div>
Okhin's avatar
Okhin committed
179 180 181 182 183 184 185 186 187 188
        </div><!-- / Déjà donné -->
        <div class="col-md-4"><!-- disponible -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <div class="panel-title">
                        <p>{{ _("Disponible pour demander des contreparties")}}</p>
                    </div>
                </div>
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.cumul }}&nbsp;</p>
189 190
                </div>
            </div>
Okhin's avatar
Okhin committed
191 192 193 194 195
        </div><!-- / disponible -->
    </div>
    <div class="row"><!-- nouveau don -->
        <div class="row">
            <button type="button" class="btn btn-primary c-boutonslongs" data-toggle="modal" data-target="#ModaleConfirmation">{{ _("Faire un nouveau don")}}</button>
196 197 198
        </div>
    </div>
</section>
Okhin's avatar
Okhin committed
199 200

<section id="wrapper" class="text-center container-fluid">
201
<div id="subtitle" class="row">
Okhin's avatar
Okhin committed
202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218
    <div class="page-header">
        <h2 class="text-left">{{ _("Demander des contreparties")}}</h2>
    </div>
    <!-- FIXME: Lien page contrepartie -->
    <p class="text-left">{{ _("Pour débloquer les objets associés à un bonus, cliquez sur l'icône de celui-ci. Le monant disponible pour les objets sera déduit du montant du palier et les objets seront disponibles sur la page <a href="#">Mes contreparties</a> pour en demander la livraison.")}}</p>
    <div id="" class="row">
        <form method="POST" action="{{ 'add_contrepartie' | alias }}" name="contreparties">
            <input type="hidden" name="csrf" value="{{ @CSRF }}">
            <check if="{{ infos.cumul >= 30 }}">
            <div class="col-md-8 col-md-offset-2"><!-- piplome -->
                <div class="panel panel-default">
                    <div class="panel-body c-panelcontrepartie">
                        <div class="col-md-1">
                            <input type="checkbox" name="quoi" id="quoi1" class="" checked <check if="{{ @infos.cumul < 30 }}">disabled</check> value="piplome">
                        </div>
                        <div class="col-md-3 text-center">
                            <p>
219
                                <img class="" src="/static/img/piplome.svg" alt="">
Okhin's avatar
Okhin committed
220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236
                            </p>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group text-left">
                                <label for="quoi1">
                                    <h3 class="text-left">{{ _("Piplôme")}}</h3>
                                </label>
                                <form class="text-left">
                                    <label for="piplome_id">{{ _("Titulaire du Piplôme")}}</label>
                                    <input type="text" class="form-control" id="piplome_id" name="piplome_id" value="" placeholder="Nom, prénom, pseudonyme, etc …">
                                </form>
                            </div>
                        </div>
                        <div class="c-prixcontrepartie">
                            <p>30&nbsp;</p>
                        </div>
                    </div>
237
                </div>
Okhin's avatar
Okhin committed
238 239 240 241 242
            </div><!-- piplome -->
            </check>
            <check if="{{ infos.cumul >= 50 }}">
            <div class="col-md-8 col-md-offset-2"><!-- Pibag -->
                <div class="panel panel-default">
243
                    <div class="panel-body c-panelcontrepartie">
Okhin's avatar
Okhin committed
244 245 246 247 248
                        <div class="col-md-1">
                            <input type="checkbox" class="" id="quoi2" name="quoi" <check if="{{ @infos.cumul < 50 }}">disabled</check> value="pibag">
                        </div>
                        <div class="col-md-3 text-center">
                            <p>
249
                                <img class="" src="/static/img/pibag.svg" alt="">
Okhin's avatar
Okhin committed
250 251 252 253 254 255 256 257 258 259 260 261 262
                            </p>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group text-left">
                                <label for="quoi2">
                                    <h3 class="text-left">{{ _("Pibag")}}</h3>
                                </label>
                            </div>
                        </div>
                        <div class="c-prixcontrepartie">
                            <p>50&nbsp;</p>
                        </div>
                    </div>
263
                </div>
Okhin's avatar
Okhin committed
264 265 266 267 268 269 270 271
            </div><!-- / Pibag -->
            </check>
            <check if="{{ @infos.cumul >= 100 }}">
            <div class="col-md-8 col-md-offset-2"><!-- Pishirt -->
                <div class="panel panel-default">
                    <div class="panel-body c-panelcontrepartie">
                        <div class="col-md-1">
                            <input type="checkbox" class="" id="quoi3" name="quoi"<check if="{{ @infos.cumul < 100 }}">disabled</check> value="pishirt">
272
                        </div>
Okhin's avatar
Okhin committed
273 274
                        <div class="col-md-3 text-center">
                            <p>
275
                                <img class="" src="/static/img/pishirt.svg" alt="">
Okhin's avatar
Okhin committed
276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293
                            </p>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group text-left">
                                <label for="quoi3">
                                    <h3 class="text-left">{{ _("Pi-Shirt")}}</h3>
                                </label>
                                <form class="text-left">
                                    <div class="form-group text-left">
                                        <label for="taille">{{ _("Taille") }}</label>
                                        <select name="taille">
                                        <repeat group="{{ @atailles }}" key="{{ @key }}" value="{{ @value }}">
                                        <option value="{{ @key }}">{{ @value }}</option>
                                        </repeat>
                                        </select>
                                    </div>
                                </form>
                            </div>
294
                        </div>
Okhin's avatar
Okhin committed
295 296
                        <div class="c-prixcontrepartie">
                            <p>100&nbsp;</p>
297
                        </div>
Okhin's avatar
Okhin committed
298 299 300 301 302 303 304 305 306 307 308 309 310
                    </div>
                </div>
            </div><!-- / Pishirt -->
            </check>
            <check if="{{ @infos.cumul >= 250 }}">
            <div class="col-md-8 col-md-offset-2"><!-- Hoopi -->
                <div class="panel panel-default">
                    <div class="panel-body c-panelcontrepartie">
                        <div class="col-md-1">
                            <input type="checkbox" class="" id="quoi4" name="quoi"<check if="{{ @infos.cumul < 250 }}">disabled</check> value="hoopie">
                        </div>
                        <div class="col-md-3 text-center">
                            <p>
311
                                <img class="media-object" src="/static/img/hoopie.svg" alt="">
Okhin's avatar
Okhin committed
312
                            </p>
313
                        </div>
Okhin's avatar
Okhin committed
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328
                        <div class="col-md-8">
                            <div class="form-group text-left">
                                <label for="quoi4">
                                    <h3 class="text-left">{{ _("Hoodie")}}</h3>
                                </label>
                                <form class="text-left">
                                    <div class="form-group text-left">
                                        <label for="taille">{{ _("Taille") }}</label>
                                        <select name="taille_h" class="form-control">
                                            <repeat group="{{ @atailles }}" key="{{ @key }}" value="{{ @value }}">
                                            <option value="{{ @key }}">{{ @value }}</option>
                                            </repeat>
                                        </select>
                                    </div>
                                </form>
329 330
                            </div>
                        </div>
Okhin's avatar
Okhin committed
331 332
                        <div class="c-prixcontrepartie">
                            <p>250&nbsp;</p>
333 334
                        </div>
                    </div>
Okhin's avatar
Okhin committed
335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362
                </div>
            </div><!-- / Hoopi -->
            </check>
            <check if="{{ count(@adresses) > 0 }}">
            <div class="col-md-8 col-md-offset-2"><!-- Adresse -->
                <div class="form-group form-inline">
                    <label for="adresses">{{ _("Envoyer à l'adresse :")}}</label>
                    <select name="adresse_id">
                        <repeat group="{{ @adresses }}" value="{{ @adresse }}">
                        <option value="{{ @adresse.id }}" <check if="{{ @adresse.defaut != 0 }}">selected</check>>{{ @adresse.alias }} - {{ @adresse.adresse }} {{@adresse.adresse2 }}</option>
                        </repeat>	
                    </select>
                </div>
            </div><!-- / Adresse -->
            <div class="col-md-8 col-md-offset-2"><!-- Bouton -->
                <input type="submit" class="btn btn-lg btn-primary c-boutonslongs" value="{{ _('Envoyer')}}">
            </div><!-- / bouton -->
            </check>
        </form>
    </div>
</section>

<!-- Modale de confirmation -->
<!-- TODO: Récupérer le contenu de la modale -->
<div class="modal fade" id="ModaleConfirmation" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content c-modale">
            <div class="modal-body">
363 364 365
        </div>
    </div>
</section>