layout progetti condivisi

This commit is contained in:
kiki 2016-08-16 19:58:22 +02:00
parent 7797b44007
commit e1253334fa
2 changed files with 78 additions and 23 deletions

View file

@ -16,3 +16,42 @@
* specific language governing permissions and limitations
* under the License.
*/
/*per list collasible*/
/* Basic settings */
.ui-li-static.ui-collapsible {
padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
margin: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
border-bottom-width: 0;
}
/* collapse vertical borders */
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-last-child,
.ui-li-static.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-heading > a.ui-btn {
border-bottom-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn {
border-top-width: 0;
}
/* Remove right borders */
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > .ui-li-static,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
border-right-width: 0;
}
/* Remove left borders */
/* Here, we need class ui-listview-outer to identify the outermost listview */
.ui-listview-outer > .ui-li-static.ui-collapsible .ui-li-static.ui-collapsible.ui-collapsible,
.ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
border-left-width: 0;
}

View file

@ -44,26 +44,14 @@
<body>
<div data-role="page" data-theme="a">
<h3 class="ui-bar ui-bar-a">Share is care!</h3>
<div class="ui-body ui-body-a ui-corner-all">
<h3>Share is care! Condividere è prendersi cura di qualcosa.</h3>
<p>Usiamo insieme un oggetto e sfruttiamo uno software per calcolare le quote di ciascuno per l'utilizzo della nostra risorsa in comune.
<pre>Gestione comune di un bene</pre></p>
<h3>Condividere è prendersi cura di qualcosa.</h3>
<p>Usiamo insieme un oggetto e sfruttiamo uno software per calcolare le quote di ciascuno in base all'utilizzo della nostra risorsa in comune.</p>
</div>
<!--poi facciamo in modo che venga nascosto questo paragrafo: Istruzioni e perchè:-->
<div data-role="collapsible" data-collapsed="false" class="initopen">
<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>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>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>
<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>Non abbiamo considerato la benzina perchè ognuno dovrà pagare la sua, possiamo consigliare per nostra esperienza, che è sempre meglio accordarsi per lasciarlo con il pieno quando lo si rimette nel parcheggio concordato. Tutte le altre questioni: pulizia, accessori, prenotazioni e provviste ... vi consigliamo di risolverle parlandosi piuttosto che lasciando biglietti in giro o utilizzando un PC!
<br/> Se avete commenti, vi piace, vorreste farlo meglio, scrivete a sharefine@digitigrafo.it</p>
</div>
<!-- /collapsible -->
<div data-role="collapsible" data-collapsed="false" class="initopen">
<h3>Come iniziare</h3>
<p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
@ -77,13 +65,13 @@
<ul>
<li>quanto versa ognuno</li>
<li>quanti giorni di utilizzo di ognuno</li>
<li>se dovesse capitare, altre ventuali spese non considerate</li>
<li>altre eventuali spese non considerate</li>
</ul>
<small>Potrebbe bastare un diario o calendario tenuto vicino all'oggetto o in luogo concordato</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>
<ul>
<li>quote da versare all'inizio</li>
<li>i conguagli in base all'uso</li>
<li>quando vuoi i conguagli in base all'uso</li>
</ul>
<h2>Obiettivi:</h2>
@ -95,6 +83,17 @@
</ul>
</div>
<!-- /collapsible -->
<div data-role="collapsible">
<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>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>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>
<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>Non abbiamo considerato la benzina perchè ognuno dovrà pagare la sua, possiamo consigliare per nostra esperienza, che è sempre meglio accordarsi per lasciarlo con il pieno quando lo si rimette nel parcheggio concordato. Tutte le altre questioni: pulizia, accessori, prenotazioni e provviste ... vi consigliamo di risolverle parlandosi piuttosto che lasciando biglietti in giro o utilizzando un PC!
<br/> Se avete commenti, vi piace, vorreste farlo meglio, scrivete a sharefine@digitigrafo.it</p>
</div>
<!-- /collapsible -->
<div data-role="collapsible">
<h3>Domande comuni</h3>
<ul>
@ -103,12 +102,29 @@
</ul>
</div>
<!-- /collapsible -->
<h3 class="ui-bar ui-bar-a">Progetti condivisi</h3>
<ul data-role="listview" data-inset="true" data-shadow="false">
<li data-role="collapsible" data-iconpos="right" data-inset="false">
<h2 data-id="0" id="prog-0">furga</h2>
<ul data-role="listview" data-theme="a">
<li><a href="#impostazioni">Impostazioni</a></li>
<li><a href="#giorni">Giorni</a></li>
<li><a href="#conti">Conti</a></li>
</ul>
</li>
<li><a href="#">Nuovo progetto</a></li>
</ul>
<!--div class="ui-corner-all custom-corners">
<div class="ui-bar ui-bar-a">
<h3></h3>
</div>
<div class="ui-body ui-body-a">
</div>
</div-->
<!--label for="slider1">Input slider:</label>
<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">