,
-// S extends OldComponentModelEditorState>
-//
-// extends React.Component {
-//
-// constructor(props: OldComponentModelEditorProps) {
-//
-// super(props as any);
-//
-// this.state = {
-// ...this.state as any,
-// dialogExpanded: "dialogClosed",
-// dialogOpened: false,
-// errorMsg: null,
-// };
-//
-// this.handleChange = this.handleChange.bind(this);
-// this.handleSubmit = this.handleSubmit.bind(this);
-// }
-//
-// public handleChange(event: React.ChangeEvent): void {
-//
-// if (event.currentTarget.id === this.props.component.key + "_componentKey") {
-//
-// const target: HTMLInputElement
-// = event.currentTarget as HTMLInputElement;
-//
-// this.setState({
-// ...this.state as any,
-// componentKey: target.value,
-// });
-// }
-//
-// }
-//
-// public handleSubmit(event: React.FormEvent): void {
-//
-// const componentData: any = this.getComponentData();
-//
-// const headers: Headers = new Headers();
-// headers.append("Content-Type", "application/json");
-//
-// const init: RequestInit = {
-// body: JSON.stringify(componentData),
-// credentials: "same-origin",
-// headers,
-// method: "PUT",
-// };
-//
-// const componentUrl = `${this.props.dispatcherPrefix}`
-// + `/page-models/${this.props.ccmApplication}`
-// + `/${this.props.pageModelName}`
-// + `/containers/${this.props.containerKey}`
-// + `/components/${this.state.componentKey}`;
-//
-// fetch(componentUrl, init)
-// .then((response: Response) => {
-// if (response.ok) {
-// this.toggleEditorDialog();
-// } else {
-// this.setState({
-// ...this.state as any,
-// errorMsg: `Failed to update/create ComponentModel: `
-// + ` ${response.status} ${response.statusText}`,
-// });
-// }
-// })
-// .catch((error) => {
-// this.setState({
-// ...this.state as any,
-// errorMsg: `Failed to update/create ComponentModel: `
-// + `${error.message}`,
-// })
-// });
-// }
-//
-// public getComponentData(): any {
-//
-// return {
-// key: this.state.componentKey,
-// };
-// }
-//
-// public abstract renderPropertyList(): React.ReactFragment;
-//
-// public abstract renderEditorDialog(): React.ReactFragment;
-//
-// public render(): React.ReactNode {
-//
-// return
-//
-// - Key
-// - {this.props.component.key}
-// - Type
-// - {this.props.component.type}
-// {this.renderPropertyList()}
-//
-//
-//
-// ;
-// }
-//
-// private closeOnButton(event: React.MouseEvent): void {
-//
-// event.preventDefault();
-//
-// this.toggleEditorDialog();
-// }
-//
-// private closeOnEsc(event: React.KeyboardEvent): void {
-//
-// console.log(`Key press detected: ${event.key}`);
-//
-// if (event.key === "27") {
-// this.toggleEditorDialog();
-// }
-// }
-//
-// private toggleEditorDialog(): void {
-//
-// if (this.state.dialogExpanded === "dialogExpanded") {
-// this.setState({
-// ...this.state as any,
-// dialogExpanded: "dialogClosed",
-// dialogOpened: false,
-// });
-// } else {
-// this.setState({
-// ...this.state as any,
-// dialogExpanded: "dialogExpanded",
-// dialogOpened: true,
-// });
-// }
-// }
-// }
-//
-// class OldDefaultComponentModelEditor
-// extends OldAbstractComponentModelEditor<
-// ComponentModel,
-// OldComponentModelEditorProps,
-// OldComponentModelEditorState> {
-//
-// constructor(props: OldComponentModelEditorProps) {
-//
-// super(props);
-//
-// this.setState({
-// dialogExpanded: "dialogClosed",
-// });
-// }
-//
-// public renderPropertyList(): React.ReactFragment {
-//
-// return ;
-// }
-//
-// public renderEditorDialog(): React.ReactFragment {
-//
-// return ;
-// }
-//
-// public render(): React.ReactNode {
-// return super.render();
-// }
-//
-// }
-
-// interface PageModelEditorProps {
-//
-// }
-//
interface PageModelEditorState {
selectedPageModel: PageModel | null;
@@ -1486,48 +1196,6 @@ interface ComponentInfo {
class PageModelEditor
extends React.Component<{}, PageModelEditorState> {
- // public static getAvailableComponents(): {
- // [type: string]: (props: OldComponentModelEditorProps)
- // => React.ReactFragment} {
- //
- // console.log("Available editors:");
- // for(let key of Object.keys(PageModelEditor.componentModelEditors)) {
- //
- // console.log(`${key} -> ${PageModelEditor.componentModelEditors}`);
- // }
- //
- // return {
- // ...PageModelEditor.componentModelEditors,
- // };
- // }
-
- // public static registerComponentModelEditor(
- // type: string,
- // generator: ((props: OldComponentModelEditorProps)
- // => React.ReactFragment)): void {
- //
- // console.log(`Registering editor for type ${type}...`);
- //
- // const editors = {
- // ...PageModelEditor.componentModelEditors,
- // };
- //
- // editors[type] = generator;
- // PageModelEditor.componentModelEditors = editors;
- //
- // console.log("The following editors are now available:");
- // for(let key of Object.keys(PageModelEditor.componentModelEditors)) {
- //
- // console.log(`${key} -> ${PageModelEditor.componentModelEditors}`);
- // }
- // console.log("-----------------------");
- // }
- //
- // private static componentModelEditors: {
- // [type: string]: (
- // props: OldComponentModelEditorProps) => React.ReactFragment;
- // };
-
private static getDispatcherPrefix(): string {
const dataElem: HTMLElement | null = document
@@ -1568,13 +1236,6 @@ class PageModelEditor
super(props);
- // this.state = {
- // // selectedPageModel: newPageModel,
- // context: {
- // pageModelSelected: false,
- // selectedPageModel: newPageModel,
- // },
- // };
this.state = {
errorMessages: [],
pageModels: [],
@@ -1745,10 +1406,6 @@ class PageModelEditor
private reload(): void {
this.fetchPageModels();
- // this.setState({
- // ...this.state,
- // selectedPageModel: null,
- // });
}
private selectPageModel(selectedPageModel: PageModel): void {
@@ -1761,14 +1418,4 @@ class PageModelEditor
};
});
}
-
- // private setSelectedPageModel(selectedPageModel: PageModel): void {
- //
- // this.setState((state: any) => {
- // return {
- // ...state,
- // selectedPageModel,
- // };
- // });
- // }
}