Initial commit
Benjamin Renard authored 10 years ago
|
1) <!DOCTYPE html>
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
2) <html manifest="cache.manifest">
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
3) <head>
4) <title>MyCo</title>
5) <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
6) <meta name="viewport" content="width=device-width, initial-scale=1.0">
7) <link rel="shortcut icon" href="favicon.png">
8) <!-- Bootstrap -->
9) <!-- Latest compiled and minified CSS -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
10) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
11)
12) <!-- Optional theme -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
13) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
14) <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
15) <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
16) <!--[if lt IE 9]>
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
17) <script src="inc/lib/html5shiv.js"></script>
18) <script src="inc/lib/respond.min.js"></script>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
19) <![endif]-->
20) </head>
21) <style>
22) body{
23) margin-top: 4em;
24) }
25)
26) #total-label {
27) text-align: right;
28) }
29)
30) #total-label, #total-value {
31) font-weight: bold;
32) }
33)
34) .late {
35) color: red;
36) }
37)
38) .hidden-part {
39) display: none;
40) }
41)
42) #view-group h1 {
43) text-transform: capitalize;
44) }
45) </style>
46) <body>
47) <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
48) <div class="container">
49) <div class="navbar-header">
50) <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
51) <span class="sr-only">Toggle navigation</span>
52) <span class="icon-bar"></span>
53) <span class="icon-bar"></span>
54) <span class="icon-bar"></span>
55) </button>
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
56) <a class="navbar-brand">MyCo</a>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
57) </div>
58) <div class="collapse navbar-collapse" id="navbar-groupe-collapse">
59) <ul class="nav navbar-nav">
60) <li class="dropdown">
|
|
Add login and sync support
Benjamin Renard authored 10 years ago
|
61) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupe <b class="caret"></b></a>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
62) <ul id="group-choice" class="dropdown-menu">
63) <li class="divider"></li>
|
|
Add login and sync support
Benjamin Renard authored 10 years ago
|
64) <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
65) <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
66) </ul>
67) </li>
68) </ul>
|
|
Add login and sync support
Benjamin Renard authored 10 years ago
|
69) <ul class="nav navbar-nav navbar-right">
70) <li class="dropdown">
71) <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>
72) <ul id="user-menu" class="dropdown-menu"></ul>
73) </li>
74) </ul>
75)
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
76) </div><!--/.nav-collapse -->
77) </div>
78) </div>
79) <div class="container">
80)
81) <div id='view-group' class='part hidden-part'>
|
|
Replace usage of view-group...
Benjamin Renard authored 10 years ago
|
82) <h1><span>Noël</span><small><span id='edit_group_btn' class='glyphicon glyphicon-edit btn btn-sm'></span></small></h1>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
83) <form class="form-horizontal" role="form">
|
|
Replace usage of view-group...
Benjamin Renard authored 10 years ago
|
84) <input type='hidden' id='group_name' value='Noël'/>
|
|
Add edit contributor feature
Benjamin Renard authored 10 years ago
|
85) <input type='hidden' id='edit_id' value='-1' />
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
86) <div class="form-group">
87) <div class="input-group">
88) <span class="input-group-addon">Participant</span>
89) <select id='contributor' class="form-control">
90) </select>
91) <span class="input-group-btn">
92) <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
93) <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
94) <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
95) </span>
96) </div>
97) </div>
98) </form>
99) <div class="btn-group">
100) <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
101) <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
102) <div class="btn-group">
103) <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
104) <span class="glyphicon glyphicon-cog"></span>
105) </button>
106) <ul class="dropdown-menu">
107) <li><a id='remove_group_btn'><span class='glyphicon glyphicon-trash'></span> Supprimer le groupe</span></a></li>
108) </ul>
109) </div>
110) </div>
111) <table id='contributions' class="table">
112) <thead>
113) <tr>
114) <th>Dépence</th>
115) <th>Coût</th>
116) <th>Actions</th>
117) </tr>
118) </thead>
119) <tbody>
120) <tr>
|
|
Remove example values
Benjamin Renard authored 10 years ago
|
121) <td>Label</td>
122) <td>XXX,XX€</td>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
123) <td>
124) <div class="btn-group" data-id='0'>
125) <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
126) <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
127) </div>
128) </td>
129) </tr>
130) </tbody>
131) <tfoot>
132) <tr>
133) <td id='total-label'>Total :</td>
134) <td id='total-value' colspan='2'>126,56€</td>
135) </tr>
136) </tfoot>
137) </table>
138) </div>
139)
140) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
141) <div class="modal-dialog">
142) <div class="modal-content">
143) <div class="modal-header">
144) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
145) <h4 class="modal-title">Ajouter un groupe</h4>
146) </div>
147) <div class="modal-body">
148) <form class="form-horizontal" role="form">
149) <div class="form-group">
150) <div class="input-group">
151) <span class="input-group-addon">Nom *</span>
152) <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
153) </div>
154) </div>
155) </form>
156) </div>
157) <div class="modal-footer">
158) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
159) <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
160) </div>
161) </div><!-- /.modal-content -->
162) </div><!-- /.modal-dialog -->
163) </div>
164)
165) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
166) <div class="modal-dialog">
167) <div class="modal-content">
168) <div class="modal-header">
169) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
170) <h4 class="modal-title">Ajouter un participant</h4>
171) </div>
172) <div class="modal-body">
173) <form class="form-horizontal" role="form">
174) <input type='hidden' id='group_name' />
175) <div class="form-group">
176) <div class="input-group">
177) <span class="input-group-addon">Nom *</span>
178) <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
179) </div>
180) </div>
181) <div class="form-group">
182) <div class="input-group">
183) <span class="input-group-addon">Email *</span>
184) <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
185) </div>
186) </div>
187) </form>
188) </div>
189) <div class="modal-footer">
190) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
191) <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
192) </div>
193) </div><!-- /.modal-content -->
194) </div><!-- /.modal-dialog -->
195) </div>
196)
|
|
Add login and sync support
Benjamin Renard authored 10 years ago
|
197) <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
198) <div class="modal-dialog">
199) <div class="modal-content">
200) <div class="modal-header">
201) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
202) <h4 class="modal-title">Connexion</h4>
203) </div>
204) <div class="modal-body">
205) <form class="form-horizontal" role="form">
206) <div class="form-group">
207) <div class="input-group">
208) <span class="input-group-addon">Email *</span>
209) <input type='text' id='login_email' class="form-control" placeholder='Email'/>
210) </div>
211) </div>
212) <div class="form-group">
213) <div class="input-group">
214) <span class="input-group-addon">Mot de passe *</span>
215) <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
216) </div>
217) </div>
218) <div class="form-group">
219) <div class="input-group">
220) <span class="input-group-addon">Serveur *</span>
221) <input type='text' id='login_server' class="form-control" value='http://myco.zionetrix.net'/>
222) </div>
223) </div>
224) </form>
225) </div>
226) <div class="modal-footer">
227) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
228) <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
229) </div>
230) </div><!-- /.modal-content -->
231) </div><!-- /.modal-dialog -->
232) </div>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
233)
234) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
235) <div class="modal-dialog">
236) <div class="modal-content">
237) <div class="modal-header">
238) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
239) <h4 class="modal-title">Ajouter une contribution</h4>
240) </div>
241) <div class="modal-body">
242) <form class="form-horizontal" role="form">
243) <input type='hidden' id='group_name' />
244) <input type='hidden' id='edit_id' value='-1' />
245) <div class="form-group">
246) <div class="input-group">
247) <span class="input-group-addon">Participant *</span>
248) <select id='add_contribution_contributor_name' class="form-control"></select>
249) </div>
250) </div>
251) <div class="form-group">
252) <div class="input-group">
253) <span class="input-group-addon">Titre *</span>
254) <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
255) </div>
256) </div>
257) <div class="form-group">
258) <div class="input-group">
259) <span class="input-group-addon">Coût *</span>
260) <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
261) <span class="input-group-addon">€</span>
262) </div>
263) </div>
264) <div class="form-group">
265) <div class="input-group">
266) <span class="input-group-addon">Date</span>
267) <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
268) </div>
269) </div>
270) </form>
271) </div>
272) <div class="modal-footer">
273) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
274) <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
275) </div>
276) </div><!-- /.modal-content -->
277) </div><!-- /.modal-dialog -->
278) </div>
279)
280) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
281) <div class="modal-dialog">
282) <div class="modal-content">
283) <div class="modal-header">
284) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
285) <h4 class="modal-title">Balance</h4>
286) </div>
287) <div class="modal-body">
288) <table class="table table-striped">
289) <thead>
290) <tr><th>Participant</th><th>Participation</th></tr>
291) </thead>
292) <tbody></tbody>
293) <tfoot>
294) <tr>
295) <td id='total-label'>Total :</td>
296) <td id='total-value'></td>
297) </tr>
298) </tfoot>
299) </table>
300) </div>
301) <div class="modal-footer">
302) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
303) </div>
304) </div><!-- /.modal-content -->
305) </div><!-- /.modal-dialog -->
306) </div>
307)
308)
309) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
310) <div class="modal-dialog">
311) <div class="modal-content">
312) <div class="modal-header">
313) <button type="button" class="close cancel" aria-hidden="true">×</button>
314) <h4 class="modal-title">Confirmation</h4>
315) </div>
316) <div class="modal-body">
317) <p id='question'></p>
318) </div>
319) <div class="modal-footer">
320) <button type="button" class="btn btn-default cancel">Annuler</button>
321) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
322) </div>
323) </div><!-- /.modal-content -->
324) </div><!-- /.modal-dialog -->
325) </div>
326)
|
|
Add login and sync support
Benjamin Renard authored 10 years ago
|
327) <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
328) <div class="modal-dialog">
329) <div class="modal-content">
330) <div class="modal-header">
331) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
332) <h4 class="modal-title">Mon compte</h4>
333) </div>
334) <div class="modal-body">
335) <form class="form-horizontal" role="form">
336) <div class="form-group">
337) <label class="col-sm-2 control-label">Email</label>
338) <div class="col-sm-10">
339) <p class="form-control-static" id='myaccount_email'></p>
340) </div>
341) </div>
342) <div class="form-group">
343) <label "inputName" class="col-sm-2 control-label">Nom</label>
344) <div class="col-sm-10">
345) <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
346) </div>
347) </div>
348) <div class="form-group">
349) <label for="inputPassword" class="col-sm-2 control-label">Password</label>
350) <div class="col-sm-10">
351) <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
352) </div>
353) </div>
354) </form>
355) <div class="modal-footer">
356) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
357) </div>
358) </div><!-- /.modal-content -->
359) </div><!-- /.modal-dialog -->
360) </div>
361)
362)
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
363) </div>
364) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
365) <script src="inc/lib/jquery-1.10.2.min.js"></script>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
366) <!-- Latest compiled and minified JavaScript -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
367) <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
|
Initial commit
Import localy librairies