add hotkey for traverse to parent node (#606)

* add support for select parent hotkey

* remove outward attr on unselect

Author: zeaccs

app/features/selectable.js

@@ -54,6 +54,7 @@ export function Selectable(visbug) {
     hotkeys(`${metaKey}+g,${metaKey}+shift+g`, on_group)
     hotkeys('tab,shift+tab,enter,shift+enter', on_keyboard_traversal)
     hotkeys(`${metaKey}+shift+enter`, on_select_children)
+    hotkeys(`shift+'`, on_select_parent)
   }
 
   const unlisten = () => {
@@ -106,6 +107,7 @@ export function Selectable(visbug) {
           'data-label-id':      null,
           'data-pseudo-select':         null,
           'data-measuring':     null,
+          'data-outward':       null,
       }))
 
     selected = selected.filter(node => node.getAttribute('data-label-id') !== id)
@@ -453,6 +455,7 @@ export function Selectable(visbug) {
           'data-selected-hide': null,
           'data-label-id':      null,
           'data-pseudo-select': null,
+          'data-outward':       null,
         }))
 
     $('[data-pseudo-select]').forEach(hover =>
@@ -715,6 +718,31 @@ export function Selectable(visbug) {
     }
   }
 
+  const on_select_parent = (e, {key}) => {
+    const targets = selected.reduce((parents, node) => {
+      const parent_element = node.parentElement;
+
+      if (parent_element.hasAttribute('data-outward'))
+        return parents
+
+      parent_element.setAttribute('data-outward', true)
+      parents.push(parent_element)
+
+      return parents
+    }, [])
+
+    if (targets.length) {
+      e.preventDefault()
+      e.stopPropagation()
+
+      targets.forEach(node => {
+        if (node && node !== document.body) {
+          select(node)
+        }
+      })
+    }
+  }
+
   watchImagesForUpload()
   listen()