MyCo

Tree: 4baf634
4baf634bdbe11fbce11e3ddc61a248de58160239
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 Replace usage of view-group...

Benjamin Renard authored 10 years ago

 
113)     <input type='hidden' id='group_name' value='Noël'/>
Benjamin Renard Add edit contributor feature

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 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>
Benjamin Renard Remove example values

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 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">&times;</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">&times;</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)
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 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">&times;</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>
Benjamin Renard Modify default server URL

Benjamin Renard authored 10 years ago

 
250)               <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

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

Benjamin Renard authored 10 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">&times;</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' />
Benjamin Renard Use UUID as Contribution id...

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

 
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">&times;</button>
314)         <h4 class="modal-title">Balance</h4>
315)       </div>
316)       <div class="modal-body">
317)         <table class="table table-striped">
318)           <thead>
Benjamin Renard Improve balance display

Benjamin Renard authored 10 years ago

 
319)             <tr>
320)               <th>Participant</th>
321)               <th>Participation</th>
322)               <th>&nbsp;</th>
323)             </tr>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

 
324)           </thead>
325)           <tbody></tbody>
326)           <tfoot>
327)             <tr>
328)               <td id='total-label'>Total :</td>
Benjamin Renard Improve balance display

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 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)
Benjamin Renard Fix please wait modal

Benjamin Renard authored 10 years ago

 
341) <div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
342)   <div class="modal-dialog">
343)     <div class="modal-content">
344)       <div class="modal-header">
345)         <h2 class="modal-title">Chargement...</h2>
346)       </div>
347)       <div class="modal-body">
348)         <div class="progress progress-striped active">
349)           <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
350)             <span class="sr-only">Chargement...</span>
351)           </div>
352)         </div>
353)       </div>
354)     </div><!-- /.modal-content -->
355)   </div><!-- /.modal-dialog -->
356) </div>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

 
357) 
358) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
359)   <div class="modal-dialog">
360)     <div class="modal-content">
361)       <div class="modal-header">
362)         <button type="button" class="close cancel" aria-hidden="true">&times;</button>
363)         <h4 class="modal-title">Confirmation</h4>
364)       </div>
365)       <div class="modal-body">
366)         <p id='question'></p>
367)       </div>
368)       <div class="modal-footer">
369)         <button type="button" class="btn btn-default cancel">Annuler</button>
370)         <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
371)       </div>
372)     </div><!-- /.modal-content -->
373)   </div><!-- /.modal-dialog -->
374) </div>
375)
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

 
376) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
377)   <div class="modal-dialog">
378)     <div class="modal-content">
379)       <div class="modal-header">
380)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
381)         <h4 class="modal-title">Mon compte</h4>
382)       </div>
383)       <div class="modal-body">
384)       <form class="form-horizontal" role="form">
385)         <div class="form-group">
386)           <label class="col-sm-2 control-label">Email</label>
387)           <div class="col-sm-10">
388)             <p class="form-control-static" id='myaccount_email'></p>
389)           </div>
390)         </div>
391)         <div class="form-group">
392)           <label "inputName" class="col-sm-2 control-label">Nom</label>
393)           <div class="col-sm-10">
394)             <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
395)          </div>
396)         </div>
397)         <div class="form-group">
398)           <label for="inputPassword" class="col-sm-2 control-label">Password</label>
399)           <div class="col-sm-10">
400)             <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

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

 
403)         <div class="form-group">
404)           <label class="col-sm-2 control-label">Serveur</label>
405)           <div class="col-sm-10">
406)             <p class="form-control-static" id='myaccount_server'></p>
407)           </div>
408)         </div>
409)
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 years ago

 
410)       </form>
411)       <div class="modal-footer">
412)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
413)       </div>
414)     </div><!-- /.modal-content -->
415)   </div><!-- /.modal-dialog -->
416) </div>
417)
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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