tabella spese
This commit is contained in:
parent
e1253334fa
commit
927db003c1
2 changed files with 85 additions and 11 deletions
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue