Init script add, title change when drilling down, first alpha release

Author: nikitaeverywhere

README.md

@@ -1,11 +1,18 @@
-# Caché Visual Editor
+# Caché Visual Editor (alpha)
 
 A Web-based user interface for InterSystems Caché which allows to create and manage classes
 literally without touching any code.
 
+### Preview
+
+![Screenshot 1](https://cloud.githubusercontent.com/assets/4989256/13725979/c9e3a45e-e8bb-11e5-874f-28cff147f2e1.png)
+
+![Screenshot 2](https://cloud.githubusercontent.com/assets/4989256/13725996/18c163cc-e8bc-11e5-88a0-5030e934162d.png)
+
 ### Installation
 
-Find the latest release [nowhere for now] and import XML file into Caché by one of the next ways:
+Find the latest release [here](https://github.com/ZitRos/cache-visual-editor/releases) and import
+XML file into Caché by one of the next ways:
 
 1. Just drag XML file over Studio window;
 2. Go to the Management Portal -> System Explorer -> Classes -> Import and select the XML file;

import.bat

@@ -4,4 +4,4 @@
 :: CHANGE THIS PATH TO YOUR CACHÉ INSTALLATION PATH ON WINDOWS
 set CACHE_DIR=C:\Program Files\InterSystems\Cache20162
 
-gulp & echo w "OK:"_$system.OBJ.ImportDir("%~dp0build\cache",,"ck") halt | "%CACHE_DIR%\bin\cache.exe" -s "%CACHE_DIR%\mgr" -U USER
+gulp & echo w "OK:"_$system.OBJ.ImportDir("%~dp0build\cache",,"ck") halt | "%CACHE_DIR%\bin\cache.exe" -s "%CACHE_DIR%\mgr" -U SAMPLES

package.json

@@ -1,7 +1,7 @@
 {
   "name": "cache-visual-editor",
   "printableName": "Cache Visual Editor",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Visual class editor for InterSystems Caché",
   "main": "index.js",
   "keywords": [

source/cache/VisualEditor.REST.Informer.cls

@@ -6,9 +6,19 @@ XData UrlMap
 {
 <Routes>
    <Route Url="/list" Method="GET" Call="List"/>
+   <Route Url="/init" Method="GET" Call="Init"/>
 </Routes>
 }
 
+ClassMethod Init() As %Status
+{
+    set data = ##class(%ZEN.proxyObject).%New()
+    set data.namespace = $Namespace
+    do data.%ToJSON(, "o")
+    quit $$$OK
+}
+
+/// This method returns all available data about the class.
 ClassMethod GetClassData(className As %String) As %ZEN.proxyObject
 {
     set class = ##class(%Dictionary.ClassDefinition).%OpenId(className)
@@ -119,6 +129,7 @@ ClassMethod GetClassData(className As %String) As %ZEN.proxyObject
     return oClass
 }
 
+/// This method lists all the classes on the current level.
 ClassMethod List() As %Status
 {
     set baseLevel = $case(%request.Get("level"), "":"", :%request.Get("level") _ ".")

source/client/index.html

@@ -18,7 +18,7 @@
             <div class="header">
                 <div class="medium menu icon"></div>
                 <div class="medium back icon" id="backButton"></div>
-                <span class="title">Class Editor</span>
+                <span class="title" id="topTitle">Class Editor</span>
             </div>
             <div class="body" id="classBuilderBody">
 

source/client/js/classEditor/index.js

@@ -3,7 +3,8 @@ import { AutoGrid } from "../autoGrid";
 import { getCardElement } from "./card";
 
 var PATH = "",
-    INITIALIZED = false;
+    INITIALIZED = false,
+    NAMESPACE = "";
 
 let initCallbacks = [];
 
@@ -42,15 +43,21 @@ function orderData (data) {
     return sorted;
 }
 
+function setTitle (text) {
+    document.querySelector("#topTitle").textContent = text;
+}
+
 export function loadLevel (level) {
 
     PATH = level;
     grid.clear();
 
     if (PATH === "")
         backButton.style.display = "none";
+    setTitle(`${ NAMESPACE }${ PATH ? "." : "" }${ PATH }`);
 
     getList("SAMPLES", PATH, (data) => {
+        grid.clear();
         if (PATH !== "")
             backButton.style.display = "";
         data = orderData(data);
@@ -70,8 +77,9 @@ export function onInit (callback) {
     return "Duck";
 }
 
-export function init () {
+export function init (data) {
 
+    NAMESPACE = data["namespace"] || "";
     INITIALIZED = true;
     initCallbacks.forEach(cb => cb());
     initCallbacks = [];

source/client/js/index.js

@@ -1,7 +1,8 @@
 import { init } from "./classEditor";
+import { init as serverInit } from "./server";
 
 window.addEventListener("load", () => {
 
-    init();
+    serverInit(data => init(data));
 
 });

source/client/js/server.js

@@ -61,6 +61,14 @@ export function getList (namespace, level, callback) {
     );
 }
 
+/**
+ * Retrieves the basic configuration.
+ * @param {server~dataCallback} callback
+ */
+export function init (callback) {
+    load(`${ BASE_URL }/Informer/init`, null, callback);
+}
+
 /**
  * @callback server~dataCallback
  * @param {*} data - Object that contains server data.