This commit is contained in:
Lorenzo Iovino 2016-01-31 01:51:03 +01:00
parent bbc225bd17
commit 6bf83665f7
16 changed files with 113 additions and 85 deletions

View file

@ -1,4 +1,4 @@
<ion-view class="">
<ion-view class="" ng-hide="categoryId==settings'">
<ion-nav-title>
<span>{{categoryTitle}}</span>
</ion-nav-title>
@ -34,26 +34,54 @@
<img ng-src="{{cameraPic}}"/>
</div>
<div class="top-content row" ng-show="categoryId=='settings'">
</ion-content>
</ion-view>
<ion-view class="profile-view" ng-show="categoryId=='settings'">
<ion-content>
<div class="top-content row">
<div class="profile-container">
<div class="user-image-container">
<pre-img ratio="_1_1" helper-class="rounded-image">
<img class="user-image" ng-src="https://s3.amazonaws.com/uifaces/faces/twitter/brynn/128.jpg" spinner-on-load>
<img class="user-image" ng-src="{{user.picture}}" spinner-on-load>
</pre-img>
</div>
<div class="user-name">Brynn Evans</div>
<div class="user-twitter">@brynn</div>
<div class="user-name">{{user.name}} {{user.surname}}</div>
</div>
<div class="user-background-image-outer">
<div multi-bg="['https://s3.amazonaws.com/uifaces/faces/twitter/brynn/128.jpg']"></div>
<div multi-bg="['img/sfondoSettings.png']"></div>
</div>
</div>
<div class="bottom-content">
<div class="user-bio">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<div class="list">
<label class="item item-input item-floating-label">
<span class="input-label">Nome</span>
<input type="text" placeholder="Nome" value="Laura" ng-disabled="modifica">
</label>
<label class="item item-input item-floating-label">
<span class="input-label">Cognome</span>
<input type="text" placeholder="Cognome" value="Rossi" ng-disabled="modifica">
</label>
<label class="item item-input item-floating-label">
<span class="input-label">Email</span>
<input type="email" placeholder="Email" value="laura.rossi@email.it" ng-disabled="modifica">
</label>
<label class="item item-input item-floating-label">
<span class="input-label">Cellulare</span>
<input type="text" placeholder="Cellulare" value="3477608470" ng-disabled="modifica">
</label>
<label class="item item-input item-floating-label">
<span class="input-label">Password</span>
<input type="password" placeholder="Password" value="passworddifficilissima" ng-disabled="modifica">
</label>
<button class="button button-positive-right" style="float:right; border:0;" ng-click="cambiaModifica();">
<i ng-show='!modifica' class="icon ion-edit"></i>
<i ng-show='modifica' class="icon ion-checkmark-round">Salva </i>
</button>
</div>
</div>
</ion-content>
</ion-view>
gfgr

View file

@ -1,50 +0,0 @@
<ion-view class="settings-view">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-nav-title>
<span>fvvv</span>
</ion-nav-title>
<ion-content>
<ul class="list">
<div class="item item-divider">TOGGLE</div>
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-assertive">Airplane Mode</ion-toggle>
<ion-toggle ng-model="wifi" toggle-class="toggle-positive">Wi-Fi</ion-toggle>
<ion-toggle ng-model="bluetooth" toggle-class="toggle-calm">Bluetooth</ion-toggle>
<ion-toggle ng-model="personalHotspot" toggle-class="toggle-dark">Personal Hotspot</ion-toggle>
<div class="item item-divider">CHECKBOXES</div>
<ion-checkbox ng-model="checkOpt1">Option 1</ion-checkbox>
<ion-checkbox ng-model="checkOpt2">Option 2</ion-checkbox>
<ion-checkbox ng-model="checkOpt3">Option 3</ion-checkbox>
<div class="item item-divider">RADIO</div>
<ion-radio ng-model="radioChoice" ng-value="'A'">Choose A</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'B'">Choose B</ion-radio>
<ion-radio ng-model="radioChoice" ng-value="'C'">Choose C</ion-radio>
<div class="item item-divider">RANGES</div>
<div class="range">
<i class="icon ion-volume-low"></i>
<input type="range" name="volume">
<i class="icon ion-volume-high"></i>
</div>
<div class="item range range-positive">
<i class="icon ion-ios-sunny-outline"></i>
<input type="range" name="volume" min="0" max="100" value="33">
<i class="icon ion-ios-sunny"></i>
</div>
<div class="item item-divider"></div>
<button class="button button-block button-assertive" ng-click="showLogOutMenu()">
Logout
</button>
</ul>
</ion-content>
</ion-view>

View file

@ -20,13 +20,13 @@
<h2 class="greeting">Ciao {{user.name}}.</h2>
<p class="message">Bentornata!</p>
</ion-item>
<ion-item class="item-icon-left" menu-close ui-sref="app.allTickets">
<ion-item class="item-icon-left" menu-close ui-sref="app.alltickets">
<i class="icon ion-pricetags"></i>
<h2 class="menu-text">Tutti i biglietti</h2>
<h2 class="menu-text">Tutti i biglietti!</h2>
</ion-item>
<ion-item class="item-icon-left" menu-close ui-sref="app.settings">
<i class="icon ion-gear-a"></i>
<h2 class="menu-text">Impostazioni</h2>
<ion-item class="item-icon-left" menu-close ui-sref="app.allshop">
<i class="icon ion-bag"></i>
<h2 class="menu-text">I tuoi acquisti!</h2>
</ion-item>
<ion-item class="item-icon-left" menu-close ui-sref="#">
<i class="icon ion-power"></i>

View file

@ -1,4 +1,4 @@
<ion-nav-view class="auth-outer">
<div multi-bg="['img/bg-gif.gif']"></div>
<div multi-bg="['img/splashBackground.jpg']"></div>
<!-- <div multi-bg="['img/bg-img.jpg']"></div> -->
</ion-nav-view>