0b8d66fbf5bf74ec0d5aabf69810e133bc1ca034
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

1) <!DOCTYPE html>
Benjamin Renard Add integration for Chrome...

Benjamin Renard authored 10 years ago

2) <!--<html manifest="cache.manifest">-->
3) <html>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

4)   <head>
5)     <title>MyCo</title>
6)     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
Benjamin Renard Add integration for Chrome...

Benjamin Renard authored 10 years ago

7)     <meta name="mobile-web-app-capable" content="yes">
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

8)     <meta name="viewport" content="width=device-width, initial-scale=1.0">
9)     <link rel="shortcut icon" href="favicon.png">
Benjamin Renard Add integration for Chrome...

Benjamin Renard authored 10 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">
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

14)     <!-- Bootstrap -->
15) <!-- Latest compiled and minified CSS -->
Benjamin Renard Import localy librairies

Benjamin Renard authored 10 years ago

16) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

17) 
18) <!-- Optional theme -->
Benjamin Renard Import localy librairies

Benjamin Renard authored 10 years ago

19) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
Benjamin Renard Initial commit

Benjamin Renard authored 10 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]>
Benjamin Renard Import localy librairies

Benjamin Renard authored 10 years ago

23)       <script src="inc/lib/html5shiv.js"></script>
24)       <script src="inc/lib/respond.min.js"></script>
Benjamin Renard Initial commit

Benjamin Renard authored 10 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) 
Benjamin Renard Manage multiple screen part...

Benjamin Renard authored 10 years ago

40) .positive {
41)   color: green;
42) }
43) 
44) .negative {
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

45)   color: red;
46) }
47) 
Benjamin Renard Manage multiple screen part...

Benjamin Renard authored 10 years ago

48) .part {
Benjamin Renard Initial commit

Benjamin Renard authored 10 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>
Benjamin Renard Add link on App Name in Navbar

Benjamin Renard authored 10 years ago

66)           <a class="navbar-brand" id='app-name'>MyCo</a>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

67)         </div>
68)         <div class="collapse navbar-collapse"  id="navbar-groupe-collapse">
69)           <ul class="nav navbar-nav">
70)             <li class="dropdown">
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

71)               <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupe <b class="caret"></b></a>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

72)               <ul id="group-choice" class="dropdown-menu">
73)                 <li class="divider"></li>
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 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>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

76)               </ul>
77)             </li>
78)           </ul>
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 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) 
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

86)         </div><!--/.nav-collapse -->
87)       </div>
88)     </div>
89) <div class="container">
90) 
Benjamin Renard Manage multiple screen part...

Benjamin Renard authored 10 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'>
Benjamin Renard Replace usage of view-group...

Benjamin Renard authored 10 years ago

111)   <h1><span>Noël</span><small><span id='edit_group_btn' class='glyphicon glyphicon-edit btn btn-sm'></span></small></h1>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

112)   <form class="form-horizontal" role="form">
Benjamin Renard Add edit contributor feature

Benjamin Renard authored 10 years ago

113)     <input type='hidden' id='edit_id' value='-1' />
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

114)     <div class="form-group">
115)       <div class="input-group">
116)         <span class="input-group-addon">Participant</span>
117)         <select id='contributor' class="form-control">
118)         </select>
119)         <span class="input-group-btn">
120)           <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
121)           <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
122)           <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
123)         </span>
124)       </div>
125)     </div>
126)   </form>
127)   <div class="btn-group">
128)     <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
129)     <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
130)     <div class="btn-group">
131)       <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
132)         <span class="glyphicon glyphicon-cog"></span>
133)       </button>
134)       <ul class="dropdown-menu">
135)         <li><a id='remove_group_btn'><span class='glyphicon glyphicon-trash'></span> Supprimer le groupe</span></a></li>
136)       </ul>
137)     </div>
138)   </div>
139)   <table id='contributions' class="table">
140)     <thead>
141)       <tr>
142)         <th>Dépence</th>
143)         <th>Coût</th>
144)         <th>Actions</th>
145)       </tr>
146)     </thead>
147)     <tbody>
148)       <tr>
Benjamin Renard Remove example values

Benjamin Renard authored 10 years ago

149)         <td>Label</td>
150)         <td>XXX,XX€</td>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

151)         <td>
152)           <div class="btn-group" data-id='0'>
153)             <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
154)             <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
155)           </div>
156)         </td>
157)       </tr>
158)     </tbody>
159)     <tfoot>
160)       <tr>
161)         <td id='total-label'>Total :</td>
162)         <td id='total-value' colspan='2'>126,56€</td>
163)       </tr>
164)     </tfoot> 
165)   </table>
166) </div>
167) 
168) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
169)   <div class="modal-dialog">
170)     <div class="modal-content">
171)       <div class="modal-header">
172)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
173)         <h4 class="modal-title">Ajouter un groupe</h4>
174)       </div>
175)       <div class="modal-body">
176)         <form class="form-horizontal" role="form">
177)           <div class="form-group">
178)             <div class="input-group">
179)               <span class="input-group-addon">Nom *</span>
180)               <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
181)             </div>
182)           </div>
183)         </form>
184)       </div>
185)       <div class="modal-footer">
186)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
187)         <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
188)       </div>
189)     </div><!-- /.modal-content -->
190)   </div><!-- /.modal-dialog -->
191) </div>
192) 
193) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
194)   <div class="modal-dialog">
195)     <div class="modal-content">
196)       <div class="modal-header">
197)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
198)         <h4 class="modal-title">Ajouter un participant</h4>
199)       </div>
200)       <div class="modal-body">
201)         <form class="form-horizontal" role="form">
202)           <div class="form-group">
203)             <div class="input-group">
204)               <span class="input-group-addon">Nom *</span>
205)               <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
206)             </div>
207)           </div>
208)           <div class="form-group">
209)             <div class="input-group">
210)               <span class="input-group-addon">Email *</span>
211)               <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
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_contributor_submit'>Ajouter</button>
219)       </div>
220)     </div><!-- /.modal-content -->
221)   </div><!-- /.modal-dialog -->
222) </div>
223) 
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

224) <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" 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">&times;</button>
229)         <h4 class="modal-title">Connexion</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">Email *</span>
236)               <input type='text' id='login_email' class="form-control" placeholder='Email'/>
237)             </div>
238)           </div>
239)           <div class="form-group">
240)             <div class="input-group">
241)               <span class="input-group-addon">Mot de passe *</span>
242)               <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
243)             </div>
244)           </div>
245)           <div class="form-group">
246)             <div class="input-group">
247)               <span class="input-group-addon">Serveur *</span>
Benjamin Renard Modify default server URL

Benjamin Renard authored 10 years ago

248)               <input type='text' id='login_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

249)             </div>
250)           </div>
251)         </form>
252)       </div>
253)       <div class="modal-footer">
254)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
255)         <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
Benjamin Renard Add subscribe feature

Benjamin Renard authored 10 years ago

256)         <button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button>
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

257)       </div>
258)     </div><!-- /.modal-content -->
259)   </div><!-- /.modal-dialog -->
260) </div>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

261) 
Benjamin Renard Add subscribe feature

Benjamin Renard authored 10 years ago

262) <div class="modal fade" id="subscribe_modal" tabindex="-1" role="dialog" aria-labelledby="subscribeModal" aria-hidden="true">
263)   <div class="modal-dialog">
264)     <div class="modal-content">
265)       <div class="modal-header">
266)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
267)         <h4 class="modal-title">Inscription</h4>
268)       </div>
269)       <div class="modal-body">
270)         <form class="form-horizontal" role="form">
271)           <div class="form-group">
272)             <div class="input-group">
273)               <span class="input-group-addon">Email *</span>
274)               <input type='text' id='subscribe_email' class="form-control" placeholder='Email'/>
275)             </div>
276)           </div>
277)           <div class="form-group">
278)             <div class="input-group">
279)               <span class="input-group-addon">Nom *</span>
280)               <input type='text' id='subscribe_name' class="form-control" placeholder='Nom'/>
281)             </div>
282)           </div>
283)           <div class="form-group">
284)             <div class="input-group">
285)               <span class="input-group-addon">Mot de passe *</span>
286)               <input type='password' id='subscribe_pass' class="form-control" placeholder='Mot de passe'/>
287)             </div>
288)           </div>
289)           <div class="form-group">
290)             <div class="input-group">
291)               <span class="input-group-addon">Serveur *</span>
292)               <input type='text' id='subscribe_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
293)             </div>
294)           </div>
295)         </form>
296)       </div>
297)       <div class="modal-footer">
298)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
299)         <button type="button" class="btn btn-primary" id='subscribe_submit'>Valider</button>
300)       </div>
301)     </div><!-- /.modal-content -->
302)   </div><!-- /.modal-dialog -->
303) </div>
304) 
305) 
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

306) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
307)   <div class="modal-dialog">
308)     <div class="modal-content">
309)       <div class="modal-header">
310)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
311)         <h4 class="modal-title">Ajouter une contribution</h4>
312)       </div>
313)       <div class="modal-body">
314)         <form class="form-horizontal" role="form">
Benjamin Renard Use UUID as Contribution id...

Benjamin Renard authored 10 years ago

315)           <input type='hidden' id='edit_uuid' value='-1' />
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

316)           <div class="form-group">
317)             <div class="input-group">
318)               <span class="input-group-addon">Participant *</span>
Benjamin Renard Manage contributor by their...

Benjamin Renard authored 10 years ago

319)               <select id='add_contribution_contributor_email' class="form-control"></select>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

320)             </div>
321)           </div>
322)           <div class="form-group">
323)             <div class="input-group">
324)               <span class="input-group-addon">Titre *</span>
325)               <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
326)             </div>
327)           </div>
328)           <div class="form-group">
329)             <div class="input-group">
330)               <span class="input-group-addon">Coût *</span>
331)               <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
332)               <span class="input-group-addon">€</span>
333)             </div>
334)           </div>
335)           <div class="form-group">
336)             <div class="input-group">
337)               <span class="input-group-addon">Date</span>
338)               <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
339)             </div>
340)           </div>
341)         </form>
342)       </div>
343)       <div class="modal-footer">
344)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
345)         <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
346)       </div>
347)     </div><!-- /.modal-content -->
348)   </div><!-- /.modal-dialog -->
349) </div>
350) 
351) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
352)   <div class="modal-dialog">
353)     <div class="modal-content">
354)       <div class="modal-header">
355)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
356)         <h4 class="modal-title">Balance</h4>
357)       </div>
358)       <div class="modal-body">
359)         <table class="table table-striped">
360)           <thead>
Benjamin Renard Improve balance display

Benjamin Renard authored 10 years ago

361)             <tr>
362)               <th>Participant</th>
363)               <th>Participation</th>
364)               <th>&nbsp;</th>
365)             </tr>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

366)           </thead>
367)           <tbody></tbody>
368)           <tfoot>
369)             <tr>
370)               <td id='total-label'>Total :</td>
Benjamin Renard Improve balance display

Benjamin Renard authored 10 years ago

371)               <td colspan='2' id='total-value'></td>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

372)             </tr>
373)           </tfoot>
374)         </table>
375)       </div>
376)       <div class="modal-footer">
377)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
378)       </div>
379)     </div><!-- /.modal-content -->
380)   </div><!-- /.modal-dialog -->
381) </div>
382) 
Benjamin Renard Fix please wait modal

Benjamin Renard authored 10 years ago

383) <div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
384)   <div class="modal-dialog">
385)     <div class="modal-content">
386)       <div class="modal-header">
387)         <h2 class="modal-title">Chargement...</h2>
388)       </div>
389)       <div class="modal-body">
390)         <div class="progress progress-striped active">
391)           <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
392)             <span class="sr-only">Chargement...</span>
393)           </div>
394)         </div>
395)       </div>
396)     </div><!-- /.modal-content -->
397)   </div><!-- /.modal-dialog -->
398) </div>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

399) 
400) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
401)   <div class="modal-dialog">
402)     <div class="modal-content">
403)       <div class="modal-header">
404)         <button type="button" class="close cancel" aria-hidden="true">&times;</button>
405)         <h4 class="modal-title">Confirmation</h4>
406)       </div>
407)       <div class="modal-body">
408)         <p id='question'></p>
409)       </div>
410)       <div class="modal-footer">
411)         <button type="button" class="btn btn-default cancel">Annuler</button>
412)         <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
413)       </div>
414)     </div><!-- /.modal-content -->
415)   </div><!-- /.modal-dialog -->
416) </div>
417) 
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

418) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
419)   <div class="modal-dialog">
420)     <div class="modal-content">
421)       <div class="modal-header">
422)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
423)         <h4 class="modal-title">Mon compte</h4>
424)       </div>
425)       <div class="modal-body">
426)       <form class="form-horizontal" role="form">
427)         <div class="form-group">
428)           <label class="col-sm-2 control-label">Email</label>
429)           <div class="col-sm-10">
430)             <p class="form-control-static" id='myaccount_email'></p>
431)           </div>
432)         </div>
433)         <div class="form-group">
434)           <label "inputName" class="col-sm-2 control-label">Nom</label>
435)           <div class="col-sm-10">
436)             <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
437)          </div>
438)         </div>
439)         <div class="form-group">
440)           <label for="inputPassword" class="col-sm-2 control-label">Password</label>
441)           <div class="col-sm-10">
442)             <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
Benjamin Renard Fix please wait modal

Benjamin Renard authored 10 years ago

443)           </div>
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

444)         </div>
Benjamin Renard Display server in myaccount...

Benjamin Renard authored 10 years ago

445)         <div class="form-group">
446)           <label class="col-sm-2 control-label">Serveur</label>
447)           <div class="col-sm-10">
448)             <p class="form-control-static" id='myaccount_server'></p>
449)           </div>
450)         </div>
451) 
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

452)       </form>
453)       <div class="modal-footer">
454)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
455)       </div>
456)     </div><!-- /.modal-content -->
457)   </div><!-- /.modal-dialog -->
458) </div>
459) 
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

460) </div>
461)   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Benjamin Renard Import localy librairies

Benjamin Renard authored 10 years ago

462)   <script src="inc/lib/jquery-1.10.2.min.js"></script>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

463)   <!-- Latest compiled and minified JavaScript -->
Benjamin Renard Import localy librairies

Benjamin Renard authored 10 years ago

464)   <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

465)   <script src="inc/lib/moment.min.js"></script>
Benjamin Renard Use UUID as Contribution id...

Benjamin Renard authored 10 years ago

466)   <script src="inc/lib/uuid.js"></script>