78 lines
3 KiB
HTML
78 lines
3 KiB
HTML
<ion-view class="">
|
|
<ion-nav-title>
|
|
<span>{{categoryTitle}}</span>
|
|
</ion-nav-title>
|
|
<ion-content>
|
|
|
|
<input type="text" placeholder="Search" ng-hide="categoryId=='settings'" ng-hide="categoryId=='addticketwithphoto'">
|
|
|
|
|
|
<div class="list category-homes">
|
|
<a ng-repeat="source in category_sources" class="item item-icon-right" ui-sref="app.category-entries({categoryId: categoryId, sourceId: (source.title | slugify)})">
|
|
<div class="thumbnail-outer" style="height:80px;">
|
|
<pre-img ratio="_1_1" helper-class="">
|
|
<img class="" ng-src="{{source.image}}" spinner-on-load>
|
|
</pre-img>
|
|
</div>
|
|
<div>
|
|
<span class="title">{{source.title}}</span>
|
|
<p class="description">{{source.description}}</p>
|
|
</div>
|
|
<i ng-hide="categoryId=='shop'" class="icon ion-arrow-right-c"></i>
|
|
<i ng-show="categoryId=='shop'" class="icon ion-bag"></i>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<div class="form-group padding-top" ng-show="categoryId=='addticketwithphoto'">
|
|
<button class='button button-positive' data-ng-click="takePicture()">
|
|
{{text.buttonTitle}}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="item item-image" ng-show="categoryId=='addticketwithphoto'">
|
|
<img ng-src="{{cameraPic}}"/>
|
|
</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>
|
|
<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>
|