kiki/sharefine
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: kiki:af8c3420a1873f6f862328bf69c7d3dbd3a5ccc0
Branches Tags
kiki:master
kiki:provaVaiSu
...
compare: kiki:d3c25d42fc58ef53810e39f124341060887d7342
Branches Tags
kiki:master
kiki:provaVaiSu

5 commits
af8c3420a1 ... d3c25d42fc

Author SHA1 Message Date
redup nomade
d3c25d42fc nome progetto toggle UI 2016-12-11 23:11:06 +01:00
redup nomade
ea9c0a19e2 aggiustato euro in tabella spese 2016-12-11 17:38:11 +01:00
redup nomade
f1ff167614 controllo val() nome non vuoto e grafica giusta 2016-12-11 17:26:15 +01:00
redup nomade
a7a89f164a nome progetto grafica giusta e variabili omogenee 2016-12-11 17:09:08 +01:00
redup nomade
37ca1004df style nonmobile 2016-12-11 16:39:51 +01:00
3 changed files with 100 additions and 34 deletions
Show stats Expand all files Collapse all files

15
furgaclient/www/css/index.css
View file

@ -18,6 +18,17 @@
*/ */
/*per la pagina non mobile*/
.ui-mobile .ui-page-active {
max-width: 1024px;
margin: 0 50%;
-moz-transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);
}
/*per tornare al menu*/ /*per tornare al menu*/
span.tomenu { span.tomenu {
@ -35,6 +46,10 @@ span.tomenu {
/* Basic settings */ /* Basic settings */
.hide {
display: none !important;
}
.ui-li-static.ui-collapsible { .ui-li-static.ui-collapsible {
padding: 0; padding: 0;
} }

48
furgaclient/www/index.html
View file

@ -44,13 +44,13 @@
<link rel="stylesheet" type="text/css" href="css/index.css"> <link rel="stylesheet" type="text/css" href="css/index.css">
<title>share fine</title> <title>share fine</title>
</head>
<script> <script>
//$(function(){ //$(function(){
$( document ).on( "mobileinit", function(){ $( document ).on( "mobileinit", function(){
$("#popup").popup(); $(".popup").popup();
$( ".list" ).listview({ $( ".list" ).listview({
defaults: true defaults: true
}); });
@ -67,12 +67,13 @@
evt.preventDefault(); evt.preventDefault();
});*/ });*/
$(function () { $(function () {
console.log("nome progetto");
initStorage(); initStorage();
initProgetto(); initProgetto();
}); });
</script> </script>
</head>
<body> <body>
<div data-role="page" id="menu" data-theme="a"> <div data-role="page" id="menu" data-theme="a">
@ -83,20 +84,20 @@ $(function () {
</div> </div>
<!--poi facciamo in modo che venga nascosto questo paragrafo: Istruzioni e perchè:--> <!--poi facciamo in modo che venga nascosto questo paragrafo: Istruzioni e perchè:-->
<div data-role="collapsible" data-collapsed="false" class="initopen"> <div data-role="collapsible" class="initopen">
<h3>Come iniziare</h3> <h3>Come iniziare</h3>
<p>Per impostare la condivisione ti verrà chiesto all'inizio:</p> <p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
<ul> <ul>
<li>il nome del progetto</li>
<li>quali sono le spese</li> <li>quali sono le spese</li>
<li>una quota per la manutenzione del bene</li> <li>una quota per la manutenzione del bene</li>
<li>quanti siete che lo condividete</li> <li>chi siete che lo condividete</li>
<li>dei nomi/etichette per distinguere chi lo usa</li>
</ul> </ul>
<p>Man mano dovrete raccogliere queste informazioni:</p> <p>Man mano dovrete raccogliere queste informazioni:</p>
<ul> <ul>
<li>quanto versa ognuno</li> <li>quanto versa ognuno</li>
<li>quanti giorni di utilizzo di ognuno</li> <li>quanti giorni di utilizzo di ognuno</li>
<li>altre eventuali spese non considerate</li> <li>altre eventuali spese non considerate all'inizio</li>
</ul> </ul>
<small>Potrebbe bastare un diario o un calendario tenuto vicino all'oggetto o in luogo concordato per poi riportare i giorni sull'app.</small> <small>Potrebbe bastare un diario o un calendario tenuto vicino all'oggetto o in luogo concordato per poi riportare i giorni sull'app.</small>
<p>ShareFine ti da questi risultati:</p> <p>ShareFine ti da questi risultati:</p>
@ -117,7 +118,7 @@ $(function () {
<div data-role="collapsible"> <div data-role="collapsible">
<h3>Esempio</h3> <h3>Esempio</h3>
<p>Per esempio: abbiamo un camper e lo vogliamo usare in 4. Sappiamo che ogni anno paghiamo 600 euro di assicurazione, 100 euro di bollo e circa 600 euro di manutenzione (cambio gomme o olio o imprevisti). Quindi ad inizio accordo necessitiamo di 600+100+600 diviso 4 persone = 325 euro a testa, che versiamo subito nella cassa comune. La cifra versata è per circa 90 giorni d'uso a testa all'anno (365 diviso 4, ovvero i partecipanti).</p> <p>Per esempio: abbiamo un camper e lo vogliamo usare in 4. Sappiamo che ogni anno paghiamo 600 euro di assicurazione, 100 euro di bollo e circa 600 euro di manutenzione (cambio gomme o olio o imprevisti). Quindi ad inizio accordo necessitiamo di 600+100+600 diviso 4 persone = 325 euro a testa, che versiamo subito nella cassa comune. La cifra versata è per circa 90 giorni d'uso a testa all'anno (365 diviso 4, ovvero i partecipanti).</p>
<p>A fine stagione o a fine anno, facciamo però i conguagli, ovvero, chi lo ha usato di più da qualche soldo a chi lo ha usato di meno. Per esempio, Giulia lo ha usato 23 giorni, Giacomo e consorte 14 giorni, Mirco e figli 12 giorni, mentre Lucia, che è una appassionata di pesca, lo ha usato 200 giorni. Sono rimasti 116 giorni di inutilizzo, che vanno divisi equamente tra tutti i partecipanti all'accordo.</p> <p>A fine stagione o a fine anno, facciamo però i bilanciamenti, ovvero, chi lo ha usato di più da qualche soldo a chi lo ha usato di meno. Per esempio, Giulia lo ha usato 23 giorni, Giacomo e consorte 14 giorni, Mirco e figli 12 giorni, mentre Lucia, che è una appassionata di pesca, lo ha usato 200 giorni. Sono rimasti 116 giorni di inutilizzo, che vanno divisi equamente tra tutti i partecipanti all'accordo.</p>
<p>Quindi abbiamo le quote di uso esclusivo per singolo giorno: 3.56 euro; <p>Quindi abbiamo le quote di uso esclusivo per singolo giorno: 3.56 euro;
<br/>e le quote singole per i giorni di inutilizzo: 0.89 euro. ShareFine ogni volta che gli chiedi il conguaglio ti fa la differenza tra quello che hai versato come quota iniziale e quello che devi al gruppo in base al reale utilizzo che ne hai fatto del bene, senza dimenticare i giorni in cui è stato fermo e che quindi pagano tutti.</p> <br/>e le quote singole per i giorni di inutilizzo: 0.89 euro. ShareFine ogni volta che gli chiedi il conguaglio ti fa la differenza tra quello che hai versato come quota iniziale e quello che devi al gruppo in base al reale utilizzo che ne hai fatto del bene, senza dimenticare i giorni in cui è stato fermo e che quindi pagano tutti.</p>
<p>Quindi Giulia (23 giorni) spenderà 185.20; Giacomo (14 giorni) 153,15; Mirco (12 giorni) 146,03 e Lucia (200 giorni) 815,62. ShareFine ti indica anche le differenze in base alla quota iniziale o a quanto hai già versato.</p> <p>Quindi Giulia (23 giorni) spenderà 185.20; Giacomo (14 giorni) 153,15; Mirco (12 giorni) 146,03 e Lucia (200 giorni) 815,62. ShareFine ti indica anche le differenze in base alla quota iniziale o a quanto hai già versato.</p>
@ -133,21 +134,30 @@ $(function () {
</ul> </ul>
</div> </div>
<!-- /collapsible --> <!-- /collapsible -->
<h3 class="ui-bar ui-bar-a">Progetti condivisi</h3> <h3 class="ui-bar ui-bar-a">Progetto condiviso</h3>
<ul data-role="listview" data-inset="true" data-shadow="false" class="list"> <ul data-role="listview" data-inset="true" data-shadow="false" class="list">
<li data-role="collapsible" data-iconpos="right" data-inset="false"> <li data-role="collapsible" data-iconpos="right" data-inset="false">
<h2 data-id="0" id="prog-0" >furga</h2> <h2 data-id="0" id="prog-0" ><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-right ui-btn-inherit"><span class="ui-collapsible-heading-status"> click to expand contents</span></a></h2>
<ul data-role="listview" data-theme="a"> <ul data-role="listview" data-theme="a">
<li><a href="#impostazioni">Impostazioni</a></li> <li><a href="#impostazioni">Impostazioni</a></li>
<li><a href="#giorni">Giorni</a></li> <li><a href="#giorni">Giorni</a></li>
<li><a href="#conti">Conti</a></li> <li><a href="#conti">Conti</a></li>
</ul> </ul>
</li> </li>
<li><a href="#new">Nuovo progetto</a></li> <li id="newprog"><a href="#popup-new" data-rel="popup">Nuovo progetto</a></li>
</ul> </ul>
<div data-role="popup" id="popup-new" data-theme="a" class="ui-corner-all popup">
</div> <form>
<div style="padding:10px 20px;">
<h3>Impostazioni</h3>
<label for="p-name-new">Nome Progetto</label>
<input name="pass" id="p-name-new" value="" placeholder="camper Ada" data-theme="a" type="text">
<a href="#" id="set-prog-new" onclick="progettonuovo();" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Fatto</a>
</div>
</form>
</div>
</div><!-- chiude pagina index-->
<div data-role="page" id="impostazioni" data-id="0" data-theme="a"> <div data-role="page" id="impostazioni" data-id="0" data-theme="a">
@ -158,21 +168,21 @@ $(function () {
<p>Progetto</p> <p>Progetto</p>
<ul data-role="listview" data-theme="a"> <ul data-role="listview" data-theme="a">
<li class="prog-name"></li> <li class="prog-name"></li>
<li>creato il <span id="prog-created">16/08/2016</span></li> <!--li>creato il <span id="prog-created">16/08/2016</span></li-->
</ul> </ul>
</div> </div>
<div data-role="collapsible" data-content-theme="false"> <div id="mod-prog" data-role="collapsible" data-content-theme="false">
<h4>Modifica Progetto</h4> <h4>Modifica Progetto</h4>
<div data-role="controlgroup" data-type="horizontal"> <div data-role="controlgroup" data-type="horizontal">
<a href="#popup1" id="open-popup1" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a" data-position-to="window" data-transition="pop">Cambia nome</a> <a href="#popup1" id="open-popup1" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a" data-position-to="window" data-transition="pop">Cambia nome</a>
<a href="#" class="ui-btn ui-corner-all ui-icon-delete">Cancella il progetto</a> <a href="#" class="ui-btn ui-corner-all ui-icon-delete">Cancella</a>
</div> </div>
<div data-role="popup" id="popup1" data-theme="a" class="ui-corner-all"> <div data-role="popup" id="popup1" data-theme="a" class="ui-corner-all popup">
<form> <form>
<div style="padding:10px 20px;"> <div style="padding:10px 20px;">
<h3>Cambia nome</h3> <h3>Cambia nome</h3>
<label for="p-name" class="ui-hidden-accessible">Nome:</label> <label for="p-name" class="ui-hidden-accessible">Nome</label>
<input name="pass" id="p-name" value="" placeholder="camper Ada" data-theme="a" type="text"> <input name="pass" id="p-name" value="" placeholder="camper Ada" data-theme="a" type="text">
<a href="#" id="setname" onclick="cambianomeprogetto();" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Fatto</a > <a href="#" id="setname" onclick="cambianomeprogetto();" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Fatto</a >
</div> </div>
@ -186,7 +196,7 @@ $(function () {
<th data-priority="2">N°</th> <th data-priority="2">N°</th>
<th>Spese</th> <th>Spese</th>
<th data-priority="3">Data</th> <th data-priority="3">Data</th>
<th data-priority="1"><abbr title="nome spesa"></abbr>Euro</th> <th data-priority="1"><abbr title="Euro"></abbr>Euro</th>
<th data-priority="5">Note</th> <th data-priority="5">Note</th>
</tr> </tr>
</thead> </thead>

71
furgaclient/www/js/spesefurga.js
View file

@ -1,4 +1,4 @@
//var prog_name = ["furgahhh"]; var nome_del_progetto = localStorage.getItem("key_progetto");
var prog_data = []; //serve? var prog_data = []; //serve?
var prog_indice = 0; //serve? var prog_indice = 0; //serve?
@ -119,11 +119,22 @@ conguaglio();
/*localStorage.getItem(url);localStorage.setItem(url,title);localStorage.removeItem(url);*/ /*localStorage.getItem(url);localStorage.setItem(url,title);localStorage.removeItem(url);*/
/* 1) scrivere tutti i valori nei posti giusti nella GUI /*
1) scrivere tutti i valori nei posti giusti nella GUI
2) poter aggiungere/modificare i valori 2) poter aggiungere/modificare i valori
3) poter cancellare i valori 3) poter cancellare i valori
*/ */
/*nome progetto: lo prendo due volte (nuovo progetto e cambia nome progetto) e lo scrivo 2 volte (home ed impostazioni)*/
function scrivoNome() {
localStorage.setItem("key_progetto", nome_del_progetto);
$('.prog-name').text(nome_del_progetto);
$('#prog-0 > a').text(nome_del_progetto);
};
function initStorage() { function initStorage() {
try { try {
return 'localStorage' in window && window['localStorage'] !== null; return 'localStorage' in window && window['localStorage'] !== null;
@ -133,28 +144,58 @@ function initStorage() {
}; };
function initProgetto() { function initProgetto() {
if (initStorage()) { if (initStorage())
var nome_del_progetto = localStorage.getItem("key_progetto") if (localStorage.getItem("key_progetto") == null) {
$('#prog-0').addClass('hide');
$('#newprog').removeClass('hide');
}
console.log(nome_del_progetto + "nome progetto"); if (localStorage.getItem("key_progetto") != null)
$('.prog-name').text(nome_del_progetto); nome_del_progetto = localStorage.getItem("key_progetto");
$('#prog-0').text(nome_del_progetto); scrivoNome();
} $('#prog-0').removeClass('hide');
$('#newprog').addClass('hide');
} }
function toggleNewOldProg() {
$('#prog-0').toggleClass('hide');
$('#newprog').toggleClass('hide');
}
function cambianomeprogetto() { function cambianomeprogetto() {
if ($("#p-name").val() == "") {
var a_prog_name = $("#p-name").val(); alert("inserisci un nome valido");
localStorage.setItem("key_progetto", a_prog_name); return false;
$('.prog-name').text(a_prog_name); }
$('#prog-0').text(a_prog_name);
$("#popup1").popup("close");
if (localStorage.getItem("key_progetto") == null) {
toggleNewOldProg();
return false;
}
if (localStorage.getItem("key_progetto") != null) {
nome_del_progetto = $("#p-name").val();
scrivoNome();
$("#popup1").popup("close");
$("#mod-prog").collapsible("collapse");
}
} }
function progettonuovo() {
//nome
if ($("#p-name").val() == "") {
alert("inserisci un nome valido");
return false;
}
nome_del_progetto = $("#p-name-new").val();
scrivoNome();
//spese
toggleNewOldProg();
$("#popupnew").popup("close");
};
//function cambiavalore(id,ghdjak) //function cambiavalore(id,ghdjak)