MyCo

Tree: 58a21a8
58a21a824ebfad3a25ec6a50706ced44a7767bf2
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 Import localy librairies

Benjamin Renard authored 10 years ago

 
66)           <a class="navbar-brand">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>
250)               <input type='text' id='login_server' class="form-control" value='http://myco.zionetrix.net'/>
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' />
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">&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) 
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">&times;</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)
Benjamin Renard Add login and sync support

Benjamin Renard authored 10 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">&times;</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>
Benjamin Renard Display server in myaccount...

Benjamin Renard authored 10 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)
Benjamin Renard Add login and sync support

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

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

Benjamin Renard authored 10 years ago

 
407)   <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>