From 8d0d495d33b2ffa73799841c99aa2e0dfa4507ff Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sat, 28 Jan 2017 03:26:10 +0100
Subject: [PATCH] add basic quick access menu

---
 app/index.html                                |  3 +-
 .../_quick-access-menu-d.scss                 |  6 ++++
 .../quick-access-menu-d.html                  | 21 ++++++++++++
 .../quick-access-menu/quick-access-menu-d.js  | 33 +++++++++++++++++++
 .../quick-access-menu-d.spec.js               | 21 ++++++++++++
 app/styles/main.scss                          |  2 ++
 6 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 app/scripts/quick-access-menu/_quick-access-menu-d.scss
 create mode 100644 app/scripts/quick-access-menu/quick-access-menu-d.html
 create mode 100644 app/scripts/quick-access-menu/quick-access-menu-d.js
 create mode 100644 app/scripts/quick-access-menu/quick-access-menu-d.spec.js

diff --git a/app/index.html b/app/index.html
index b488c94803..090a21c4c4 100644
--- a/app/index.html
+++ b/app/index.html
@@ -58,7 +58,7 @@ TODO configure more restrictive Content-Security-Policy
   <div class="ui-view-container">
     <main ui-view></main>
   </div>
-  <distraction-panel distractions="r.distractions"></distraction-panel>
+  <quick-access-menu></quick-access-menu>
 </md-content>
 
 
@@ -154,6 +154,7 @@ TODO configure more restrictive Content-Security-Policy
 <script src="scripts/main/global-services/tasks-util-f.js"></script>
 <script src="scripts/main/global-services/uid-s.js"></script>
 <script src="scripts/main-header/main-header-d.js"></script>
+<script src="scripts/quick-access-menu/quick-access-menu-d.js"></script>
 <script src="scripts/routes.js"></script>
 <script src="scripts/routes/settings/settings-c.js"></script>
 <script src="scripts/sub-task-list/sub-task-list-d.js"></script>
diff --git a/app/scripts/quick-access-menu/_quick-access-menu-d.scss b/app/scripts/quick-access-menu/_quick-access-menu-d.scss
new file mode 100644
index 0000000000..d851d0313c
--- /dev/null
+++ b/app/scripts/quick-access-menu/_quick-access-menu-d.scss
@@ -0,0 +1,6 @@
+quick-access-menu {
+  position: fixed;
+  z-index: 20;
+  right: 0;
+  bottom: 0;
+}
\ No newline at end of file
diff --git a/app/scripts/quick-access-menu/quick-access-menu-d.html b/app/scripts/quick-access-menu/quick-access-menu-d.html
new file mode 100644
index 0000000000..112949fa5a
--- /dev/null
+++ b/app/scripts/quick-access-menu/quick-access-menu-d.html
@@ -0,0 +1,21 @@
+<md-fab-speed-dial md-open="vm.isOpen"
+                   md-direction="up"
+                   ng-class="vm.selectedMode">
+  <md-fab-trigger>
+    <md-button aria-label="menu"
+               class="md-fab md-accent">
+      <ng-md-icon icon="redeem"></ng-md-icon>
+    </md-button>
+  </md-fab-trigger>
+
+  <md-fab-actions>
+    <md-button aria-label="Twitter"
+               class="md-fab md-raised md-mini">
+      <ng-md-icon icon="speaker_notes"></ng-md-icon>
+    </md-button>
+    <md-button aria-label="Facebook"
+               class="md-fab md-raised md-mini">
+      <ng-md-icon icon="flash_on"></ng-md-icon>
+    </md-button>
+  </md-fab-actions>
+</md-fab-speed-dial>
\ No newline at end of file
diff --git a/app/scripts/quick-access-menu/quick-access-menu-d.js b/app/scripts/quick-access-menu/quick-access-menu-d.js
new file mode 100644
index 0000000000..46e76f993d
--- /dev/null
+++ b/app/scripts/quick-access-menu/quick-access-menu-d.js
@@ -0,0 +1,33 @@
+/**
+ * @ngdoc directive
+ * @name superProductivity.directive:quickAccessMenu
+ * @description
+ * # quickAccessMenu
+ */
+
+(function () {
+  'use strict';
+
+  angular
+    .module('superProductivity')
+    .directive('quickAccessMenu', quickAccessMenu);
+
+  /* @ngInject */
+  function quickAccessMenu() {
+    return {
+      templateUrl: 'scripts/quick-access-menu/quick-access-menu-d.html',
+      bindToController: true,
+      controller: QuickAccessMenuCtrl,
+      controllerAs: 'vm',
+      restrict: 'E',
+      scope: true
+    };
+  }
+
+  /* @ngInject */
+  function QuickAccessMenuCtrl() {
+    this.isOpen = false;
+    this.selectedMode = 'md-fling';
+  }
+
+})();
diff --git a/app/scripts/quick-access-menu/quick-access-menu-d.spec.js b/app/scripts/quick-access-menu/quick-access-menu-d.spec.js
new file mode 100644
index 0000000000..434f610fde
--- /dev/null
+++ b/app/scripts/quick-access-menu/quick-access-menu-d.spec.js
@@ -0,0 +1,21 @@
+'use strict';
+
+describe('Directive: quickAccessMenu', function () {
+
+  // load the directive's module
+  beforeEach(module('superProductivity'));
+  beforeEach(module('templates'));
+
+  var element,
+    scope;
+
+  beforeEach(inject(function ($rootScope) {
+    scope = $rootScope.$new();
+  }));
+
+  it('should do something', inject(function ($compile) {
+    element = $compile('<quick-access-menu></quick-access-menu>')(scope);
+    scope.$digest();
+    expect(true).toBe(true);
+  }));
+});
\ No newline at end of file
diff --git a/app/styles/main.scss b/app/styles/main.scss
index 2b5e545969..7450c2f434 100644
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -85,6 +85,8 @@ IMPORTANT NOTE:
 
 @import '../scripts/main-header/_main-header-d.scss';
 
+@import '../scripts/quick-access-menu/_quick-access-menu-d.scss';
+
 @import '../scripts/routes/settings/_settings-c.scss';
 
 @import '../scripts/sub-task-list/_sub-task-list-d.scss';