diff --git a/ccm-bundle-devel-wildfly-web/webpack.config.js b/ccm-bundle-devel-wildfly-web/webpack.config.js index d1a4bf59f..d639aed2a 100644 --- a/ccm-bundle-devel-wildfly-web/webpack.config.js +++ b/ccm-bundle-devel-wildfly-web/webpack.config.js @@ -8,7 +8,7 @@ module.exports = { ccmcms: "./src/main/typescript/ccm-cms.ts" }, - mode: "production", + mode: "development", output: { //path: path.resolve(__dirname, "src/main/resources/dist"), diff --git a/ccm-pagemodelseditor/src/main/typescript/ccm-pagemodelseditor/PageModelsEditor.tsx b/ccm-pagemodelseditor/src/main/typescript/ccm-pagemodelseditor/PageModelsEditor.tsx index 21e3c62dd..edbebbddd 100644 --- a/ccm-pagemodelseditor/src/main/typescript/ccm-pagemodelseditor/PageModelsEditor.tsx +++ b/ccm-pagemodelseditor/src/main/typescript/ccm-pagemodelseditor/PageModelsEditor.tsx @@ -1153,7 +1153,9 @@ interface ComponentModelEditorProps { class ComponentModelEditor extends React.Component { - private static editorComponents: {[type: string]: EditorComponents} = {}; + private static editorComponents: Map + = new Map(); + //{[type: string]: EditorComponents} = {}; // private propertiesListComponents: {[type: string]: typeof React.Component}; // private editorDialogComponents: {[type: string]: typeof React.Component}; @@ -1169,10 +1171,12 @@ class ComponentModelEditor public static registerEditorComponents(type: string, components: EditorComponents) { - ComponentModelEditor.editorComponents = { - ...ComponentModelEditor.editorComponents, - type: components, - }; + ComponentModelEditor.editorComponents.set(type, components); + + // ComponentModelEditor.editorComponents = { + // ...ComponentModelEditor.editorComponents, + // type: components, + // }; // this.propertiesListComponents = { // ...this.propertiesListComponents, @@ -1188,11 +1192,12 @@ class ComponentModelEditor public render(): React.ReactNode { const components: EditorComponents - = ComponentModelEditor.editorComponents[this.props.component.type]; + = this.getEditorComponents(this.props.component.type); + //= ComponentModelEditor.editorComponents[this.props.component.type]; const PropertiesList: typeof React.Component = components.propertiesList; const EditorDialog: typeof React.Component - = components.propertiesList; + = components.editorDialog; return
  • @@ -1208,8 +1213,9 @@ class ComponentModelEditor private getEditorComponents(type: string): EditorComponents { - if (ComponentModelEditor.editorComponents.hasOwnProperty(type)) { - return ComponentModelEditor.editorComponents[type]; + if (ComponentModelEditor.editorComponents.has(type)) { + return ComponentModelEditor + .editorComponents.get(type) as EditorComponents; } else { const basicComponents: EditorComponents = { propertiesList: diff --git a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css index 7f0773905..425727336 100644 --- a/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css +++ b/ccm-theme-foundry/src/main/resources/themes/foundry/foundry/styles/admin.css @@ -2113,6 +2113,23 @@ li.componentModelEditor dialog.dialogExpanded button.closeButton { z-index: 1200; } +li.componentModelEditor { + + border-bottom: 1px solid #ccc; + + margin-bottom: 1em; + + padding-bottom: 0.33em; +} + +li.componentModelEditor dl dt { + font-weight: bold; +} + +li.componentModelEditor dl dd { + margin-bottom: 0.5em; +} + li.componentModelEditor dialog.dialogExpanded h1 { background-color: #0776a0;