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