feat(globalLinkList): open dialog on copy text

Author: johannesjo

app-src/scripts/dialogs/edit-global-link/edit-global-link-c.html

@@ -1,9 +1,9 @@
-<md-dialog aria-label="Edit global link"
+<md-dialog aria-label="{{vm.editOrAddStr}} global link"
            md-theme="vm.theme"
            class="edit-global-link-dialog">
   <md-toolbar>
     <div class="md-toolbar-tools">
-      <h2>Edit global link</h2>
+      <h2>{{vm.editOrAddStr}} global link</h2>
       <span flex></span>
       <md-button class="md-icon-button"
                  aria-label="Cancel"

app-src/scripts/dialogs/edit-global-link/edit-global-link-c.js

@@ -40,7 +40,7 @@
 
   <div class="controls">
     <md-button class="md-icon-button md-raised md-primary md-hue-3 edit-button"
-               ng-click="$ctrl.edit(link)">
+               ng-click="$ctrl.openEditDialog(link)">
       <ng-md-icon icon="edit"
                   aria-label="edit link"></ng-md-icon>
     </md-button>

app-src/scripts/global-link-list/global-link-list-cp.html

@@ -23,13 +23,56 @@
       };
 
       $document[0].body.ondrop = (ev) => {
-        this.handleDrag(ev);
+        this.handleDrop(ev);
       };
+
+      $document[0].onpaste = (ev) => {
+        if (ev.target.tagName !== 'INPUT' && ev.target.tagName !== 'TEXTAREA') {
+          const link = this.GlobalLinkList.createLinkFromPaste(ev);
+          this.openEditDialog(link, true);
+        }
+
+        //const log = console.log;
+        //const e = ev;
+        //log('event.clipboardData');
+        //if (e.clipboardData.types) {
+        //  log('event.clipboardData.types');
+        //
+        //  // Look for a types property that is undefined
+        //  if (!Array.isArray(e.clipboardData.types)) {
+        //    log('event.clipboardData.types is undefined');
+        //  }
+        //
+        //  // Loop the data store in type and display it
+        //  var i = 0;
+        //  while (i < e.clipboardData.types.length) {
+        //    var key = e.clipboardData.types[i];
+        //    var val = e.clipboardData.getData(key);
+        //    log((i + 1) + ': ' + key + ' - ' + val);
+        //    i++;
+        //  }
+        //
+        //} else {
+        //  // Look for access to data if types array is missing
+        //  console.log('I am here!');
+        //
+        //  var text = e.clipboardData.getData('text/plain');
+        //  var url = e.clipboardData.getData('text/uri-list');
+        //  var html = e.clipboardData.getData('text/html');
+        //  log('text/plain - ' + text);
+        //  if (url !== undefined) {
+        //    log('text/uri-list - ' + url);
+        //  }
+        //  if (html !== undefined) {
+        //    log('text/html - ' + html);
+        //  }
+        //}
+      }
     }
 
-    handleDrag(ev) {
+    handleDrop(ev) {
       const taskEl = ev.target.closest('.task');
-      const link = this.GlobalLinkList.createLink(ev);
+      const link = this.GlobalLinkList.createLinkFromDrop(ev);
 
       if (taskEl) {
         const $taskEl = angular.element(taskEl);
@@ -44,12 +87,12 @@
       this.$scope.$apply();
     }
 
-    edit(link) {
-      this.Dialogs('EDIT_GLOBAL_LINK', { link }, true);
+    openEditDialog(link, isNew) {
+      this.Dialogs('EDIT_GLOBAL_LINK', { link, isNew }, true);
     }
 
     addLink() {
-      this.edit();
+      this.openEditDialog(undefined, true);
     }
 
     remove($index) {

app-src/scripts/global-link-list/global-link-list-cp.js

@@ -38,7 +38,7 @@
       return base;
     }
 
-    createLink(ev) {
+    createLinkFromDrop(ev) {
       const text = ev.dataTransfer.getData('text');
       if (text) {
         return this.createTextLink(text);
@@ -47,6 +47,14 @@
       }
     }
 
+
+    createLinkFromPaste(ev) {
+      const text = ev.clipboardData.getData('text/plain');
+      if (text) {
+        return this.createTextLink(text);
+      }
+    }
+
     createTextLink(text) {
       if (text) {
         if (text.match(/\n/)) {