Adding resetSubscriptions, ReverseString

Author: SamuelMuloki

.gitignore

@@ -1,4 +1,4 @@
 dist/
 node_modules/
 test/
-./history
+.history

src/widget/MirrorStrings.ts renamed to src/MirrorStrings.ts

@@ -14,55 +14,63 @@ class MirrorStrings extends WidgetBase {
     private contextObj: mendix.lib.MxObject;
     private message: string;
     private textString: string;
+    private msg: string;
 
     postCreate() {
-        this.setupEvents();
+        console.log("Your program has executed postCreate");
     }
 
     update(object: mendix.lib.MxObject, callback?: () => void) {
         this.contextObj = object;
-        //this.resetSubscriptions();
+        this.resetSubscriptions();
         this.updateRendering();
-
         if (callback) {
             callback();
         }
     }
 
-    uninitialize(): boolean {
+    uninitialise(): boolean {
         return true;
     }
 
     private setupEvents() {
         if (this.mfToExecute !== "") {
-            //this.execMf(this.mfToExecute, this.contextObj.getGuid());
+            // this.execMf(this.mfToExecute, this.contextObj.getGuid());
         }
     }
 
     private TextInput() {
         domConstruct.create("input", {
             class: "form-control",
             type: "text",
-            value: "Place some Text Here"
+            value: "Place Some text here"
         }, this.domNode).addEventListener("mouseleave", () => {
-            this.setupEvents();
-        })
+            // this.setupEvents();
+        });
+
+        domConstruct.create("span", {
+            value: this.reverseString("sam")
+        }, this.domNode);
 
         domConstruct.create("input", {
             class: "form-control btn-default",
             type: "button",
             value: "Post"
         }, this.domNode).addEventListener("click", () => {
             this.createTag();
-        })
+        });
+    }
+
+    private reverseString(str: string) {
+        return str.split("").reverse().join("");
     }
 
     private createTag() {
         // let dataatttr = this.dataAttribute
         // let txtstr = this.textString
         mx.data.create({
             entity: this.reverseEntity,
-            callback: this.saveTag, 
+            callback: this.saveTag,
             // function (obj: mendix.lib.MxObject) {
             //     obj.set(dataatttr, txtstr)
             //     this.saveTag(obj)
@@ -90,7 +98,8 @@ class MirrorStrings extends WidgetBase {
 
     private updateRendering() {
         if (this.contextObj !== null) {
-
+            this.msg = this.contextObj.get(this.dataAttribute) as string;
+            this.TextInput();
         }
     }
 
@@ -113,11 +122,19 @@ class MirrorStrings extends WidgetBase {
             }, this);
         }
     }
-}
 
+    private resetSubscriptions() {
+        this.unsubscribeAll();
+        if (this.contextObj) {
+            this.subscribe({
+                callback: () => this.updateRendering(),
+                guid: this.contextObj.getGuid()
+            });
+        }
+    }
+}
 
-// tslint:disable : only-arrow-functions
-dojoDeclare("MirrorStrings.widget.MirrorStrings", [WidgetBase], function (Source: any) {
+dojoDeclare("widget.MirrorStrings", [WidgetBase], function (Source: any) {
     const result: any = {};
     for (const i in Source.prototype) {
         if (i !== "constructor" && Source.prototype.hasOwnProperty(i)) {

src/widget/MirrorStrings.xml renamed to src/MirrorStrings.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<widget id="MirrorStrings.widget.MirrorStrings" needsEntityContext="true" xmlns="http://www.mendix.com/widget/1.0/">
+<widget id="widget.MirrorStrings" needsEntityContext="true" xmlns="http://www.mendix.com/widget/1.0/">
     <name>MirrorStrings</name>
     <description>The description of this widget.</description>
     <icon />

src/widget/package.xml renamed to src/package.xml

@@ -3,7 +3,7 @@ var CopyWebpackPlugin = require("copy-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 module.exports = {
-    entry: "./src/widget/MirrorStrings.ts",
+    entry: "./src/MirrorStrings.ts",
     output: {
         path: __dirname + "/dist/tmp",
         filename: "src/widget/MirrorStrings.js",