code editor next

support/client/lib/vwf/view/editor-new.js

@@ -376,9 +376,8 @@ define([
                             $components: [
                                 {
                                     $cell: true,
-                                    $type: "a",
-                                    class: "mdc-list-item",
-                                    $href: "#",
+                                    $type: "button",
+                                    class: "mdc-list-item mdc-button mdc-button--raised",
                                     $text: "<--",
                                     onclick: function (e) {
                                         let node = self.nodes[this._currentNode];
@@ -423,7 +422,7 @@ define([
                                                         {
                                                             $cell: true,
                                                             $type: "button",
-                                                            class: "mdc-button mdc-button--compact",
+                                                            class: "mdc-button mdc-button--raised",
                                                             $text: "Open in code editor",
                                                             onclick: function (e) {
                                                                 var currentNode = document.querySelector('#currentNode')._currentNode;
@@ -572,33 +571,11 @@ define([
                                     ]
                                 },
 
-                                {
-                                    $cell: true,
-                                    $type: "div",
-                                    class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-4",
-                                    $components: [  
-                                {
-                                    $cell: true,
-                                    $type: "button",
-                                    class: "mdc-button mdc-button--raised",
-                                    $text: "Call",
-                                    onclick: function (e) {
-                                        let params = [];
-                                        if (this._method.parameters) {
-                                            params = this._method.parameters.length
-                                        };
-                                        if (params >= 1) {}
-
-                                        self.kernel.callMethod(this._editorNode, this._methodName, this._method.parameters);
-
-                                    }
-        
-                                }]
-                            },
+                               
                             {
                                 $cell: true,
                                 $type: "div",
-                                class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-5",
+                                class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-2",
                                 $components: [  
                             {
                                 $cell: true,
@@ -613,8 +590,65 @@ define([
                                 }
     
                             }]
+                        },
+                        {
+                            $cell: true,
+                            $type: "div",
+                            class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-2",
+                            $components: [  
+                        {
+                            $cell: true,
+                            $type: "button",
+                            class: "mdc-button mdc-button--raised",
+                            $text: "Call",
+                            onclick: function (e) {
+                                let params = [];
+                                if (this._method.parameters) {
+                                    params = this._method.parameters.length
+                                };
+                                if (params >= 1) {}
+
+                                self.kernel.callMethod(this._editorNode, this._methodName, this._method.parameters);
+
+                            }
+
+                        }]
+                    },
+                        {
+                            $cell: true,
+                            $type: "div",
+                            class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-2",
+                            $components: [  
+                        {
+                            $cell: true,
+                            $type: "button",
+                            class: "mdc-button mdc-button--raised",
+                            $text: "Do It",
+                            onclick: function (e) {
+                                let editor = document.querySelector("#aceEditor").env.editor;
+                                codeEditorDoit.call(self, editor, this._editorNode);
+                            }
+
+                        }]
+                    },
+                    {
+                        $cell: true,
+                        $type: "div",
+                        class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-3",
+                        $components: [  
+                    {
+                        $cell: true,
+                        $type: "button",
+                        class: "mdc-button mdc-button--raised",
+                        $text: "Print It",
+                        onclick: function (e) {
+                            let editor = document.querySelector("#aceEditor").env.editor;
+                            codeEditorPrintit.call(self, editor, this._editorNode);
                         }
 
+                    }]
+                }
+
                             ]
                         },
                         {
@@ -832,33 +866,37 @@ define([
                                         $cell: true,
                                         $type: "i",
                                         class: "material-icons mdc-list-item__start-detail",
-                                        $text: "inbox"
+                                        $text: "description"
                                     },
                                     {
-                                        $text: "Scene "
+                                        $text: "Scene"
                                     }
                                     ]
 
                                 },
+                               
                                 {
                                     $cell: true,
                                     $type: "a",
                                     class: "mdc-list-item mdc-persistent-drawer--selected",
                                     $href: "#",
                                     onclick: function (e) {
-                                        //self.currentNodeID = m.ID;
-
-                                        document.querySelector('#clientsList')._setClientNodes(self.nodes["http://vwf.example.com/clients.vwf"]);
-                                        document.querySelector('#clientsWindow').style.visibility = 'visible';
+                                        // var currentNode = document.querySelector('#currentNode')._currentNode;
+                                        // if (currentNode == '') {
+                                        //     currentNode = vwf_view.kernel.find("", "/")[0];
+                                        // }
+                                        document.querySelector('#liveCodeEditor')._setNode(vwf_view.kernel.find("", "/")[0]);
+                                        //createAceEditor(self, currentNode);
+                                        document.querySelector('#codeEditorWindow').style.visibility = 'visible';
                                     },
                                     $components: [{
                                         $type: "i",
                                         class: "material-icons mdc-list-item__start-detail",
                                         'aria-hidden': "true",
-                                        $text: "star"
+                                        $text: "code"
                                     },
                                     {
-                                        $text: "Clients "
+                                        $text: "Code editor"
                                     }]
 
                                 },
@@ -868,22 +906,19 @@ define([
                                     class: "mdc-list-item mdc-persistent-drawer--selected",
                                     $href: "#",
                                     onclick: function (e) {
-                                        // var currentNode = document.querySelector('#currentNode')._currentNode;
-                                        // if (currentNode == '') {
-                                        //     currentNode = vwf_view.kernel.find("", "/")[0];
-                                        // }
-                                        document.querySelector('#liveCodeEditor')._setNode(vwf_view.kernel.find("", "/")[0]);
-                                        //createAceEditor(self, currentNode);
-                                        document.querySelector('#codeEditorWindow').style.visibility = 'visible';
+                                        //self.currentNodeID = m.ID;
+
+                                        document.querySelector('#clientsList')._setClientNodes(self.nodes["http://vwf.example.com/clients.vwf"]);
+                                        document.querySelector('#clientsWindow').style.visibility = 'visible';
                                     },
                                     $components: [{
                                         $type: "i",
                                         class: "material-icons mdc-list-item__start-detail",
                                         'aria-hidden': "true",
-                                        $text: "folder"
+                                        $text: "people"
                                     },
                                     {
-                                        $text: "Code editor "
+                                        $text: "Users"
                                     }]
 
                                 }