working modal, now should refresh page

Author: RafaelGB

src/components/modals/ColumnModal.ts

@@ -56,7 +56,7 @@ export class ColumnSettingsManager {
         settingBody.addClass(StyleClasses.COLUMN_MODAL_BODY);
         settingBody.setAttribute("id", StyleClasses.COLUMN_MODAL_BODY);
         const initialResponse: ColumnHandlerResponse = {
-            containerEl: containerEl,
+            containerEl: settingBody,
             view: this.view,
             column: this.column,
             columnSettingsManager: this
@@ -65,8 +65,8 @@ export class ColumnSettingsManager {
     }
 
     constructBody(settingHandlerResponse: ColumnHandlerResponse) {
-        /** Columns section */
-        folder_settings_section(settingHandlerResponse);
+        /** media section */
+        media_settings_section(settingHandlerResponse);
     }
 
     reset(response: ColumnHandlerResponse) {
@@ -78,10 +78,10 @@ export class ColumnSettingsManager {
     }
 }
 
-function folder_settings_section(settingHandlerResponse: ColumnHandlerResponse): ColumnHandlerResponse {
+function media_settings_section(settingHandlerResponse: ColumnHandlerResponse): ColumnHandlerResponse {
     const folder_section = settingHandlerResponse.containerEl.createDiv("configuration-section-container-folder");
     // title of the section
-    add_setting_header(folder_section, "Folder adjustments", 'h3');
+    add_setting_header(folder_section, "Media adjustments", 'h3');
     // section settings
     const handlers = getHandlers();
     let i = 1;

src/components/modals/handlers/MediaDimensionsHandler.ts

@@ -5,7 +5,7 @@ import { ColumnHandlerResponse } from "cdm/ModalSettingsModel";
 export class MediaDimensionsHandler extends AbstractColumnHandler {
     settingTitle: string = 'Choose dimensions of embeded media';
     handle(columnHandlerResponse: ColumnHandlerResponse): ColumnHandlerResponse {
-        const { column, containerEl, view } = columnHandlerResponse;
+        const { column, containerEl, view, columnSettingsManager } = columnHandlerResponse;
         const dbSettings = view.plugin.settings;
         const { config } = column
         if (config.enable_media_view) {
@@ -46,7 +46,7 @@ export class MediaDimensionsHandler extends AbstractColumnHandler {
                                 media_height: dbSettings.global_settings.media_settings.height
                             });
                             // Force refresh of settings
-                            //settingsManager.reset(settingHandlerResponse);
+                            columnSettingsManager.reset(columnHandlerResponse);
                         });
                 });
 

src/components/modals/handlers/MediaToggleHandler.ts

@@ -3,18 +3,18 @@ import { AbstractColumnHandler } from "components/modals/handlers/AbstractColumn
 import { ColumnHandlerResponse } from "cdm/ModalSettingsModel";
 export class MediaToggleHandler extends AbstractColumnHandler {
     settingTitle: string = 'Enable media links';
-    handle(settingHandlerResponse: ColumnHandlerResponse): ColumnHandlerResponse {
-        const { column, containerEl, view } = settingHandlerResponse;
+    handle(columnHandlerResponse: ColumnHandlerResponse): ColumnHandlerResponse {
+        const { column, containerEl, view, columnSettingsManager } = columnHandlerResponse;
         // pass if modal opened from local settings
         const media_togle_promise = async (value: boolean): Promise<void> => {
             column.config.enable_media_view = value;
             // Check context to define correct promise
             // Persist value
-            view.diskConfig.updateColumnConfig(column.key, {
+            await view.diskConfig.updateColumnConfig(column.key, {
                 media_togle_promise: value
             });
             // Force refresh of settings
-            //settingsManager.reset(settingHandlerResponse);
+            columnSettingsManager.reset(columnHandlerResponse);
         }
         add_toggle(
             containerEl,
@@ -23,6 +23,6 @@ export class MediaToggleHandler extends AbstractColumnHandler {
             column.config.enable_media_view,
             media_togle_promise
         );
-        return this.goNext(settingHandlerResponse);
+        return this.goNext(columnHandlerResponse);
     }
 }