perso.html 19.7 KB
Newer Older
Marne's avatar
Marne committed
1
    <div id="subtitle" class="row fluid">
Okhin's avatar
Okhin committed
2
        <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
    </div>
6
    <div id="perso" class="row fluid">
Okhin's avatar
Okhin committed
7
        <div class="col-md-4"><!-- Form infos du compte -->
8
            <div class="panel panel-default">
9
10
                <input id="compte" type="checkbox">
                <label for="compte" class="panel-heading" role="tab" id="headingInfos">
Okhin's avatar
Okhin committed
11
                <div class="panel-heading" role="tab" id="headingInfos">
Okhin's avatar
Okhin committed
12
13
14
                    <div class="panel-title col-xs text-left">
                            {{ _("Compte")}}
                        <div class="panel-title col-xs-2 text-right">
15
                        </div>
Okhin's avatar
Okhin committed
16
                    </div>
17
                </label>
Okhin's avatar
Okhin committed
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
                <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">
33
                            </div>
Okhin's avatar
Okhin committed
34
35
36
                            <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">
37
                            </div>
Okhin's avatar
Okhin committed
38
39
40
41
42
43
44
                            <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 -->
45
            <div class="panel panel-default">
46
47
48
49
                <input id="adresses" type="checkbox">
                <label for="adresses" class="panel-heading" role="tab" id="headingInfos">
                    <div class="panel-title col-xs text-left">
                            {{ _("Adresses")}}
Okhin's avatar
Okhin committed
50
                        <div class="panel-title col-xs-2 text-right">
51
52
                        </div>
                    </div>
53
                </label>
Okhin's avatar
Okhin committed
54
55
56
                <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 }}">
Okhin's avatar
Okhin committed
57
                        <h3>{{ _("Modifier une adresse")}}</h3>
Okhin's avatar
Okhin committed
58
59
60
61
62
63
                        <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>
Okhin's avatar
Okhin committed
64
                                    </repeat>
Okhin's avatar
Okhin committed
65
                                </select>
66
                            </div>
Okhin's avatar
Okhin committed
67
68
                        </form>

Okhin's avatar
Okhin committed
69
                        <h3>{{ _("Ajouter une nouvelle adresse.")}}</h3>
Okhin's avatar
Okhin committed
70
71
72
                        <form method="POST" action="{{ 'adresses' | alias }}" id="create-adress-form">
                            <input type="hidden" name="csrf" value="{{ @CSRF }}" />
                            <input type="hidden" name="action" value="ADD" />
Okhin's avatar
Okhin committed
73
                            <input type="hidden" name="id" value="" />
Okhin's avatar
Okhin committed
74
75
                            <div class="form-group">
                            <label for="alias">{{ _("Nom de l'adresse")}}</label>
Okhin's avatar
Okhin committed
76
                                <input type="text" class="form-control" name="alias" value="">
Okhin's avatar
Okhin committed
77
78
                            </div>
                            <div class="form-group">
79
                                <label for="nom">{{ _("Destinataire") }}</label>
Okhin's avatar
Okhin committed
80
                                <input type="text" class="form-control" name="nom" value="">
81
                            </div>
Okhin's avatar
Okhin committed
82
                            <div class="form-group">
83
                                <label for="adresse">{{ _("Adresse")}}</label>
Okhin's avatar
Okhin committed
84
                                <input type="text" class="form-control" name="adresse" value="">
85
                            </div>
Okhin's avatar
Okhin committed
86
                            <div class="form-group">
87
                                <label for="adresse2">{{ _("Complément d'adresse")}}</label>
Okhin's avatar
Okhin committed
88
                                <input type="text" class="form-control" name="adresse2" value="">
89
                            </div>
Okhin's avatar
Okhin committed
90
                            <div class="form-group">
91
                                <label for="codepostal">{{ _("Code Postal")}}</label>
Okhin's avatar
Okhin committed
92
                                <input type="text" class="form-control" name="codepostal" value="">
93
                            </div>
Okhin's avatar
Okhin committed
94
                            <div class="form-group">
95
                                <label for="ville">{{ _("Ville")}}</label>
Okhin's avatar
Okhin committed
96
                                <input type="text" class="form-control" name="ville" value="">
97
                            </div>
Okhin's avatar
Okhin committed
98
                            <div class="form-group">
99
                                <label for="state">{{ _("Province / État")}}</label>
Okhin's avatar
Okhin committed
100
                                <input type="text" class="form-control" name="state" value="">
101
                            </div>
Okhin's avatar
Okhin committed
102
                            <div class="form-group">
103
                                <label for="pays">{{ _("Pays")}}</label>
Okhin's avatar
Okhin committed
104
                                <input type="text" class="form-control" name="pays" value="">
105
                            </div>
Okhin's avatar
Okhin committed
106
107
                            <div class="form-group">
                                <label for="default">
Okhin's avatar
Okhin committed
108
                                    <input type="checkbox" name="defaut" value="true" >{{ _("Utiliser comme adresse par défaut.") }}
Okhin's avatar
Okhin committed
109
                                </label>
110
                            </div>
Okhin's avatar
Okhin committed
111
                            <input type="submit" class="btn btn-lg c-boutonslongs" value="{{ _("Créer cette adresse")}}">
Okhin's avatar
Okhin committed
112
113
114
115
116
117
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- / Form Adresses -->
        <div class="col-md-4"><!-- Form historique -->
118
            <div class="panel panel-default">
119
120
121
122
123
                <input id="histo" type="checkbox">
                <label for="histo" class="panel-heading" role="tab" id="headingInfos">
                    <div class="panel-title col-xs text-left">
                            {{ _("Historique")}}
                        <div class="panel-title col-xs-2 text-right">
124
                        </div>
Okhin's avatar
Okhin committed
125
                    </div>
126
                </label>
Okhin's avatar
Okhin committed
127
128
129
130
131
132
133
134
135
136
137
138
139
                <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>
                            <repeat group="{{ @dons_recurrents }}" value="{{ @don }}">
                            <tr>
                                <td>{{ @don.datec }}</td>
                                <td>{{ @don.somme }}</td>
Okhin's avatar
Okhin committed
140
                                <td>{{ _("Oui")}}</td>
Marne's avatar
Marne committed
141
                                <td></td>
Okhin's avatar
Okhin committed
142
143
                            </tr>
                            </repeat>
Okhin's avatar
Okhin committed
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
                            <repeat group="{{ @dons }}" value="{{ @don }}">
                            <tr>
                                <td>{{ @don.datec }}</td>
                                <td>{{ @don.somme }}</td>
                                <td>{{ _("Non")}}</td>
                                <td></td>
                            </tr>
                            </repeat>
                            <repeat group="{{ @contreparties }}" value="{{ @contrepartie }}">
                            <tr>
                                <td>{{ @contrepartie.datec }}</td>
                                <td></td>
                                <td></td>
                                <td>{{ @contrepartie.quoi }}</td>
                            </tr>
                            </repeat>
Okhin's avatar
Okhin committed
160
161
                        </table>
                    </div>
162
163
                </div>
            </div>
Okhin's avatar
Okhin committed
164
        </div><!-- / Form historique -->
165
166
    </div>
</section>
Marne's avatar
Marne committed
167
<section id="wrapper" class="text-center fluid">
Okhin's avatar
Okhin committed
168
169
170
171
172
    <div id="subtitle" class="row">
        <div class="page-header">
            <h2 class="text-left">{{ _("Vos dons")}}</h2>
        </div>
    </div>
Marne's avatar
Marne committed
173
    <div id="vosdons" class="row">
Okhin's avatar
Okhin committed
174
175
176
177
178
        <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>
179
180
                    </div>
                </div>
Okhin's avatar
Okhin committed
181
182
183
                <div class="panel-body c-pannelfondblanc">
                    <p class="c-groschiffre">{{ @infos.total }}&nbsp;</p>
                </div>
184
            </div>
Okhin's avatar
Okhin committed
185
186
187
188
189
190
191
192
193
194
        </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>
195
196
                </div>
            </div>
Okhin's avatar
Okhin committed
197
198
199
200
        </div><!-- / disponible -->
    </div>
    <div class="row"><!-- nouveau don -->
        <div class="row">
Marne's avatar
Marne committed
201
            <button type="button" class="btn btn-lg btn-primary c-boutonscourts" data-toggle="modal" data-target="#ModaleConfirmation">{{ _("Faire un nouveau don")}}</button>
202
203
204
        </div>
    </div>
</section>
Okhin's avatar
Okhin committed
205

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