wallet-bar for small devices

views/includes/walletbar-mobile.html

@@ -1,5 +1,5 @@
-<div ng-controller="SidebarController" ng-init="init()">
-  <header>
+<div>
+  <header ng-show="$root.wallet">
     <h1>My wallets</h1>
   </header>
   <div class="side-nav text-center off-canvas-list" ng-show="!wallets[0]">
@@ -8,14 +8,15 @@
       <i class="m10r fi-plus"></i> {{'Create new wallet' | translate }} </a>
   </div>
   <ul class="side-nav wallets off-canvas-list" ng-show="wallets[0]">
-    <li data-ng-repeat="item in wallets track by $index"
-    class="nav-item" 
-    ng-click="switchWallet(item.id)">
+    <li 
+      ng-repeat="item in wallets track by $index"
+      ng-class="{'selected': item.id == $root.wallet.id}"
+      class="nav-item">
     <div class="col1">
       <div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
     </div>
     <div class="col2">
-      <a href class="size-12 wallet-item">
+      <a href="#!/homeWallet#{{item.id}}" class="size-12 wallet-item">
         <div class="oh">
           <div class="right size-10 type-wallet">
             [ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div>