# HG changeset patch
# User cin
# Date 2021-05-02 21:14:29
# Node ID f2499237b5bf0ac2d73a8e437b8f15fa8a6306a5
# Parent  1661e3ab870cb904832b0dcc1077659e41ef1952

DjxWidgetBase: implemented copying content from srcNode to contentNode

diff --git a/package.json b/package.json
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     ],
     "author": "Implab team",
     "license": "BSD-2-Clause",
-    "repository": "https://hg.code.sf.net/p/implabjs/djx",
+    "repository": "https://code.implab.org/implab/implabjs-djx",
     "publishConfig": {
         "access": "public"
     },
diff --git a/src/main/ts/tsx/DjxWidgetBase.ts b/src/main/ts/tsx/DjxWidgetBase.ts
--- a/src/main/ts/tsx/DjxWidgetBase.ts
+++ b/src/main/ts/tsx/DjxWidgetBase.ts
@@ -21,7 +21,7 @@ export interface DjxWidgetBase<Attrs = a
 
     on<K extends keyof Events & string>(eventName: K, cb: (evt: Events[K]) => void): dojo.WatchHandle;
 
-    emit<K extends keyof Events & string>(eventName: K, evt: Omit<Events[K], keyof Event> & EventArgs ): void;
+    emit<K extends keyof Events & string>(eventName: K, evt: Omit<Events[K], keyof Event> & EventArgs): void;
 }
 
 @djclass
@@ -30,6 +30,16 @@ export abstract class DjxWidgetBase<Attr
     buildRendering() {
         this.domNode = this.render().getDomNode();
         super.buildRendering();
+
+        // now we should get assigned data-dojo-attach-points
+        // place the contents of the original srcNode to the containerNode
+        const src = this.srcNodeRef;
+        const dest = this.containerNode;
+
+        if (src && dest) {
+            while (src.firstChild)
+                dest.appendChild(src.firstChild);
+        }
     }
 
     abstract render(): BuildContext<HTMLElement>;
@@ -68,7 +78,8 @@ export abstract class DjxWidgetBase<Attr
     }
 
     /** Starts current widget and all its supporting widgets (placed outside
-     * `containerNode`) and child widgets (placed inside `containerNode`)*/
+     * `containerNode`) and child widgets (placed inside `containerNode`)
+     */
     startup() {
         // startup supporting widgets
         startupWidgets(this.domNode, this.containerNode);
diff --git a/src/test/ts/view/MyWidget.tsx b/src/test/ts/view/MyWidget.tsx
--- a/src/test/ts/view/MyWidget.tsx
+++ b/src/test/ts/view/MyWidget.tsx
@@ -27,7 +27,7 @@ export class MyWidget extends djbase(Djx
 
     render() {
         const Frame = (props: any) => <div>{props.children}</div>;
-        return <div className="myWidget" tabIndex={3} style={{ alignContent: "center", border: "1px solid" }} >
+        return <div className="myWidget" onsubmit={e => this._onSubmit(e)} tabIndex={3} style={{ alignContent: "center", border: "1px solid" }} >
             <h1 data-dojo-attach-point="titleNode"></h1>
             <Frame>
                 <span class="up-button" onclick={e => this._onIncClick(e)}>[+]</span>
@@ -36,6 +36,10 @@ export class MyWidget extends djbase(Djx
         </div>;
     }
 
+    _onSubmit(e: Event) {
+
+    }
+
     _onIncClick(e: MouseEvent) {
         this.emit("count-inc", { bubbles: false });
     }