MyCo

Tree: ad5ed6f
ad5ed6fd1e18f71e01745ce4b06b42862ccd8231
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>
256)       </div>
257)     </div><!-- /.modal-content -->
258)   </div><!-- /.modal-dialog -->
259) </div>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

 
260) 
261) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
262)   <div class="modal-dialog">
263)     <div class="modal-content">
264)       <div class="modal-header">
265)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
266)         <h4 class="modal-title">Ajouter une contribution</h4>
267)       </div>
268)       <div class="modal-body">
269)         <form class="form-horizontal" role="form">
Benjamin Renard Use UUID as Contribution id...

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

 
271)           <div class="form-group">
272)             <div class="input-group">
273)               <span class="input-group-addon">Participant *</span>
274)               <select id='add_contribution_contributor_name' class="form-control"></select>
275)             </div>
276)           </div>
277)           <div class="form-group">
278)             <div class="input-group">
279)               <span class="input-group-addon">Titre *</span>
280)               <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
281)             </div>
282)           </div>
283)           <div class="form-group">
284)             <div class="input-group">
285)               <span class="input-group-addon">Coût *</span>
286)               <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
287)               <span class="input-group-addon">€</span>
288)             </div>
289)           </div>
290)           <div class="form-group">
291)             <div class="input-group">
292)               <span class="input-group-addon">Date</span>
293)               <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
294)             </div>
295)           </div>
296)         </form>
297)       </div>
298)       <div class="modal-footer">
299)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
300)         <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
301)       </div>
302)     </div><!-- /.modal-content -->
303)   </div><!-- /.modal-dialog -->
304) </div>
305) 
306) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" 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">Balance</h4>
312)       </div>
313)       <div class="modal-body">
314)         <table class="table table-striped">
315)           <thead>
Benjamin Renard Improve balance display

Benjamin Renard authored 10 years ago

 
316)             <tr>
317)               <th>Participant</th>
318)               <th>Participation</th>
319)               <th>&nbsp;</th>
320)             </tr>
Benjamin Renard Initial commit

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

 
327)             </tr>
328)           </tfoot>
329)         </table>
330)       </div>
331)       <div class="modal-footer">
332)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
333)       </div>
334)     </div><!-- /.modal-content -->
335)   </div><!-- /.modal-dialog -->
336) </div>
337)
Benjamin Renard Fix please wait modal

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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