MyCo

Tree: b3687a7
b3687a77e49497f030e20ca03763794ae093a46d
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

 
10)     <link rel="shortcut icon" sizes="196x196" href="icon-196x196.png">
11)     <link rel="shortcut icon" sizes="128x128" href="icon-128x128.png">
12)     <link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
13)     <link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

 
20)     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
21)     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
22)     <!--[if lt IE 9]>
Benjamin Renard Import localy librairies

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

 
25)     <![endif]-->
26)   </head>
27) <style>
28) body{
29)   margin-top: 4em;
30) }
31) 
32) #total-label {
33)   text-align: right;
34) }
35) 
36) #total-label, #total-value {
37)   font-weight: bold;
38) }
39) 
40) .late {
41)   color: red;
42) }
43) 
44) .hidden-part {
45)   display: none;
46) }
47) 
48) #view-group h1 {
49)   text-transform: capitalize;
50) }
51) </style>
52)   <body>
53)     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
54)       <div class="container">
55)         <div class="navbar-header">
56)           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
57)             <span class="sr-only">Toggle navigation</span>
58)             <span class="icon-bar"></span>
59)             <span class="icon-bar"></span>
60)             <span class="icon-bar"></span>
61)           </button>
Benjamin Renard Import localy librairies

Benjamin Renard authored 11 years ago

 
62)           <a class="navbar-brand">MyCo</a>
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

 
63)         </div>
64)         <div class="collapse navbar-collapse"  id="navbar-groupe-collapse">
65)           <ul class="nav navbar-nav">
66)             <li class="dropdown">
Benjamin Renard Add login and sync support

Benjamin Renard authored 11 years ago

 
67)               <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 11 years ago

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

Benjamin Renard authored 11 years ago

 
70)                 <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
71)                 <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 11 years ago

 
72)               </ul>
73)             </li>
74)           </ul>
Benjamin Renard Add login and sync support

Benjamin Renard authored 11 years ago

 
75)           <ul class="nav navbar-nav navbar-right">
76)             <li class="dropdown">
77)               <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>
78)               <ul id="user-menu" class="dropdown-menu"></ul>
79)             </li>
80)           </ul>
81)
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

 
82)         </div><!--/.nav-collapse -->
83)       </div>
84)     </div>
85) <div class="container">
86) 
87) <div id='view-group' class='part hidden-part'>
Benjamin Renard Replace usage of view-group...

Benjamin Renard authored 11 years ago

 
88)   <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 11 years ago

 
89)   <form class="form-horizontal" role="form">
Benjamin Renard Replace usage of view-group...

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

 
92)     <div class="form-group">
93)       <div class="input-group">
94)         <span class="input-group-addon">Participant</span>
95)         <select id='contributor' class="form-control">
96)         </select>
97)         <span class="input-group-btn">
98)           <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
99)           <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
100)           <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
101)         </span>
102)       </div>
103)     </div>
104)   </form>
105)   <div class="btn-group">
106)     <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
107)     <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
108)     <div class="btn-group">
109)       <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
110)         <span class="glyphicon glyphicon-cog"></span>
111)       </button>
112)       <ul class="dropdown-menu">
113)         <li><a id='remove_group_btn'><span class='glyphicon glyphicon-trash'></span> Supprimer le groupe</span></a></li>
114)       </ul>
115)     </div>
116)   </div>
117)   <table id='contributions' class="table">
118)     <thead>
119)       <tr>
120)         <th>Dépence</th>
121)         <th>Coût</th>
122)         <th>Actions</th>
123)       </tr>
124)     </thead>
125)     <tbody>
126)       <tr>
Benjamin Renard Remove example values

Benjamin Renard authored 11 years ago

 
127)         <td>Label</td>
128)         <td>XXX,XX€</td>
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

 
129)         <td>
130)           <div class="btn-group" data-id='0'>
131)             <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
132)             <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
133)           </div>
134)         </td>
135)       </tr>
136)     </tbody>
137)     <tfoot>
138)       <tr>
139)         <td id='total-label'>Total :</td>
140)         <td id='total-value' colspan='2'>126,56€</td>
141)       </tr>
142)     </tfoot> 
143)   </table>
144) </div>
145) 
146) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
147)   <div class="modal-dialog">
148)     <div class="modal-content">
149)       <div class="modal-header">
150)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
151)         <h4 class="modal-title">Ajouter un groupe</h4>
152)       </div>
153)       <div class="modal-body">
154)         <form class="form-horizontal" role="form">
155)           <div class="form-group">
156)             <div class="input-group">
157)               <span class="input-group-addon">Nom *</span>
158)               <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
159)             </div>
160)           </div>
161)         </form>
162)       </div>
163)       <div class="modal-footer">
164)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
165)         <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
166)       </div>
167)     </div><!-- /.modal-content -->
168)   </div><!-- /.modal-dialog -->
169) </div>
170) 
171) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
172)   <div class="modal-dialog">
173)     <div class="modal-content">
174)       <div class="modal-header">
175)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
176)         <h4 class="modal-title">Ajouter un participant</h4>
177)       </div>
178)       <div class="modal-body">
179)         <form class="form-horizontal" role="form">
180)           <input type='hidden' id='group_name' />
181)           <div class="form-group">
182)             <div class="input-group">
183)               <span class="input-group-addon">Nom *</span>
184)               <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
185)             </div>
186)           </div>
187)           <div class="form-group">
188)             <div class="input-group">
189)               <span class="input-group-addon">Email *</span>
190)               <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
191)             </div>
192)           </div>
193)         </form>
194)       </div>
195)       <div class="modal-footer">
196)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
197)         <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
198)       </div>
199)     </div><!-- /.modal-content -->
200)   </div><!-- /.modal-dialog -->
201) </div>
202)
Benjamin Renard Add login and sync support

Benjamin Renard authored 11 years ago

 
203) <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
204)   <div class="modal-dialog">
205)     <div class="modal-content">
206)       <div class="modal-header">
207)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
208)         <h4 class="modal-title">Connexion</h4>
209)       </div>
210)       <div class="modal-body">
211)         <form class="form-horizontal" role="form">
212)           <div class="form-group">
213)             <div class="input-group">
214)               <span class="input-group-addon">Email *</span>
215)               <input type='text' id='login_email' class="form-control" placeholder='Email'/>
216)             </div>
217)           </div>
218)           <div class="form-group">
219)             <div class="input-group">
220)               <span class="input-group-addon">Mot de passe *</span>
221)               <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
222)             </div>
223)           </div>
224)           <div class="form-group">
225)             <div class="input-group">
226)               <span class="input-group-addon">Serveur *</span>
227)               <input type='text' id='login_server' class="form-control" value='http://myco.zionetrix.net'/>
228)             </div>
229)           </div>
230)         </form>
231)       </div>
232)       <div class="modal-footer">
233)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
234)         <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
235)       </div>
236)     </div><!-- /.modal-content -->
237)   </div><!-- /.modal-dialog -->
238) </div>
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

 
239) 
240) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
241)   <div class="modal-dialog">
242)     <div class="modal-content">
243)       <div class="modal-header">
244)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
245)         <h4 class="modal-title">Ajouter une contribution</h4>
246)       </div>
247)       <div class="modal-body">
248)         <form class="form-horizontal" role="form">
249)           <input type='hidden' id='group_name' />
250)           <input type='hidden' id='edit_id' value='-1' />
251)           <div class="form-group">
252)             <div class="input-group">
253)               <span class="input-group-addon">Participant *</span>
254)               <select id='add_contribution_contributor_name' class="form-control"></select>
255)             </div>
256)           </div>
257)           <div class="form-group">
258)             <div class="input-group">
259)               <span class="input-group-addon">Titre *</span>
260)               <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
261)             </div>
262)           </div>
263)           <div class="form-group">
264)             <div class="input-group">
265)               <span class="input-group-addon">Coût *</span>
266)               <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
267)               <span class="input-group-addon">€</span>
268)             </div>
269)           </div>
270)           <div class="form-group">
271)             <div class="input-group">
272)               <span class="input-group-addon">Date</span>
273)               <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
274)             </div>
275)           </div>
276)         </form>
277)       </div>
278)       <div class="modal-footer">
279)         <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
280)         <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
281)       </div>
282)     </div><!-- /.modal-content -->
283)   </div><!-- /.modal-dialog -->
284) </div>
285) 
286) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
287)   <div class="modal-dialog">
288)     <div class="modal-content">
289)       <div class="modal-header">
290)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
291)         <h4 class="modal-title">Balance</h4>
292)       </div>
293)       <div class="modal-body">
294)         <table class="table table-striped">
295)           <thead>
296)             <tr><th>Participant</th><th>Participation</th></tr>
297)           </thead>
298)           <tbody></tbody>
299)           <tfoot>
300)             <tr>
301)               <td id='total-label'>Total :</td>
302)               <td id='total-value'></td>
303)             </tr>
304)           </tfoot>
305)         </table>
306)       </div>
307)       <div class="modal-footer">
308)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
309)       </div>
310)     </div><!-- /.modal-content -->
311)   </div><!-- /.modal-dialog -->
312) </div>
313) 
314) 
315) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
316)   <div class="modal-dialog">
317)     <div class="modal-content">
318)       <div class="modal-header">
319)         <button type="button" class="close cancel" aria-hidden="true">&times;</button>
320)         <h4 class="modal-title">Confirmation</h4>
321)       </div>
322)       <div class="modal-body">
323)         <p id='question'></p>
324)       </div>
325)       <div class="modal-footer">
326)         <button type="button" class="btn btn-default cancel">Annuler</button>
327)         <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
328)       </div>
329)     </div><!-- /.modal-content -->
330)   </div><!-- /.modal-dialog -->
331) </div>
332)
Benjamin Renard Add login and sync support

Benjamin Renard authored 11 years ago

 
333) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
334)   <div class="modal-dialog">
335)     <div class="modal-content">
336)       <div class="modal-header">
337)         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
338)         <h4 class="modal-title">Mon compte</h4>
339)       </div>
340)       <div class="modal-body">
341)       <form class="form-horizontal" role="form">
342)         <div class="form-group">
343)           <label class="col-sm-2 control-label">Email</label>
344)           <div class="col-sm-10">
345)             <p class="form-control-static" id='myaccount_email'></p>
346)           </div>
347)         </div>
348)         <div class="form-group">
349)           <label "inputName" class="col-sm-2 control-label">Nom</label>
350)           <div class="col-sm-10">
351)             <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
352)          </div>
353)         </div>
354)         <div class="form-group">
355)           <label for="inputPassword" class="col-sm-2 control-label">Password</label>
356)           <div class="col-sm-10">
357)             <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
358)          </div>
359)         </div>
360)       </form>
361)       <div class="modal-footer">
362)         <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
363)       </div>
364)     </div><!-- /.modal-content -->
365)   </div><!-- /.modal-dialog -->
366) </div>
367) 
368)
Benjamin Renard Initial commit

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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

Benjamin Renard authored 11 years ago

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