doc page ready?

Author: Asergey91

app/components/documentation.hbs

@@ -1,7 +1,7 @@
 <div class="pure-g">
     <div class="pure-u-1-5">
         <div class='sw-docs-menu'>
-            <MenuItems @docTree={{@docTree}} @level={{0}}/>
+            <MenuItems @docTree={{@docTree}} @level={{0}} @clickHandler={{this.changeDoc}}/>
         </div>
     </div>
     <div class="pure-u-4-5">

app/components/menu-items.hbs

@@ -1,8 +1,10 @@
 {{#each @docTree as |leaf|}}
-  {{#if (fn this.isArray leaf.value)}}
-    {{this.whitespace}}{{leaf.name}}<br>
-    <MenuItems @docTree={{leaf.value}} @level={{this.nextLevel}}/>
-  {{else}}
-    {{this.whitespace}}<button type="button">{{leaf.name}}</button>
+  {{#if leaf.value}}
+    {{#if leaf.link}}
+      {{this.whitespace}}<button type="button" {{on "click" (fn @clickHandler leaf.value)}}>{{leaf.name}}</button><br>
+    {{else}}
+      {{this.whitespace}}{{leaf.name}}<br>
+    {{/if}}
+    <MenuItems @docTree={{leaf.value}} @level={{this.nextLevel}} @clickHandler={{@clickHandler}}/>
   {{/if}}
 {{/each}}

app/components/menu-items.js

@@ -18,11 +18,7 @@ export default class MenuItemsComponent extends Component {
   nextLevel=this.args.level+1;
 
   @action
-  isArray(variable){
-    debugger;
-    if(typeof(variable)=='array'){
-      return true;
-    }
-    return false;
+  clickHandler(url){
+
   }
 }

app/controllers/docs.js

@@ -3,14 +3,14 @@ import Controller from '@ember/controller';
 export default class DocsController extends Controller {
 
   docTree=[
-    {"name": "Documentation", "value":[
-      {"name": "Essentials", "value":[
-        {"name": "Mu-project", "value":"https://raw.githubusercontent.com/mu-semtech/mu-project/master/README.md"},
-        {"name": "Mu-javascript-template", "value":"https://raw.githubusercontent.com/mu-semtech/mu-javascript-template/master/README.md"},
-        {"name": "Mu-dispatcher", "value":"https://raw.githubusercontent.com/mu-semtech/mu-dispatcher/master/README.md"}
+    {"name": "Documentation", "link": false, "value":[
+      {"name": "Essentials", "link": false, "value":[
+        {"name": "Mu-project", "value":"https://raw.githubusercontent.com/mu-semtech/mu-project/master/README.md", "link": true},
+        {"name": "Mu-javascript-template", "value":"https://raw.githubusercontent.com/mu-semtech/mu-javascript-template/master/README.md", "link": true},
+        {"name": "Mu-dispatcher", "value":"https://raw.githubusercontent.com/mu-semtech/mu-dispatcher/master/README.md", "link": true}
       ]},
-      {"name": "Micro-services", "value":[
-        {"name": "Mu-Authorization", "value":"https://raw.githubusercontent.com/mu-semtech/mu-authorization/master/README.md"}
+      {"name": "Micro-services", "link": false, "value":[
+        {"name": "Mu-Authorization", "value":"https://raw.githubusercontent.com/mu-semtech/mu-authorization/master/README.md", "link": true}
       ]}
     ]}
   ];