Manage multiple screen parts and add home screen
This commit is contained in:
parent
80a6587020
commit
58a21a824e
2 changed files with 79 additions and 4 deletions
54
inc/myco.js
54
inc/myco.js
|
@ -67,6 +67,57 @@ navbar_collapse_hide=function() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/****************
|
||||||
|
* Parts
|
||||||
|
****************/
|
||||||
|
|
||||||
|
view_part=function(part) {
|
||||||
|
$('.part').each(function(idx,div) {
|
||||||
|
$(div).css('display','none');
|
||||||
|
});
|
||||||
|
$(part).css('display','block');
|
||||||
|
}
|
||||||
|
|
||||||
|
view_home=function() {
|
||||||
|
if (user) {
|
||||||
|
$('#view-home #title').html('Bonjour '+user.name);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('#view-home #title').html('Bonjour');
|
||||||
|
}
|
||||||
|
if (groups.count()>0) {
|
||||||
|
tbody=$('#view-home #mybalances tbody');
|
||||||
|
tbody.html('');
|
||||||
|
balances=groups.balances();
|
||||||
|
var sum=0;
|
||||||
|
for (g in balances) {
|
||||||
|
if (jQuery.type(balances[g]['balance'][user.name])!='undefined') {
|
||||||
|
if (balances[g]['balance'][user.name]['diff']<0) {
|
||||||
|
sum+=balances[g]['balance'][user.name]['diff'];
|
||||||
|
diff='<td class="negative">'+balances[g]['balance'][user.name]['diff'].toFixed(2)+'</td>';
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
value=balances[g]['balance'][user.name]['total']-balances[g]['min'];
|
||||||
|
sum+=value;
|
||||||
|
diff='<td class="positive">+'+value.toFixed(2)+' €</td>';
|
||||||
|
}
|
||||||
|
tbody.html(tbody.html()+'<tr><td>'+g+'</td>'+diff+'</tr>');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (sum<0) {
|
||||||
|
$('#view-home #mybalances #total-value').html('<span class="negative">'+sum.toFixed(2)+' €</span>');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('#view-home #mybalances #total-value').html('<span class="positive">'+(sum==0?'':'+')+sum.toFixed(2)+' €</span>');
|
||||||
|
}
|
||||||
|
$('#view-home #mybalances').css('display','block');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('#view-home #mybalances').css('display','none');
|
||||||
|
}
|
||||||
|
view_part('#view-home');
|
||||||
|
}
|
||||||
|
|
||||||
/****************
|
/****************
|
||||||
* View group
|
* View group
|
||||||
****************/
|
****************/
|
||||||
|
@ -75,7 +126,7 @@ view_group=function(group) {
|
||||||
$('#view-group #group_name')[0].value=group.name;
|
$('#view-group #group_name')[0].value=group.name;
|
||||||
set_contributors(group);
|
set_contributors(group);
|
||||||
on_contributor_change();
|
on_contributor_change();
|
||||||
$('#view-group').css('display','block');
|
view_part('#view-group');
|
||||||
}
|
}
|
||||||
|
|
||||||
set_contributors=function(group) {
|
set_contributors=function(group) {
|
||||||
|
@ -535,4 +586,5 @@ $( document ).ready( function() {
|
||||||
$("#display_balance_btn").bind('click',on_display_balance_btn_click);
|
$("#display_balance_btn").bind('click',on_display_balance_btn_click);
|
||||||
|
|
||||||
$('#remove_group_btn').bind('click',on_remove_group_btn_click);
|
$('#remove_group_btn').bind('click',on_remove_group_btn_click);
|
||||||
|
view_home();
|
||||||
} );
|
} );
|
||||||
|
|
29
index.html
29
index.html
|
@ -37,11 +37,15 @@ body{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.late {
|
.positive {
|
||||||
|
color: green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.negative {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden-part {
|
.part {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,7 +88,26 @@ body{
|
||||||
</div>
|
</div>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div id='view-group' class='part hidden-part'>
|
<div id='view-home' class='part'>
|
||||||
|
<h1 id='title'></h1>
|
||||||
|
<table class="table table-striped" id='mybalances'>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Groupe</th>
|
||||||
|
<th>Balance</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody></tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td id='total-label'>Total :</td>
|
||||||
|
<td id='total-value'></td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id='view-group' class='part'>
|
||||||
<h1><span>Noël</span><small><span id='edit_group_btn' class='glyphicon glyphicon-edit btn btn-sm'></span></small></h1>
|
<h1><span>Noël</span><small><span id='edit_group_btn' class='glyphicon glyphicon-edit btn btn-sm'></span></small></h1>
|
||||||
<form class="form-horizontal" role="form">
|
<form class="form-horizontal" role="form">
|
||||||
<input type='hidden' id='group_name' value='Noël'/>
|
<input type='hidden' id='group_name' value='Noël'/>
|
||||||
|
|
Loading…
Reference in a new issue