Browse Source

tabella spese

kiki 7 years ago
parent
commit
927db003c1
2 changed files with 85 additions and 11 deletions
  1. 31 0
      furgaclient/www/css/index.css
  2. 54 11
      furgaclient/www/index.html

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

@@ -16,40 +16,71 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+
+
+/*per tornare al menu*/
+
+span.tomenu {
+    width: 30%;
+    height: auto;
+    color: black;
+    background: yellow;
+    border-bottom-right-radius: 100%;
+        border-top-right-radius: 100%;
+}
+
+
 /*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 {

+ 54 - 11
furgaclient/www/index.html

@@ -43,7 +43,7 @@
 </head>
 
 <body>
-    <div data-role="page" data-theme="a">
+    <div data-role="page" id="menu" data-theme="a">
 
         <h3 class="ui-bar ui-bar-a">Share is care!</h3>
         <div class="ui-body ui-body-a ui-corner-all">
@@ -56,8 +56,8 @@
             <h3>Come iniziare</h3>
             <p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
             <ul>
-                <li>quali sono le spese annuali</li>
-                <li>una quota annuale per la manutenzione del bene</li>
+                <li>quali sono le spese</li>
+                <li>una quota per la manutenzione del bene</li>
                 <li>quanti siete che lo condividete</li>
                 <li>dei nomi/etichette per distinguere chi lo usa</li>
             </ul>
@@ -113,18 +113,60 @@
       <li><a href="#conti">Conti</a></li>
     </ul>
   </li>
-  <li><a href="#">Nuovo progetto</a></li>
+  <li><a href="#new">Nuovo progetto</a></li>
 </ul>
 
-<!--div class="ui-corner-all custom-corners">
-  <div class="ui-bar ui-bar-a">
-    <h3></h3>
-  </div>
+    </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 class="ui-body ui-body-a">
+        <p>spese</p>
+      <p>soci</p>
+      <p>termina condivisione</p>
   </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">
@@ -133,9 +175,10 @@
                 <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-->
+            </fieldset--></div>
+
+
 
-    </div>
 
     <script type="text/javascript" src="cordova.js"></script>
     <script type="text/javascript" src="js/index.js"></script>