, nextContext: any): void {
25 |
26 | this.props.store.productionStore.setLastSelectedProduction(nextProps.match.params.id);
27 | }
28 |
29 | getSelectedId() {
30 | const prodStore = this.props.store.productionStore;
31 | return this.props.match.params.id || prodStore.lastSelectedProductionId;
32 | }
33 |
34 | componentDidCatch(error) {
35 | toast.error({ title: "Oops", message: error.message });
36 | }
37 |
38 | onClone = async () => {
39 | const prodStore = this.props.store.productionStore;
40 | const selectedProdId = this.getSelectedId();
41 |
42 | await prodStore.cloneProduction(selectedProdId);
43 | };
44 |
45 | onDelete = async () => {
46 | const prodStore = this.props.store.productionStore;
47 | const selectedProdId = this.getSelectedId();
48 |
49 | await prodStore.deleteProduction(selectedProdId);
50 | };
51 |
52 | onMakeLive = async (itemId) => {
53 | const prodStore = this.props.store.productionStore;
54 | console.log('Making production live',itemId)
55 | await prodStore.makeProductionLive(itemId);
56 | };
57 |
58 | buttons: array , nextContext: any): void {
35 |
36 | // this.props.store.elementStore.setLastSelectedProduction(nextProps.match.params.id);
37 | }
38 |
39 | getSelectedId() {
40 | return this.props.match.params.id;
41 | }
42 |
43 | componentDidCatch(error) {
44 | toast.error({ title: "Oops", message: error.message });
45 | }
46 |
47 | onClone = async () => {
48 | const store = this.props.store.elementStore;
49 | const selectedElementId = this.getSelectedId();
50 |
51 | await store.cloneElement(elementType, selectedElementId);
52 | };
53 |
54 | onDelete = async () => {
55 | const store = this.props.store.elementStore;
56 | const selectedElementId = this.getSelectedId();
57 |
58 | await store.deleteElement(elementType, selectedElementId);
59 | };
60 |
61 | onAddToProduction = async () => {
62 | const store = this.props.store.productionStore;
63 | const selectedElementId = this.getSelectedId();
64 |
65 | const elemStore = this.props.store.elementStore;
66 | const element = await elemStore.findElement(selectedElementId);
67 | await store.addToLiveProduction(element);
68 | };
69 |
70 |
71 | buttons: array {dict.production_page_noElements}. {dict.production_page_noElementsGoAdd} {dict.production_page_noElements} , nextContext: any): void {
31 | if (this.props.selectedId !== nextProps.selectedId) {
32 | this._refresh(nextProps)
33 | }
34 | }
35 |
36 | _refresh=(props)=>{
37 | const elementStore = props.store.elementStore;
38 | const element = elementStore.getElement(elementType, props.selectedId);
39 |
40 | // debugger;
41 |
42 | if (element) {
43 | // console.log(element);
44 | this.setState({ name: element.name, text: element.text });
45 | } else if (props.selectedId === "new") {
46 | this.setState({ name: "", text: "" });
47 | }
48 | }
49 |
50 |
51 | onSubmit = async (evt) => {
52 | evt.preventDefault();
53 |
54 | if (!this.state.name) return toast.error({
55 | title: `Empty ${elementType} name`,
56 | message: `Every ${elementType} needs a good name`
57 | });
58 | if (!this.state.text) return toast.error({
59 | title: `Empty ${elementType} body`,
60 | message: `Every ${elementType} needs a good body`
61 | });
62 |
63 | const elementStore = this.props.store.elementStore;
64 | const elementId = this.props.selectedId;
65 | let element = elementStore.getElement(elementType, elementId);
66 |
67 | if (!element) {
68 | element = await elementStore.createElement(elementType, this.state.name, this.state.text);
69 | } else {
70 | element.name = this.state.name;
71 | element.text = this.state.text;
72 | await elementStore.updateElement(element);
73 | }
74 | // debugger;
75 | // this.setState({ name: "" });
76 | this.props.store.navigateToElement(elementType, element._id);
77 |
78 | };
79 |
80 | render() {
81 | const elementStore = this.props.store.elementStore;
82 | const elementId = this.props.selectedId; //if id='new' go all the way down and work with null element
83 | // debugger;
84 | // console.log({ elementId });
85 |
86 | // If still no id then no current or previous selection
87 | if (!elementId) return {dict.menu_productions}
73 |
74 | {dict.menu_songs}
85 |
86 |
49 |
60 | {/*Order of routes is important*/}
61 | Production Set
88 |