nome progetto grafica giusta e variabili omogenee
This commit is contained in:
parent
37ca1004df
commit
a7a89f164a
2 changed files with 33 additions and 22 deletions
|
@ -50,7 +50,7 @@
|
||||||
$( document ).on( "mobileinit", function(){
|
$( document ).on( "mobileinit", function(){
|
||||||
|
|
||||||
|
|
||||||
$("#popup").popup();
|
$(".popup").popup();
|
||||||
$( ".list" ).listview({
|
$( ".list" ).listview({
|
||||||
defaults: true
|
defaults: true
|
||||||
});
|
});
|
||||||
|
@ -83,7 +83,7 @@ $(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>
|
||||||
|
@ -117,7 +117,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 +133,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" ></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><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" class="ui-hidden-accessible">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,17 +167,17 @@ $(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>
|
||||||
|
|
|
@ -119,7 +119,8 @@ 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
|
||||||
*/
|
*/
|
||||||
|
@ -133,14 +134,15 @@ function initStorage() {
|
||||||
};
|
};
|
||||||
|
|
||||||
function initProgetto() {
|
function initProgetto() {
|
||||||
if (initStorage()) {
|
if (initStorage())
|
||||||
|
|
||||||
|
if(localStorage.getItem("key_progetto")!=null)
|
||||||
|
|
||||||
var nome_del_progetto = localStorage.getItem("key_progetto")
|
var nome_del_progetto = localStorage.getItem("key_progetto");
|
||||||
|
|
||||||
console.log(nome_del_progetto + "nome progetto");
|
console.log(nome_del_progetto + "nome progetto");
|
||||||
$('.prog-name').text(nome_del_progetto);
|
$('.prog-name').text(nome_del_progetto);
|
||||||
$('#prog-0').text(nome_del_progetto);
|
$('#prog-0').html('<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-right ui-btn-inherit">'+nome_del_progetto+'<span class="ui-collapsible-heading-status"> click to expand contents</span></a>');
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -148,12 +150,12 @@ function initProgetto() {
|
||||||
function cambianomeprogetto() {
|
function cambianomeprogetto() {
|
||||||
|
|
||||||
|
|
||||||
var a_prog_name = $("#p-name").val();
|
var nome_del_progetto = $("#p-name").val();
|
||||||
localStorage.setItem("key_progetto", a_prog_name);
|
localStorage.setItem("key_progetto", nome_del_progetto);
|
||||||
$('.prog-name').text(a_prog_name);
|
$('.prog-name').text(nome_del_progetto);
|
||||||
$('#prog-0').text(a_prog_name);
|
$('#prog-0').html('<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-icon-plus ui-btn-icon-right ui-btn-inherit">'+nome_del_progetto+'<span class="ui-collapsible-heading-status"> click to expand contents</span></a>');
|
||||||
$("#popup1").popup("close");
|
$("#popup1").popup("close");
|
||||||
|
//$("#mod-prog").collapsible("close");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue