From f864d909f0e7325480357083ab660f8e291be5cb Mon Sep 17 00:00:00 2001
From: orweinberger <orweinberger@gmail.com>
Date: Fri, 13 Mar 2015 02:25:17 +0200
Subject: [PATCH] Progress

---
 www/css/style.css              |  5 ++++
 www/js/controllers.js          | 42 ++++++++++++++++++++++++++++++++--
 www/templates/tab-pockets.html |  6 ++++-
 3 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index 58b3b73..3e26274 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -48,7 +48,12 @@
 .btn-addpocket {
   background-color: #dd4b39;
   border-color: #d43f3a;
+}
 
+.btn-rootinfo {
+  background-color:#ecf0f1;
+  border-color:#f2f2f2;
+  color:#222;
 }
 
 .btn-addpocket:hover, .btn-addpocket:focus, .btn-addpocket:active {
diff --git a/www/js/controllers.js b/www/js/controllers.js
index 8ba66a9..27b2f5b 100644
--- a/www/js/controllers.js
+++ b/www/js/controllers.js
@@ -124,6 +124,29 @@ angular.module('starter.controllers', [])
       else
         $state.go('tab.pocket-details', {pocketName: pocketName});
     };
+    $scope.pocketHold = function(pocketName) {
+      var myPopup = $ionicPopup.alert({
+        template: "<div>Delete?</div>",
+        scope: $scope,
+        buttons: [
+          {text: 'Cancel'},
+          {
+            text: '<b>Delete</b>',
+            type: 'button-positive',
+            onTap: function() {
+              return true
+            }
+          }
+        ]
+      });
+      myPopup.then(function(res) {
+        if (res) {
+          engine.pockets.delete({name: pocketName}).then(function() {
+
+          });
+        }
+      });
+    };
     $scope.addPocket = function () {
       $scope.newpocket = {};
       var myPopup = $ionicPopup.show({
@@ -186,10 +209,25 @@ angular.module('starter.controllers', [])
             throw err;
         });
       });
-    }
+    };
+    $scope.rootInfo = function () {
+      var myPopup = $ionicPopup.show({
+        template: '<div>QR</div>',
+        title: 'Info',
+        scope: $scope,
+        buttons: [
+          {
+            text: '<b>OK</b>',
+            type: 'button-positive'
+          }
+        ]
+      });
+      myPopup.then(function (res) {
+
+      });
+    };
   })
   .controller('pocketDetailsCtrl', function ($scope, $state, $stateParams) {
-    $
 
   })
   .controller('DashCtrl', function ($scope) {
diff --git a/www/templates/tab-pockets.html b/www/templates/tab-pockets.html
index 79db1a4..c541ecf 100644
--- a/www/templates/tab-pockets.html
+++ b/www/templates/tab-pockets.html
@@ -1,7 +1,7 @@
 <ion-view view-title="My pockets">
   <ion-content>
     <div class="pocket-content">
-      <div ng-repeat="(key, value) in pockets.pockets"
+      <div on-hold="pocketHold('{{value.name}}')" ng-repeat="(key, value) in pockets.pockets"
            style="background-color:{{value.color}};width:100%;height:{{value.hard_ratio*100}}%; position:relative;"
            ng-click="selectPocket('{{value.name}}', '{{value.pockets}}')">
         <div class="pocket-title" style="background-color:{{value.color}}">
@@ -14,6 +14,10 @@
       </div>
     </div>
   </ion-content>
+  <div style="position:absolute;top:50px; right: 8px;">
+    <button type="button" ng-click="rootInfo()" class="btn btn-primary btn-rootinfo btn-circle btn-lg"><i
+      class="fa fa-info"></i></button>
+  </div>
   <div style="position:absolute;bottom:8px; right: 8px;">
     <button type="button" ng-click="addPocket()" class="btn btn-primary btn-addpocket btn-circle btn-lg"><i
       class="fa fa-plus"></i></button>