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>