Initial commit
Benjamin Renard authored 11 years ago
|
1) <!DOCTYPE html>
|
Add integration for Chrome...
Benjamin Renard authored 11 years ago
|
2) <!--<html manifest="cache.manifest">-->
3) <html>
|
Initial commit
Benjamin Renard authored 11 years ago
|
4) <head>
5) <title>MyCo</title>
6) <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
|
Add integration for Chrome...
Benjamin Renard authored 11 years ago
|
7) <meta name="mobile-web-app-capable" content="yes">
|
Initial commit
Benjamin Renard authored 11 years ago
|
8) <meta name="viewport" content="width=device-width, initial-scale=1.0">
9) <link rel="shortcut icon" href="favicon.png">
|
Add integration for Chrome...
Benjamin Renard authored 11 years ago
|
10) <link rel="shortcut icon" sizes="196x196" href="icon-196x196.png">
11) <link rel="shortcut icon" sizes="128x128" href="icon-128x128.png">
12) <link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
13) <link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
|
Initial commit
Benjamin Renard authored 11 years ago
|
14) <!-- Bootstrap -->
15) <!-- Latest compiled and minified CSS -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
16) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
|
Initial commit
Benjamin Renard authored 11 years ago
|
17)
18) <!-- Optional theme -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
19) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
|
Initial commit
Benjamin Renard authored 11 years ago
|
20) <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
21) <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
22) <!--[if lt IE 9]>
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
23) <script src="inc/lib/html5shiv.js"></script>
24) <script src="inc/lib/respond.min.js"></script>
|
Initial commit
Benjamin Renard authored 11 years ago
|
25) <![endif]-->
26) </head>
27) <style>
28) body{
29) margin-top: 4em;
30) }
31)
32) #total-label {
33) text-align: right;
34) }
35)
36) #total-label, #total-value {
37) font-weight: bold;
38) }
39)
|
Manage multiple screen part...
Benjamin Renard authored 11 years ago
|
40) .positive {
41) color: green;
42) }
43)
44) .negative {
|
Initial commit
Benjamin Renard authored 11 years ago
|
45) color: red;
46) }
47)
|
Manage multiple screen part...
Benjamin Renard authored 11 years ago
|
48) .part {
|
Initial commit
Benjamin Renard authored 11 years ago
|
49) display: none;
50) }
51)
52) #view-group h1 {
53) text-transform: capitalize;
54) }
|
Display date of contributions
Benjamin Renard authored 11 years ago
|
55)
56) #view-group span.date {
57) color: #999;
58) font-size: 0.8em;
59) font-style: italic;
60) }
|
Initial commit
Benjamin Renard authored 11 years ago
|
61) </style>
62) <body>
63) <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
64) <div class="container">
65) <div class="navbar-header">
66) <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
67) <span class="sr-only">Toggle navigation</span>
68) <span class="icon-bar"></span>
69) <span class="icon-bar"></span>
70) <span class="icon-bar"></span>
71) </button>
|
Add link on App Name in Navbar
Benjamin Renard authored 11 years ago
|
72) <a class="navbar-brand" id='app-name'>MyCo</a>
|
Initial commit
Benjamin Renard authored 11 years ago
|
73) </div>
74) <div class="collapse navbar-collapse" id="navbar-groupe-collapse">
75) <ul class="nav navbar-nav">
76) <li class="dropdown">
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
77) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupe <b class="caret"></b></a>
|
Initial commit
Benjamin Renard authored 11 years ago
|
78) <ul id="group-choice" class="dropdown-menu">
79) <li class="divider"></li>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
80) <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
81) <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
|
Initial commit
Benjamin Renard authored 11 years ago
|
82) </ul>
83) </li>
84) </ul>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
85) <ul class="nav navbar-nav navbar-right">
86) <li class="dropdown">
87) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-user'></span> <span id='user-name'>Connexion</span> <b class="caret"></b></a>
88) <ul id="user-menu" class="dropdown-menu"></ul>
89) </li>
90) </ul>
91)
|
Initial commit
Benjamin Renard authored 11 years ago
|
92) </div><!--/.nav-collapse -->
93) </div>
94) </div>
95) <div class="container">
96)
|
Manage multiple screen part...
Benjamin Renard authored 11 years ago
|
97) <div id='view-home' class='part'>
98) <h1 id='title'></h1>
99) <table class="table table-striped" id='mybalances'>
100) <thead>
101) <tr>
102) <th>Groupe</th>
103) <th>Balance</th>
104) </tr>
105) </thead>
106) <tbody></tbody>
107) <tfoot>
108) <tr>
109) <td id='total-label'>Total :</td>
110) <td id='total-value'></td>
111) </tr>
112) </tfoot>
113) </table>
114) </div>
115)
116) <div id='view-group' class='part'>
|
Replace usage of view-group...
Benjamin Renard authored 11 years ago
|
117) <h1><span>Noël</span><small><span id='edit_group_btn' class='glyphicon glyphicon-edit btn btn-sm'></span></small></h1>
|
Initial commit
Benjamin Renard authored 11 years ago
|
118) <form class="form-horizontal" role="form">
|
Add edit contributor feature
Benjamin Renard authored 11 years ago
|
119) <input type='hidden' id='edit_id' value='-1' />
|
Initial commit
Benjamin Renard authored 11 years ago
|
120) <div class="form-group">
121) <div class="input-group">
122) <span class="input-group-addon">Participant</span>
123) <select id='contributor' class="form-control">
124) </select>
125) <span class="input-group-btn">
126) <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
127) <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
128) <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
129) </span>
130) </div>
131) </div>
132) </form>
133) <div class="btn-group">
134) <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
135) <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
136) <div class="btn-group">
137) <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
138) <span class="glyphicon glyphicon-cog"></span>
139) </button>
140) <ul class="dropdown-menu">
|
Add possibility to view trash
Benjamin Renard authored 11 years ago
|
141) <li><a id='trash_group_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
142) <li><a id='remove_group_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le groupe</span></a></li>
|
Initial commit
Benjamin Renard authored 11 years ago
|
143) </ul>
144) </div>
145) </div>
146) <table id='contributions' class="table">
147) <thead>
148) <tr>
149) <th>Dépence</th>
150) <th>Coût</th>
151) <th>Actions</th>
152) </tr>
153) </thead>
154) <tbody>
155) <tr>
|
Remove example values
Benjamin Renard authored 11 years ago
|
156) <td>Label</td>
157) <td>XXX,XX€</td>
|
Initial commit
Benjamin Renard authored 11 years ago
|
158) <td>
159) <div class="btn-group" data-id='0'>
160) <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
161) <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
162) </div>
163) </td>
164) </tr>
165) </tbody>
166) <tfoot>
167) <tr>
168) <td id='total-label'>Total :</td>
169) <td id='total-value' colspan='2'>126,56€</td>
170) </tr>
171) </tfoot>
172) </table>
173) </div>
174)
|
Add possibility to view trash
Benjamin Renard authored 11 years ago
|
175) <div id='view-group-trash' class='part'>
176) <h1>Corbeille</h1>
177) <button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
178) <table id='trash' class="table">
179) <thead>
180) <tr>
181) <th>Dépence</th>
182) <th>Coût</th>
183) <th>Actions</th>
184) </tr>
185) </thead>
186) <tbody>
187) <tr>
188) <td>Label</td>
189) <td>XXX,XX€</td>
190) <td>
191) <button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
192) </td>
193) </tr>
194) </tbody>
195) </table>
196)
197) </div>
198)
|
Initial commit
Benjamin Renard authored 11 years ago
|
199) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
200) <div class="modal-dialog">
201) <div class="modal-content">
202) <div class="modal-header">
203) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
204) <h4 class="modal-title">Ajouter un groupe</h4>
205) </div>
206) <div class="modal-body">
207) <form class="form-horizontal" role="form">
208) <div class="form-group">
209) <div class="input-group">
210) <span class="input-group-addon">Nom *</span>
211) <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
212) </div>
213) </div>
214) </form>
215) </div>
216) <div class="modal-footer">
217) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
218) <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
219) </div>
220) </div><!-- /.modal-content -->
221) </div><!-- /.modal-dialog -->
222) </div>
223)
224) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
225) <div class="modal-dialog">
226) <div class="modal-content">
227) <div class="modal-header">
228) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
229) <h4 class="modal-title">Ajouter un participant</h4>
230) </div>
231) <div class="modal-body">
232) <form class="form-horizontal" role="form">
233) <div class="form-group">
234) <div class="input-group">
235) <span class="input-group-addon">Nom *</span>
236) <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
237) </div>
238) </div>
239) <div class="form-group">
240) <div class="input-group">
241) <span class="input-group-addon">Email *</span>
242) <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
243) </div>
244) </div>
245) </form>
246) </div>
247) <div class="modal-footer">
248) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
249) <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
250) </div>
251) </div><!-- /.modal-content -->
252) </div><!-- /.modal-dialog -->
253) </div>
254)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
255) <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
256) <div class="modal-dialog">
257) <div class="modal-content">
258) <div class="modal-header">
259) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
260) <h4 class="modal-title">Connexion</h4>
261) </div>
262) <div class="modal-body">
263) <form class="form-horizontal" role="form">
264) <div class="form-group">
265) <div class="input-group">
266) <span class="input-group-addon">Email *</span>
267) <input type='text' id='login_email' class="form-control" placeholder='Email'/>
268) </div>
269) </div>
270) <div class="form-group">
271) <div class="input-group">
272) <span class="input-group-addon">Mot de passe *</span>
273) <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
274) </div>
275) </div>
276) <div class="form-group">
277) <div class="input-group">
278) <span class="input-group-addon">Serveur *</span>
|
Modify default server URL
Benjamin Renard authored 11 years ago
|
279) <input type='text' id='login_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
280) </div>
281) </div>
282) </form>
283) </div>
284) <div class="modal-footer">
285) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
286) <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
|
Add subscribe feature
Benjamin Renard authored 11 years ago
|
287) <button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
288) </div>
289) </div><!-- /.modal-content -->
290) </div><!-- /.modal-dialog -->
291) </div>
|
Initial commit
Benjamin Renard authored 11 years ago
|
292)
|
Add subscribe feature
Benjamin Renard authored 11 years ago
|
293) <div class="modal fade" id="subscribe_modal" tabindex="-1" role="dialog" aria-labelledby="subscribeModal" aria-hidden="true">
294) <div class="modal-dialog">
295) <div class="modal-content">
296) <div class="modal-header">
297) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
298) <h4 class="modal-title">Inscription</h4>
299) </div>
300) <div class="modal-body">
301) <form class="form-horizontal" role="form">
302) <div class="form-group">
303) <div class="input-group">
304) <span class="input-group-addon">Email *</span>
305) <input type='text' id='subscribe_email' class="form-control" placeholder='Email'/>
306) </div>
307) </div>
308) <div class="form-group">
309) <div class="input-group">
310) <span class="input-group-addon">Nom *</span>
311) <input type='text' id='subscribe_name' class="form-control" placeholder='Nom'/>
312) </div>
313) </div>
314) <div class="form-group">
315) <div class="input-group">
316) <span class="input-group-addon">Mot de passe *</span>
317) <input type='password' id='subscribe_pass' class="form-control" placeholder='Mot de passe'/>
318) </div>
319) </div>
320) <div class="form-group">
321) <div class="input-group">
322) <span class="input-group-addon">Serveur *</span>
323) <input type='text' id='subscribe_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
324) </div>
325) </div>
326) </form>
327) </div>
328) <div class="modal-footer">
329) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
330) <button type="button" class="btn btn-primary" id='subscribe_submit'>Valider</button>
331) </div>
332) </div><!-- /.modal-content -->
333) </div><!-- /.modal-dialog -->
334) </div>
335)
336)
|
Initial commit
Benjamin Renard authored 11 years ago
|
337) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
338) <div class="modal-dialog">
339) <div class="modal-content">
340) <div class="modal-header">
341) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
342) <h4 class="modal-title">Ajouter une contribution</h4>
343) </div>
344) <div class="modal-body">
345) <form class="form-horizontal" role="form">
|
Use UUID as Contribution id...
Benjamin Renard authored 11 years ago
|
346) <input type='hidden' id='edit_uuid' value='-1' />
|
Initial commit
Benjamin Renard authored 11 years ago
|
347) <div class="form-group">
348) <div class="input-group">
349) <span class="input-group-addon">Participant *</span>
|
Manage contributor by their...
Benjamin Renard authored 11 years ago
|
350) <select id='add_contribution_contributor_email' class="form-control"></select>
|
Initial commit
Benjamin Renard authored 11 years ago
|
351) </div>
352) </div>
353) <div class="form-group">
354) <div class="input-group">
355) <span class="input-group-addon">Titre *</span>
356) <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
357) </div>
358) </div>
359) <div class="form-group">
360) <div class="input-group">
361) <span class="input-group-addon">Coût *</span>
362) <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
363) <span class="input-group-addon">€</span>
364) </div>
365) </div>
366) <div class="form-group">
367) <div class="input-group">
368) <span class="input-group-addon">Date</span>
369) <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
370) </div>
371) </div>
372) </form>
373) </div>
374) <div class="modal-footer">
375) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
376) <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
377) </div>
378) </div><!-- /.modal-content -->
379) </div><!-- /.modal-dialog -->
380) </div>
381)
382) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
383) <div class="modal-dialog">
384) <div class="modal-content">
385) <div class="modal-header">
386) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
387) <h4 class="modal-title">Balance</h4>
388) </div>
389) <div class="modal-body">
390) <table class="table table-striped">
391) <thead>
|
Improve balance display
Benjamin Renard authored 11 years ago
|
392) <tr>
393) <th>Participant</th>
394) <th>Participation</th>
395) <th> </th>
396) </tr>
|
Initial commit
Benjamin Renard authored 11 years ago
|
397) </thead>
398) <tbody></tbody>
399) <tfoot>
400) <tr>
401) <td id='total-label'>Total :</td>
|
Improve balance display
Benjamin Renard authored 11 years ago
|
402) <td colspan='2' id='total-value'></td>
|
Initial commit
Benjamin Renard authored 11 years ago
|
403) </tr>
404) </tfoot>
405) </table>
406) </div>
407) <div class="modal-footer">
408) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
409) </div>
410) </div><!-- /.modal-content -->
411) </div><!-- /.modal-dialog -->
412) </div>
413)
|
Fix please wait modal
Benjamin Renard authored 11 years ago
|
414) <div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
415) <div class="modal-dialog">
416) <div class="modal-content">
417) <div class="modal-header">
418) <h2 class="modal-title">Chargement...</h2>
419) </div>
420) <div class="modal-body">
421) <div class="progress progress-striped active">
422) <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
423) <span class="sr-only">Chargement...</span>
424) </div>
425) </div>
426) </div>
427) </div><!-- /.modal-content -->
428) </div><!-- /.modal-dialog -->
429) </div>
|
Initial commit
Benjamin Renard authored 11 years ago
|
430)
431) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
432) <div class="modal-dialog">
433) <div class="modal-content">
434) <div class="modal-header">
435) <button type="button" class="close cancel" aria-hidden="true">×</button>
436) <h4 class="modal-title">Confirmation</h4>
437) </div>
438) <div class="modal-body">
439) <p id='question'></p>
440) </div>
441) <div class="modal-footer">
442) <button type="button" class="btn btn-default cancel">Annuler</button>
443) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
444) </div>
445) </div><!-- /.modal-content -->
446) </div><!-- /.modal-dialog -->
447) </div>
448)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
449) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
450) <div class="modal-dialog">
451) <div class="modal-content">
452) <div class="modal-header">
453) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
454) <h4 class="modal-title">Mon compte</h4>
455) </div>
456) <div class="modal-body">
457) <form class="form-horizontal" role="form">
458) <div class="form-group">
459) <label class="col-sm-2 control-label">Email</label>
460) <div class="col-sm-10">
461) <p class="form-control-static" id='myaccount_email'></p>
462) </div>
463) </div>
464) <div class="form-group">
465) <label "inputName" class="col-sm-2 control-label">Nom</label>
466) <div class="col-sm-10">
467) <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
468) </div>
469) </div>
470) <div class="form-group">
471) <label for="inputPassword" class="col-sm-2 control-label">Password</label>
472) <div class="col-sm-10">
473) <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
|
Fix please wait modal
Benjamin Renard authored 11 years ago
|
474) </div>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
475) </div>
|
Display server in myaccount...
Benjamin Renard authored 11 years ago
|
476) <div class="form-group">
477) <label class="col-sm-2 control-label">Serveur</label>
478) <div class="col-sm-10">
479) <p class="form-control-static" id='myaccount_server'></p>
480) </div>
481) </div>
482)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
483) </form>
484) <div class="modal-footer">
485) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
486) </div>
487) </div><!-- /.modal-content -->
488) </div><!-- /.modal-dialog -->
489) </div>
490)
|
Initial commit
Benjamin Renard authored 11 years ago
|
491) </div>
492) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
493) <script src="inc/lib/jquery-1.10.2.min.js"></script>
|
Initial commit
Benjamin Renard authored 11 years ago
|
494) <!-- Latest compiled and minified JavaScript -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
495) <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
|
Initial commit
Benjamin Renard authored 11 years ago
|
496) <script src="inc/lib/moment.min.js"></script>
|
Use UUID as Contribution id...
Benjamin Renard authored 11 years ago
|
497) <script src="inc/lib/uuid.js"></script>
|