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) }
55) </style>
56) <body>
57) <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
58) <div class="container">
59) <div class="navbar-header">
60) <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
61) <span class="sr-only">Toggle navigation</span>
62) <span class="icon-bar"></span>
63) <span class="icon-bar"></span>
64) <span class="icon-bar"></span>
65) </button>
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
66) <a class="navbar-brand">MyCo</a>
|
Initial commit
Benjamin Renard authored 11 years ago
|
67) </div>
68) <div class="collapse navbar-collapse" id="navbar-groupe-collapse">
69) <ul class="nav navbar-nav">
70) <li class="dropdown">
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
71) <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
|
72) <ul id="group-choice" class="dropdown-menu">
73) <li class="divider"></li>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
74) <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
75) <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
|
76) </ul>
77) </li>
78) </ul>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
79) <ul class="nav navbar-nav navbar-right">
80) <li class="dropdown">
81) <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>
82) <ul id="user-menu" class="dropdown-menu"></ul>
83) </li>
84) </ul>
85)
|
Initial commit
Benjamin Renard authored 11 years ago
|
86) </div><!--/.nav-collapse -->
87) </div>
88) </div>
89) <div class="container">
90)
|
Manage multiple screen part...
Benjamin Renard authored 11 years ago
|
91) <div id='view-home' class='part'>
92) <h1 id='title'></h1>
93) <table class="table table-striped" id='mybalances'>
94) <thead>
95) <tr>
96) <th>Groupe</th>
97) <th>Balance</th>
98) </tr>
99) </thead>
100) <tbody></tbody>
101) <tfoot>
102) <tr>
103) <td id='total-label'>Total :</td>
104) <td id='total-value'></td>
105) </tr>
106) </tfoot>
107) </table>
108) </div>
109)
110) <div id='view-group' class='part'>
|
Replace usage of view-group...
Benjamin Renard authored 11 years ago
|
111) <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
|
112) <form class="form-horizontal" role="form">
|
Replace usage of view-group...
Benjamin Renard authored 11 years ago
|
113) <input type='hidden' id='group_name' value='Noël'/>
|
Add edit contributor feature
Benjamin Renard authored 11 years ago
|
114) <input type='hidden' id='edit_id' value='-1' />
|
Initial commit
Benjamin Renard authored 11 years ago
|
115) <div class="form-group">
116) <div class="input-group">
117) <span class="input-group-addon">Participant</span>
118) <select id='contributor' class="form-control">
119) </select>
120) <span class="input-group-btn">
121) <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
122) <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
123) <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
124) </span>
125) </div>
126) </div>
127) </form>
128) <div class="btn-group">
129) <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
130) <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
131) <div class="btn-group">
132) <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
133) <span class="glyphicon glyphicon-cog"></span>
134) </button>
135) <ul class="dropdown-menu">
136) <li><a id='remove_group_btn'><span class='glyphicon glyphicon-trash'></span> Supprimer le groupe</span></a></li>
137) </ul>
138) </div>
139) </div>
140) <table id='contributions' class="table">
141) <thead>
142) <tr>
143) <th>Dépence</th>
144) <th>Coût</th>
145) <th>Actions</th>
146) </tr>
147) </thead>
148) <tbody>
149) <tr>
|
Remove example values
Benjamin Renard authored 11 years ago
|
150) <td>Label</td>
151) <td>XXX,XX€</td>
|
Initial commit
Benjamin Renard authored 11 years ago
|
152) <td>
153) <div class="btn-group" data-id='0'>
154) <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
155) <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
156) </div>
157) </td>
158) </tr>
159) </tbody>
160) <tfoot>
161) <tr>
162) <td id='total-label'>Total :</td>
163) <td id='total-value' colspan='2'>126,56€</td>
164) </tr>
165) </tfoot>
166) </table>
167) </div>
168)
169) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
170) <div class="modal-dialog">
171) <div class="modal-content">
172) <div class="modal-header">
173) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
174) <h4 class="modal-title">Ajouter un groupe</h4>
175) </div>
176) <div class="modal-body">
177) <form class="form-horizontal" role="form">
178) <div class="form-group">
179) <div class="input-group">
180) <span class="input-group-addon">Nom *</span>
181) <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
182) </div>
183) </div>
184) </form>
185) </div>
186) <div class="modal-footer">
187) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
188) <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
189) </div>
190) </div><!-- /.modal-content -->
191) </div><!-- /.modal-dialog -->
192) </div>
193)
194) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
195) <div class="modal-dialog">
196) <div class="modal-content">
197) <div class="modal-header">
198) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
199) <h4 class="modal-title">Ajouter un participant</h4>
200) </div>
201) <div class="modal-body">
202) <form class="form-horizontal" role="form">
203) <input type='hidden' id='group_name' />
204) <div class="form-group">
205) <div class="input-group">
206) <span class="input-group-addon">Nom *</span>
207) <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
208) </div>
209) </div>
210) <div class="form-group">
211) <div class="input-group">
212) <span class="input-group-addon">Email *</span>
213) <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
214) </div>
215) </div>
216) </form>
217) </div>
218) <div class="modal-footer">
219) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
220) <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
221) </div>
222) </div><!-- /.modal-content -->
223) </div><!-- /.modal-dialog -->
224) </div>
225)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
226) <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
227) <div class="modal-dialog">
228) <div class="modal-content">
229) <div class="modal-header">
230) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
231) <h4 class="modal-title">Connexion</h4>
232) </div>
233) <div class="modal-body">
234) <form class="form-horizontal" role="form">
235) <div class="form-group">
236) <div class="input-group">
237) <span class="input-group-addon">Email *</span>
238) <input type='text' id='login_email' class="form-control" placeholder='Email'/>
239) </div>
240) </div>
241) <div class="form-group">
242) <div class="input-group">
243) <span class="input-group-addon">Mot de passe *</span>
244) <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
245) </div>
246) </div>
247) <div class="form-group">
248) <div class="input-group">
249) <span class="input-group-addon">Serveur *</span>
|
Modify default server URL
Benjamin Renard authored 11 years ago
|
250) <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
|
251) </div>
252) </div>
253) </form>
254) </div>
255) <div class="modal-footer">
256) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
257) <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
258) </div>
259) </div><!-- /.modal-content -->
260) </div><!-- /.modal-dialog -->
261) </div>
|
Initial commit
Benjamin Renard authored 11 years ago
|
262)
263) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
264) <div class="modal-dialog">
265) <div class="modal-content">
266) <div class="modal-header">
267) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
268) <h4 class="modal-title">Ajouter une contribution</h4>
269) </div>
270) <div class="modal-body">
271) <form class="form-horizontal" role="form">
272) <input type='hidden' id='group_name' />
273) <input type='hidden' id='edit_id' value='-1' />
274) <div class="form-group">
275) <div class="input-group">
276) <span class="input-group-addon">Participant *</span>
277) <select id='add_contribution_contributor_name' class="form-control"></select>
278) </div>
279) </div>
280) <div class="form-group">
281) <div class="input-group">
282) <span class="input-group-addon">Titre *</span>
283) <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
284) </div>
285) </div>
286) <div class="form-group">
287) <div class="input-group">
288) <span class="input-group-addon">Coût *</span>
289) <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
290) <span class="input-group-addon">€</span>
291) </div>
292) </div>
293) <div class="form-group">
294) <div class="input-group">
295) <span class="input-group-addon">Date</span>
296) <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
297) </div>
298) </div>
299) </form>
300) </div>
301) <div class="modal-footer">
302) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
303) <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
304) </div>
305) </div><!-- /.modal-content -->
306) </div><!-- /.modal-dialog -->
307) </div>
308)
309) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
310) <div class="modal-dialog">
311) <div class="modal-content">
312) <div class="modal-header">
313) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
314) <h4 class="modal-title">Balance</h4>
315) </div>
316) <div class="modal-body">
317) <table class="table table-striped">
318) <thead>
|
Improve balance display
Benjamin Renard authored 11 years ago
|
319) <tr>
320) <th>Participant</th>
321) <th>Participation</th>
322) <th> </th>
323) </tr>
|
Initial commit
Benjamin Renard authored 11 years ago
|
324) </thead>
325) <tbody></tbody>
326) <tfoot>
327) <tr>
328) <td id='total-label'>Total :</td>
|
Improve balance display
Benjamin Renard authored 11 years ago
|
329) <td colspan='2' id='total-value'></td>
|
Initial commit
Benjamin Renard authored 11 years ago
|
330) </tr>
331) </tfoot>
332) </table>
333) </div>
334) <div class="modal-footer">
335) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
336) </div>
337) </div><!-- /.modal-content -->
338) </div><!-- /.modal-dialog -->
339) </div>
340)
341)
342) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
343) <div class="modal-dialog">
344) <div class="modal-content">
345) <div class="modal-header">
346) <button type="button" class="close cancel" aria-hidden="true">×</button>
347) <h4 class="modal-title">Confirmation</h4>
348) </div>
349) <div class="modal-body">
350) <p id='question'></p>
351) </div>
352) <div class="modal-footer">
353) <button type="button" class="btn btn-default cancel">Annuler</button>
354) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
355) </div>
356) </div><!-- /.modal-content -->
357) </div><!-- /.modal-dialog -->
358) </div>
359)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
360) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
361) <div class="modal-dialog">
362) <div class="modal-content">
363) <div class="modal-header">
364) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
365) <h4 class="modal-title">Mon compte</h4>
366) </div>
367) <div class="modal-body">
368) <form class="form-horizontal" role="form">
369) <div class="form-group">
370) <label class="col-sm-2 control-label">Email</label>
371) <div class="col-sm-10">
372) <p class="form-control-static" id='myaccount_email'></p>
373) </div>
374) </div>
375) <div class="form-group">
376) <label "inputName" class="col-sm-2 control-label">Nom</label>
377) <div class="col-sm-10">
378) <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
379) </div>
380) </div>
381) <div class="form-group">
382) <label for="inputPassword" class="col-sm-2 control-label">Password</label>
383) <div class="col-sm-10">
384) <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
385) </div>
386) </div>
|
Display server in myaccount...
Benjamin Renard authored 11 years ago
|
387) <div class="form-group">
388) <label class="col-sm-2 control-label">Serveur</label>
389) <div class="col-sm-10">
390) <p class="form-control-static" id='myaccount_server'></p>
391) </div>
392) </div>
393)
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
394) </form>
395) <div class="modal-footer">
396) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
397) </div>
398) </div><!-- /.modal-content -->
399) </div><!-- /.modal-dialog -->
400) </div>
401)
|
Add pleaseWaitDialog and fu...
Benjamin Renard authored 11 years ago
|
402) <div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false">
403) <div class="modal-header">
404) <h1>Chargement...</h1>
405) </div>
406) <div class="modal-body">
407) <div class="progress progress-striped active">
408) <div class="bar" style="width: 100%;"></div>
409) </div>
410) </div>
411) </div>
|
Add login and sync support
Benjamin Renard authored 11 years ago
|
412)
|
Initial commit
Benjamin Renard authored 11 years ago
|
413) </div>
414) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
415) <script src="inc/lib/jquery-1.10.2.min.js"></script>
|
Initial commit
Benjamin Renard authored 11 years ago
|
416) <!-- Latest compiled and minified JavaScript -->
|
Import localy librairies
Benjamin Renard authored 11 years ago
|
417) <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
|