Browse Source

layout progetti condivisi

kiki 7 years ago
parent
commit
e1253334fa
2 changed files with 80 additions and 25 deletions
  1. 39 0
      furgaclient/www/css/index.css
  2. 41 25
      furgaclient/www/index.html

+ 39 - 0
furgaclient/www/css/index.css

@@ -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;
+}

+ 41 - 25
furgaclient/www/index.html

@@ -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>
@@ -96,6 +84,17 @@
         </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>
                 <li>Se si aggiunge qualcuno?</li>
@@ -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">