From 2871e04cc746d391ec4c2a48a29e85f0d909ab8d Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Sat, 3 Sep 2016 16:48:39 -0400
Subject: [PATCH] Add site modal stubbed out

---
 src/popup/app/vault/vaultAddSiteController.js |  6 ++++
 src/popup/app/vault/vaultController.js        | 30 ++++++++++++++++++-
 src/popup/app/vault/vaultModule.js            |  2 +-
 src/popup/app/vault/views/vault.html          |  3 ++
 src/popup/app/vault/views/vaultAddSite.html   |  9 ++++++
 src/popup/index.html                          |  1 +
 6 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 src/popup/app/vault/vaultAddSiteController.js
 create mode 100644 src/popup/app/vault/views/vaultAddSite.html

diff --git a/src/popup/app/vault/vaultAddSiteController.js b/src/popup/app/vault/vaultAddSiteController.js
new file mode 100644
index 00000000..6cdde904
--- /dev/null
+++ b/src/popup/app/vault/vaultAddSiteController.js
@@ -0,0 +1,6 @@
+angular
+    .module('bit.vault')
+
+    .controller('vaultAddSiteController', function ($scope) {
+        console.log('modal controller');
+    });
diff --git a/src/popup/app/vault/vaultController.js b/src/popup/app/vault/vaultController.js
index d48d058a..6e05133f 100644
--- a/src/popup/app/vault/vaultController.js
+++ b/src/popup/app/vault/vaultController.js
@@ -1,6 +1,34 @@
 angular
     .module('bit.vault')
 
-    .controller('vaultController', function ($scope) {
+    .controller('vaultController', function ($scope, $ionicModal) {
+        $ionicModal.fromTemplateUrl('app/vault/views/vaultAddSite.html', {
+            scope: $scope,
+            animation: 'slide-in-up'
+        }).then(function (modal) {
+            $scope.addSiteModal = modal;
+        });
 
+        $scope.addSite = function () {
+            $scope.addSiteModal.show();
+        };
+
+        $scope.closeAddSite = function () {
+            $scope.addSiteModal.hide();
+        };
+
+        // Cleanup the modal when we're done with it!
+        $scope.$on('$destroy', function () {
+            $scope.addSiteModal.remove();
+        });
+
+        // Execute action on hide modal
+        $scope.$on('modal.hidden', function () {
+            // Execute action
+        });
+
+        // Execute action on remove modal
+        $scope.$on('modal.removed', function () {
+            // Execute action
+        });
     });
diff --git a/src/popup/app/vault/vaultModule.js b/src/popup/app/vault/vaultModule.js
index f2235469..6d0be322 100644
--- a/src/popup/app/vault/vaultModule.js
+++ b/src/popup/app/vault/vaultModule.js
@@ -1,2 +1,2 @@
 angular
-    .module('bit.vault', []);
+    .module('bit.vault', ['ionic']);
diff --git a/src/popup/app/vault/views/vault.html b/src/popup/app/vault/views/vault.html
index d703621f..425bc919 100644
--- a/src/popup/app/vault/views/vault.html
+++ b/src/popup/app/vault/views/vault.html
@@ -1,4 +1,7 @@
 <ion-view view-title="My Vault">
+    <ion-nav-buttons side="secondary">
+        <button class="button button-icon icon ion-ios-plus-empty" ng-click="addSite()"></button>
+    </ion-nav-buttons>
     <ion-content class="padding">
         <p>
             Some content for your vault.
diff --git a/src/popup/app/vault/views/vaultAddSite.html b/src/popup/app/vault/views/vaultAddSite.html
new file mode 100644
index 00000000..e64f59a3
--- /dev/null
+++ b/src/popup/app/vault/views/vaultAddSite.html
@@ -0,0 +1,9 @@
+<ion-modal-view>
+    <ion-header-bar class="bar bar-header bar-positive">
+        <button class="button button-clear button-primary" ng-click="addSiteModal.hide()">Close</button>
+        <h1 class="title">Add Site</h1>
+    </ion-header-bar>
+    <ion-content class="padding" ng-controller="vaultAddSiteController">
+        Add a site content.
+    </ion-content>
+</ion-modal-view>
diff --git a/src/popup/index.html b/src/popup/index.html
index 2c814f7d..a0cc9799 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -31,6 +31,7 @@
 
     <script src="app/vault/vaultModule.js"></script>
     <script src="app/vault/vaultController.js"></script>
+    <script src="app/vault/vaultAddSiteController.js"></script>
 
     <script src="app/settings/settingsModule.js"></script>
     <script src="app/settings/settingsController.js"></script>