more readable dual_link_to component

app/components/breadcrumb/index.hbs

@@ -2,19 +2,10 @@
    <ol class="breadcrumb">
     {{#each this.nodes as |node|}}
       <li class="breadcrumb-item">
-        {{#if (is_equal @hint "left")}}
-          {{#if (is_equal node.nodeType "document") }}
-            <Document::LinkToLeft @node={{node}} />
-          {{else}}
-            <Folder::LinkToLeft
+        <DualLinkTo
           @node={{node}}
-              @extranode={{@extranode}} />
-          {{/if}}
-        {{else}}
-          <Folder::LinkToRight
-            @node={{@extranode}}
-            @extranode={{node}} />
-        {{/if}}
+          @extranode={{@extranode}}
+          @hint={{@hint}} />
       </li>
     {{/each}}
   </ol>

app/components/commander/index.hbs

@@ -44,21 +44,10 @@
           @model={{node}}
           @selectedNodes={{this.selected_nodes}}
           @onCheckboxChange={{this.onCheckboxChange}} >
-          {{#if (is_equal @hint "left")}}
-            {{#if (is_equal node.nodeType "folder")}}
-              <Folder::LinkToLeft
+            <DualLinkTo
               @node={{node}}
-                @extranode={{@extranode}} />
-            {{else}}
-              <Document::LinkToLeft
-                @node={{node}}
-                @extranode={{@extranode}} />
-            {{/if}}
-          {{else}}
-            <Folder::LinkToRight
-              @node={{@extranode}}
-              @extranode={{node}} />
-          {{/if}}
+              @extranode={{@extranode}}
+              @hint={{@hint}} />
         </NodeType>
       {{/let}}
     {{/each}}

app/components/dual_link_to.hbs

+<LinkTo
+  @route={{this.route}}
+  @model={{this.model.id}}
+  @query={{this.query}}>
+    {{this.title}}
+</LinkTo>

app/components/dual_link_to.js

+import Component from '@glimmer/component';
+
+
+export default class DualLinkToComponent extends Component {
+
+  get route() {
+    let node,
+      hint;
+
+    hint = this.args.hint;
+    node = this.args.node;
+    if (hint == 'left') {
+      if (node && node.get('nodeType') === 'document') {
+        return 'authenticated.document';
+      }
+
+      if (node && node.get('nodeType') === 'folder') {
+        return 'authenticated.nodes';
+      }
+    }
+
+    return 'authenticated.nodes';
+  }
+
+  get model() {
+    if (this.args.hint == 'left') {
+      return this.args.node;
+    }
+
+    return this.args.extranode;
+  }
+
+  get title() {
+    return this.args.node.get('title');
+  }
+
+  get query() {
+    let node,
+      extranode,
+      hint;
+
+    node = this.args.node;
+    extranode = this.args.extranode;
+    hint = this.args.hint;
+
+    if ((hint === 'left') && extranode) {
+      return {
+        'extranode_id': extranode.get('id')
+      };
+    }
+
+    if (hint === 'right' && node) {
+      return {
+        'extranode_id': node.get('id')
+      }
+    }
+
+    return {};
+  } // end of query
+
+} // end of DualLinkToComponent

app/templates/authenticated/viewer.hbs

@@ -9,7 +9,7 @@
   {{#if this.dualpanel_mode}}
     <Commander
       @node={{this.extranode}}
-      @extranode={{this.mainnode}}
+      @extradoc={{@model}}
       @onPanelToggle={{this.onPanelToggle}}
       @dualPanelMode={{this.dualpanel_mode}}
       @hint="right" />