tabella spese

This commit is contained in:
kiki 2016-08-16 20:50:07 +02:00
parent e1253334fa
commit 927db003c1
2 changed files with 85 additions and 11 deletions

View file

@ -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 {

View file

@ -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"></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>