tabella spese
This commit is contained in:
kiki
parent
e1253334fa
commit
927db003c1
2 changed files with 85 additions and 11 deletions
|
|
@ -16,40 +16,71 @@
|
||||||
* specific language governing permissions and limitations
|
* specific language governing permissions and limitations
|
||||||
* under the License.
|
* 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*/
|
/*per list collasible*/
|
||||||
|
|
||||||
|
|
||||||
/* Basic settings */
|
/* Basic settings */
|
||||||
|
|
||||||
.ui-li-static.ui-collapsible {
|
.ui-li-static.ui-collapsible {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
|
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
|
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* collapse vertical borders */
|
/* collapse vertical borders */
|
||||||
|
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-last-child,
|
.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 {
|
.ui-li-static.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-heading > a.ui-btn {
|
||||||
border-bottom-width: 0;
|
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,
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child > a.ui-btn,
|
.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 {
|
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn {
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Remove right borders */
|
/* Remove right borders */
|
||||||
|
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
|
.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 > .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 > .ui-listview > li > a.ui-btn,
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
||||||
border-right-width: 0;
|
border-right-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Remove left borders */
|
/* Remove left borders */
|
||||||
|
|
||||||
|
|
||||||
/* Here, we need class ui-listview-outer to identify the outermost listview */
|
/* 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-li-static.ui-collapsible.ui-collapsible,
|
||||||
.ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
|
.ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
|
||||||
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
.ui-li-static.ui-collapsible > .ui-collapsible-content {
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>
|
<h3 class="ui-bar ui-bar-a">Share is care!</h3>
|
||||||
<div class="ui-body ui-body-a ui-corner-all">
|
<div class="ui-body ui-body-a ui-corner-all">
|
||||||
|
|
@ -56,8 +56,8 @@
|
||||||
<h3>Come iniziare</h3>
|
<h3>Come iniziare</h3>
|
||||||
<p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
|
<p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>quali sono le spese annuali</li>
|
<li>quali sono le spese</li>
|
||||||
<li>una quota annuale per la manutenzione del bene</li>
|
<li>una quota per la manutenzione del bene</li>
|
||||||
<li>quanti siete che lo condividete</li>
|
<li>quanti siete che lo condividete</li>
|
||||||
<li>dei nomi/etichette per distinguere chi lo usa</li>
|
<li>dei nomi/etichette per distinguere chi lo usa</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -113,18 +113,60 @@
|
||||||
<li><a href="#conti">Conti</a></li>
|
<li><a href="#conti">Conti</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="#">Nuovo progetto</a></li>
|
<li><a href="#new">Nuovo progetto</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!--div class="ui-corner-all custom-corners">
|
</div>
|
||||||
<div class="ui-bar ui-bar-a">
|
|
||||||
<h3></h3>
|
|
||||||
</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">
|
<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>
|
||||||
</div-->
|
|
||||||
|
|
||||||
<!--label for="slider1">Input slider:</label>
|
<!--label for="slider1">Input slider:</label>
|
||||||
<input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
|
<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">
|
<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
|
||||||
|
|
@ -133,9 +175,10 @@
|
||||||
<label for="radio-choice-a1">On</label>
|
<label for="radio-choice-a1">On</label>
|
||||||
<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
|
<input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
|
||||||
<label for="radio-choice-b1">Off</label>
|
<label for="radio-choice-b1">Off</label>
|
||||||
</fieldset-->
|
</fieldset--></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="cordova.js"></script>
|
<script type="text/javascript" src="cordova.js"></script>
|
||||||
<script type="text/javascript" src="js/index.js"></script>
|
<script type="text/javascript" src="js/index.js"></script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue