add basic quick access menu

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>

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;
+}

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>

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';
+  }
+
+})();

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);
+  }));
+});

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';