gfdg
This commit is contained in:
parent
5c54b5b624
commit
ad4fcb65d3
1 changed files with 18 additions and 37 deletions
|
|
@ -34,45 +34,26 @@
|
||||||
<img ng-src="{{cameraPic}}"/>
|
<img ng-src="{{cameraPic}}"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="list" ng-show="categoryId=='settings'">
|
|
||||||
|
|
||||||
<div class="item item-divider">TOGGLE</div>
|
|
||||||
|
|
||||||
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-assertive">Airplane Mode</ion-toggle>
|
<div class="top-content row" ng-show="categoryId=='settings'">
|
||||||
<ion-toggle ng-model="wifi" toggle-class="toggle-positive">Wi-Fi</ion-toggle>
|
<div class="profile-container">
|
||||||
<ion-toggle ng-model="bluetooth" toggle-class="toggle-calm">Bluetooth</ion-toggle>
|
<div class="user-image-container">
|
||||||
<ion-toggle ng-model="personalHotspot" toggle-class="toggle-dark">Personal Hotspot</ion-toggle>
|
<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>
|
||||||
<div class="item item-divider">CHECKBOXES</div>
|
</pre-img>
|
||||||
|
</div>
|
||||||
<ion-checkbox ng-model="checkOpt1">Option 1</ion-checkbox>
|
<div class="user-name">Brynn Evans</div>
|
||||||
<ion-checkbox ng-model="checkOpt2">Option 2</ion-checkbox>
|
<div class="user-twitter">@brynn</div>
|
||||||
<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>
|
||||||
<div class="item range range-positive">
|
<div class="user-background-image-outer">
|
||||||
<i class="icon ion-ios-sunny-outline"></i>
|
<div multi-bg="['https://s3.amazonaws.com/uifaces/faces/twitter/brynn/128.jpg']"></div>
|
||||||
<input type="range" name="volume" min="0" max="100" value="33">
|
|
||||||
<i class="icon ion-ios-sunny"></i>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="item item-divider"></div>
|
<div class="bottom-content">
|
||||||
|
<div class="user-bio">
|
||||||
<button class="button button-block button-assertive" ng-click="showLogOutMenu()">
|
<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>
|
||||||
Logout
|
</div>
|
||||||
</button>
|
</div>
|
||||||
</ul>
|
|
||||||
</ion-content>
|
</ion-content>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue