dvdsvsd

hackatonApp/www/views/app/category.html

@@ -3,6 +3,10 @@
     <span>{{categoryTitle}}</span>
   </ion-nav-title>
   <ion-content>
+
+    <input type="text" placeholder="Search" ng-hide="categoryId=='settings'">
+         
+
    <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;">
@@ -14,8 +18,51 @@
           <span class="title">{{source.title}}</span>
           <p class="description">{{source.description}}</p>
         </div>
-        <i class="icon ion-arrow-right-c"></i>
+        <i ng-hide="categoryId=='shop'" class="icon ion-arrow-right-c"></i>
+        <i ng-show="categoryId=='shop'" class="icon ion-bag"></i>
+
       </a>
     </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>