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">
61) <a href="#" class="dropdown-toggle" data-toggle="dropdown">Groupe <b class="caret"></b></a>
62) <ul id="group-choice" class="dropdown-menu">
63) <li><a class='group-choice'>Quotidien</a></li>
64) <li><a class='group-choice'>Noël</a></li>
65) <li class="divider"></li>
|
|
Hide navbar-groupe-collapse...
Benjamin Renard authored 10 years ago
|
66) <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal">Nouveau</a></li>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
67) </ul>
68) </li>
69) <li><a id='clear_local_data'>Purger les données locales</a></li>
70) </ul>
71) </div><!--/.nav-collapse -->
72) </div>
73) </div>
74) <div class="container">
75)
76) <div id='view-group' class='part hidden-part'>
|
|
Replace usage of view-group...
Benjamin Renard authored 10 years ago
|
77) <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
|
78) <form class="form-horizontal" role="form">
|
|
Replace usage of view-group...
Benjamin Renard authored 10 years ago
|
79) <input type='hidden' id='group_name' value='Noël'/>
|
|
Add edit contributor feature
Benjamin Renard authored 10 years ago
|
80) <input type='hidden' id='edit_id' value='-1' />
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
81) <div class="form-group">
82) <div class="input-group">
83) <span class="input-group-addon">Participant</span>
84) <select id='contributor' class="form-control">
85) <option value='Benjamin'>Benjamin</option>
86) <option value='Ludovic'>Ludovic</option>
87) </select>
88) <span class="input-group-btn">
89) <button type="button" class="btn btn-primary" id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span></button>
90) <button type="button" class="btn btn-primary" id='del_contributor_btn'><span class='glyphicon glyphicon-trash'></span></button>
91) <button type="button" class="btn btn-primary" id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span></button>
92) </span>
93) </div>
94) </div>
95) </form>
96) <div class="btn-group">
97) <button id='add_contribution_btn' class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
98) <button id='display_balance_btn' class="btn btn-info"><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
99) <div class="btn-group">
100) <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
101) <span class="glyphicon glyphicon-cog"></span>
102) </button>
103) <ul class="dropdown-menu">
104) <li><a id='remove_group_btn'><span class='glyphicon glyphicon-trash'></span> Supprimer le groupe</span></a></li>
105) </ul>
106) </div>
107) </div>
108) <table id='contributions' class="table">
109) <thead>
110) <tr>
111) <th>Dépence</th>
112) <th>Coût</th>
113) <th>Actions</th>
114) </tr>
115) </thead>
116) <tbody>
117) <tr>
118) <td>Simply</td>
119) <td>124,56€</td>
120) <td>
121) <div class="btn-group" data-id='0'>
122) <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
123) <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
124) </div>
125) </td>
126) </tr>
127) </tbody>
128) <tfoot>
129) <tr>
130) <td id='total-label'>Total :</td>
131) <td id='total-value' colspan='2'>126,56€</td>
132) </tr>
133) </tfoot>
134) </table>
135) </div>
136)
137) <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
138) <div class="modal-dialog">
139) <div class="modal-content">
140) <div class="modal-header">
141) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
142) <h4 class="modal-title">Ajouter un groupe</h4>
143) </div>
144) <div class="modal-body">
145) <form class="form-horizontal" role="form">
146) <div class="form-group">
147) <div class="input-group">
148) <span class="input-group-addon">Nom *</span>
149) <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
150) </div>
151) </div>
152) </form>
153) </div>
154) <div class="modal-footer">
155) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
156) <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
157) </div>
158) </div><!-- /.modal-content -->
159) </div><!-- /.modal-dialog -->
160) </div>
161)
162) <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
163) <div class="modal-dialog">
164) <div class="modal-content">
165) <div class="modal-header">
166) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
167) <h4 class="modal-title">Ajouter un participant</h4>
168) </div>
169) <div class="modal-body">
170) <form class="form-horizontal" role="form">
171) <input type='hidden' id='group_name' />
172) <div class="form-group">
173) <div class="input-group">
174) <span class="input-group-addon">Nom *</span>
175) <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
176) </div>
177) </div>
178) <div class="form-group">
179) <div class="input-group">
180) <span class="input-group-addon">Email *</span>
181) <input type='text' id='add_contributor_email' class="form-control" placeholder='Email'/>
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_contributor_submit'>Ajouter</button>
189) </div>
190) </div><!-- /.modal-content -->
191) </div><!-- /.modal-dialog -->
192) </div>
193)
194)
195) <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
196) <div class="modal-dialog">
197) <div class="modal-content">
198) <div class="modal-header">
199) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
200) <h4 class="modal-title">Ajouter une contribution</h4>
201) </div>
202) <div class="modal-body">
203) <form class="form-horizontal" role="form">
204) <input type='hidden' id='group_name' />
205) <input type='hidden' id='edit_id' value='-1' />
206) <div class="form-group">
207) <div class="input-group">
208) <span class="input-group-addon">Participant *</span>
209) <select id='add_contribution_contributor_name' class="form-control"></select>
210) </div>
211) </div>
212) <div class="form-group">
213) <div class="input-group">
214) <span class="input-group-addon">Titre *</span>
215) <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
216) </div>
217) </div>
218) <div class="form-group">
219) <div class="input-group">
220) <span class="input-group-addon">Coût *</span>
221) <input type='text' id='add_contribution_cost' class="form-control" placeholder='0,00'/>
222) <span class="input-group-addon">€</span>
223) </div>
224) </div>
225) <div class="form-group">
226) <div class="input-group">
227) <span class="input-group-addon">Date</span>
228) <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
229) </div>
230) </div>
231) </form>
232) </div>
233) <div class="modal-footer">
234) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
235) <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
236) </div>
237) </div><!-- /.modal-content -->
238) </div><!-- /.modal-dialog -->
239) </div>
240)
241) <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
242) <div class="modal-dialog">
243) <div class="modal-content">
244) <div class="modal-header">
245) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
246) <h4 class="modal-title">Balance</h4>
247) </div>
248) <div class="modal-body">
249) <table class="table table-striped">
250) <thead>
251) <tr><th>Participant</th><th>Participation</th></tr>
252) </thead>
253) <tbody></tbody>
254) <tfoot>
255) <tr>
256) <td id='total-label'>Total :</td>
257) <td id='total-value'></td>
258) </tr>
259) </tfoot>
260) </table>
261) </div>
262) <div class="modal-footer">
263) <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
264) </div>
265) </div><!-- /.modal-content -->
266) </div><!-- /.modal-dialog -->
267) </div>
268)
269)
270) <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
271) <div class="modal-dialog">
272) <div class="modal-content">
273) <div class="modal-header">
274) <button type="button" class="close cancel" aria-hidden="true">×</button>
275) <h4 class="modal-title">Confirmation</h4>
276) </div>
277) <div class="modal-body">
278) <p id='question'></p>
279) </div>
280) <div class="modal-footer">
281) <button type="button" class="btn btn-default cancel">Annuler</button>
282) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
283) </div>
284) </div><!-- /.modal-content -->
285) </div><!-- /.modal-dialog -->
286) </div>
287)
288) </div>
289) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
290) <script src="inc/lib/jquery-1.10.2.min.js"></script>
|
|
Initial commit
Benjamin Renard authored 10 years ago
|
291) <!-- Latest compiled and minified JavaScript -->
|
|
Import localy librairies
Benjamin Renard authored 10 years ago
|
292) <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
|
Initial commit
Import localy librairies