diff --git a/ccm-cms-tinymce/src/main/resources/scripts/ccm-cms/tinymce/plugins/insertmedia.js b/ccm-cms-tinymce/src/main/resources/scripts/ccm-cms/tinymce/plugins/insertmedia.js
index 4d98b93f3..37d550a17 100644
--- a/ccm-cms-tinymce/src/main/resources/scripts/ccm-cms/tinymce/plugins/insertmedia.js
+++ b/ccm-cms-tinymce/src/main/resources/scripts/ccm-cms/tinymce/plugins/insertmedia.js
@@ -30,18 +30,88 @@ function openDialog(editor) {
console.log("Opening dialog");
- editor.windowManager.open(
- {
- body: [
- {
- label: "Search term",
- name: "searchterm",
- type: "textbox"
- },
- ],
- onsubmit: function(event) {
-
+ editor.windowManager.open({
+ body: [
+ {
+ items: [
+ {
+ label: "Search term",
+ name: "searchterm",
+ onPostRender: function() {
+ this.getEl().value = "Hello there";
+ },
+ type: "textbox",
+ },
+ {
+ html: `
`,
+ onClick: function(event) {
+ alert(`${event.target.id} clicked.`);
+ },
+ type: "container",
+ }
+ ],
+ name: "insertmedia_dialog_container",
+ type: "container",
},
- title: "Insert media",
+ ],
+ onsubmit: function(event) {
+
+ },
+ // onPostRender: function(event) {
+ // console.log(`this = ${this}`);
+ // console.log(`this.getEl = ${this.getEl}`);
+ // this.getEl("searchterm").value = "Hello there";
+ // },
+ title: "Insert media",
});
+
+ console.log("Dialog opened.");
+ // const dialog = editor.windowManager.open(
+ // body: [
+ // {
+ // items: [
+ // {
+ // label: "Search term",
+ // name: "searchterm",
+ // type: "textbox",
+ // },
+ // ],
+ // name: "insertmedia_dialog_container",
+ // type: "container",
+ // },
+ // ],
+ // onsubmit: function(event) {
+ //
+ // },
+ // onPostRender: function() {
+ // this.getEl("searchterm").value = "Hello there";
+ // },
+ // title: "Insert media",
+ // );
+
+ // console.log("Dialog opened.");
+
+ // dialog.add(
+ // [
+ // {
+ // label: "Group",
+ // name: "group",
+ // type: "textbox",
+ // },
+ // ],
+ // );
+ //
+ // console.log("Element added");
+
+ // dialog.insert([
+ // {
+ // label: "Group",
+ // name: "group",
+ // type: "textbox",
+ // },
+ // ],
+ // dialog.items().length,
+ // false);
+ //
+ // console.log("element inserted");
}
diff --git a/ccm-cms-tinymce/src/main/typescript.off/ccm-cms/ccm-cms-tinymce.ts b/ccm-cms-tinymce/src/main/typescript.off/ccm-cms/ccm-cms-tinymce.ts
index a4a617398..1fdbc60ae 100644
--- a/ccm-cms-tinymce/src/main/typescript.off/ccm-cms/ccm-cms-tinymce.ts
+++ b/ccm-cms-tinymce/src/main/typescript.off/ccm-cms/ccm-cms-tinymce.ts
@@ -10,7 +10,7 @@ tinymce.PluginManager.add("ccm-cms-insertmedia",
text: "Insert media",
icon: false,
onclick: function() {
- openDialog(editor);
+ const dialog = openDialog(editor);
}
}
);