pagina impostazione

furgaclient/www/index.html

@@ -102,70 +102,119 @@
             </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="#new">Nuovo progetto</a></li>
-</ul>
+        <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="#new">Nuovo progetto</a></li>
+        </ul>
 
     </div>
 
 
-     <div data-role="page" id="impostazioni" data-id="0" data-theme="a">
-
-     <h3 class="ui-bar ui-bar-a">Impostazioni</h3>
-  <div class="ui-body ui-body-a">
-         <table data-role="table" id="table-spese" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="a" data-column-btn-text="Colonne visibili..." data-column-popup-theme="a">
-         <thead>
-           <tr class="ui-bar-d">
-             <th data-priority="2">N°</th>
-             <th>Spese</th>
-             <th data-priority="3">Data</th>
-             <th data-priority="1"><abbr title="nome spesa"></abbr>Euro</th>
-             <th data-priority="5">Note</th>
-           </tr>
-         </thead>
-         <tbody>
-           <tr>
-             <th>1</th>
-             <td>riparazione cambio</td>
-             <td>01/09/2016</td>
-             <td>600</td>
-             <td>meccanico bologna</td>
-           </tr>
-           <tr>
-             <th>2</th>
-             <td>bollo</td>
-             <td>1/01/2016</td>
-             <td>100</td>
-             <td></td>
-           </tr>
-           <tr>
-             <th>3</th>
-             <td>assicurazione</td>
-             <td>13/08/2016</td>
-             <td>600</td>
-             <td>allianza faenza via Pertini n23</td>
-           </tr>
-
-         </tbody>
-       </table>
-    </div>
+    <div data-role="page" id="impostazioni" data-id="0" data-theme="a">
+
+        <h3 class="ui-bar ui-bar-a">Impostazioni</h3>
+
+                <div class="ui-body ui-body-a">
+            <p>Progetto</p>
+            <ul data-role="listview" data-theme="a">
+                <li id="prog-name">furga</li>
+                <li>creato il <span id="prog-created">16/08/2016</span></li>
+            </ul>
+        </div>
+        <div data-role="collapsible" data-content-theme="false">
+            <h4>Modifica Progetto</h4>
+            <div data-role="controlgroup" data-type="horizontal">
+                <a href="#" class="ui-btn ui-corner-all ui-icon-plus">Cambia nome</a>
+                <a href="#" class="ui-btn ui-corner-all ui-icon-delete">Cancella il progetto</a>
+            </div>
+        </div>
+        <div class="ui-body ui-body-a">
+            <table data-role="table" id="table-spese" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="a" data-column-btn-text="Colonne visibili..." data-column-popup-theme="a">
+                <thead>
+                    <tr class="ui-bar-d">
+                        <th data-priority="2">N°</th>
+                        <th>Spese</th>
+                        <th data-priority="3">Data</th>
+                        <th data-priority="1"><abbr title="nome spesa"></abbr>Euro</th>
+                        <th data-priority="5">Note</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th>1</th>
+                        <td>riparazione cambio</td>
+                        <td>01/09/2016</td>
+                        <td>600</td>
+                        <td>meccanico bologna</td>
+                    </tr>
+                    <tr>
+                        <th>2</th>
+                        <td>bollo</td>
+                        <td>1/01/2016</td>
+                        <td>100</td>
+                        <td></td>
+                    </tr>
+                    <tr>
+                        <th>3</th>
+                        <td>assicurazione</td>
+                        <td>13/08/2016</td>
+                        <td>600</td>
+                        <td>allianza faenza via Pertini n23</td>
+                    </tr>
+
+                </tbody>
+            </table>
+
+
+        </div>
+        <div data-role="collapsible" data-content-theme="false">
+            <h4>Modifica Spese</h4>
+
+            <div data-role="controlgroup" data-type="horizontal">
+                <a href="#" class="ui-btn ui-corner-all ui-icon-plus">Aggiungi</a>
+                <a href="#" class="ui-btn ui-corner-all ui-icon-delete">Cancella l'ultima</a>
+            </div>
+        </div>
+
+        <div class="ui-body ui-body-a">
+            <p>Soci aderenti al progetto</p>
+            <ul data-role="listview" data-theme="a">
+                <li>Gabri</li>
+                <li>Ge</li>
+                <li>Brogie</li>
+                <li>Collettivo G.</li>
+            </ul>
+        </div>
+        <div data-role="collapsible" data-content-theme="false">
+            <h4>Modifica Soci</h4>
+            <div data-role="controlgroup" data-type="horizontal">
+                <a href="#" class="ui-btn ui-corner-all ui-icon-plus">Aggiungi</a>
+                <a href="#" class="ui-btn ui-corner-all ui-icon-delete">Cancella l'ultimo</a>
+            </div>
+        </div>
 
-  <div class="ui-body ui-body-a">
-        <p>spese</p>
-      <p>soci</p>
-      <p>termina condivisione</p>
-  </div>
 
+                <div class="ui-body ui-body-a">
+            <p>Durata del progetto</p>
+
+                <p><span id="prog-time">365</span> giorni</p>
+
+        </div>
+        <div data-role="collapsible" data-content-theme="false">
+            <h4>Modifica durata</h4>
+            <div data-role="controlgroup" data-type="horizontal">
+                <a href="#" class="ui-btn ui-corner-all ui-icon-plus">Cambia durata</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" />
@@ -175,7 +224,8 @@
                 <label for="radio-choice-a1">On</label>
                 <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
                 <label for="radio-choice-b1">Off</label>
-            </fieldset--></div>
+            </fieldset-->
+    </div>