skeleton config done

Author: RafaelGB

src/Settings.ts

@@ -6,9 +6,10 @@ import { LOGGER } from "services/Logger";
 import { developer_settings_section } from "settings/DeveloperSection";
 import { columns_settings_section } from "settings/ColumnsSection";
 import { folder_settings_section } from "settings/FolderSection";
-import { DEFAULT_COLUMN_CONFIG, StyleClasses } from "helpers/Constants";
+import { DEFAULT_COLUMN_CONFIG, SourceDataTypes, StyleClasses } from "helpers/Constants";
 import { SettingHandlerResponse } from "settings/handlers/AbstractSettingHandler";
 import { media_settings_section } from "settings/MediaSection";
+import { source_settings_section } from "settings/SourceSection";
 
 export interface MediaSettings {
   enable_media_view: boolean;
@@ -30,6 +31,8 @@ export interface LocalSettings {
   show_metadata_created: boolean;
   show_metadata_modified: boolean;
   show_metadata_tasks: boolean;
+  source_data: string;
+  source_form_result: string;
 }
 
 export interface DatabaseSettings {
@@ -53,7 +56,9 @@ export const DEFAULT_SETTINGS: DatabaseSettings = {
     group_folder_column: '',
     show_metadata_created: false,
     show_metadata_modified: false,
-    show_metadata_tasks: false
+    show_metadata_tasks: false,
+    source_data: SourceDataTypes.CURRENT_FOLDER,
+    source_form_result: 'root'
   }
 };
 
@@ -118,6 +123,8 @@ export class SettingsManager {
 
   constructSettingBody(settingHandlerResponse: SettingHandlerResponse) {
     if (settingHandlerResponse.local) {
+      /** Source section */
+      source_settings_section(settingHandlerResponse);
       /** Folder section */
       folder_settings_section(settingHandlerResponse);
     }

src/helpers/Constants.ts

@@ -175,6 +175,11 @@ export const StyleVariables = Object.freeze({
   TEXT_NORMAL: 'var(--text-normal)',
 });
 
+export const SourceDataTypes = Object.freeze({
+  CURRENT_FOLDER: 'current_folder',
+  TAG: 'tag',
+});
+
 export const WidthVariables = Object.freeze({
   ICON_SPACING: 17,
   MAGIC_SPACING: 10

src/parsers/handlers/marshall/MarshallConfigHandler.ts

@@ -1,4 +1,5 @@
 import { YamlHandlerResponse } from 'cdm/MashallModel';
+import { SourceDataTypes } from 'helpers/Constants';
 import { AbstractYamlHandler } from 'parsers/handlers/marshall/AbstractYamlPropertyHandler';
 
 export class MarshallConfigHandler extends AbstractYamlHandler {
@@ -14,7 +15,7 @@ export class MarshallConfigHandler extends AbstractYamlHandler {
                 yaml.config.enable_show_state = false;
             }
 
-            // if group_folder_column is not defined, load default
+            // if group_folder_column is not defined, load empty (optional)
             if (checkNullable(yaml.config.group_folder_column)) {
                 yaml.config.group_folder_column = '';
             }
@@ -36,6 +37,17 @@ export class MarshallConfigHandler extends AbstractYamlHandler {
                 this.addError(`There was not show_metadata_modified key in yaml. Default will be loaded`);
                 yaml.config.show_metadata_modified = false;
             }
+
+            // if source_data is not defined, load default
+            if (checkNullable(yaml.config.source_data)) {
+                this.addError(`There was not source_data key in yaml. Default will be loaded`);
+                yaml.config.source_data = SourceDataTypes.CURRENT_FOLDER;
+            }
+
+            // if source_form_result is not defined, load empty (optional)
+            if (checkNullable(yaml.config.source_form_result)) {
+                yaml.config.source_form_result = '';
+            }
         }
         handlerResponse.yaml = yaml;
         return this.goNext(handlerResponse);

src/parsers/handlers/unmarshall/UnmarshallConfigHandler.ts

@@ -9,6 +9,7 @@ export class UnmarshallConfigHandler extends AbstractDiskHandler {
         const { config } = handlerResponse.yaml;
         // Lvl1: config
         this.localDisk.push(`${this.handlerName}:`);
+        console.log(`${this.handlerName}:`);
         Object.entries(config).forEach(([key, value]) => {
             if (typeof value === 'object') {
                 this.localDisk.push(`${YAML_INDENT.repeat(1)}${key}:`);

src/settings/SettingsComponents.ts

@@ -1,4 +1,3 @@
-import { OperatorFilter } from "helpers/Constants";
 import { ButtonComponent, Setting } from "obsidian";
 
 /**

src/settings/SourceSection.ts

@@ -0,0 +1,32 @@
+import { add_setting_header } from 'settings/SettingsComponents';
+import { SettingHandler, SettingHandlerResponse } from 'settings/handlers/AbstractSettingHandler';
+import { SourceDropDownHandler } from 'settings/handlers/source/SourceDropDownHandler';
+import { SourceFormHandler } from 'settings/handlers/source/SourceFormHandler';
+
+/**
+ * developer settings section
+ */
+export function source_settings_section(settingHandlerResponse: SettingHandlerResponse): SettingHandlerResponse {
+    const columns_section = settingHandlerResponse.containerEl.createDiv("configuration-section-container-source");
+    // title of the section
+    add_setting_header(columns_section, "Source of database", 'h3');
+    // section settings
+    const handlers = getHandlers();
+    let i = 1;
+    while (i < handlers.length) {
+        handlers[i - 1].setNext(handlers[i]);
+        i++;
+    }
+    settingHandlerResponse.containerEl = columns_section;
+    return handlers[0].handle(settingHandlerResponse);
+}
+
+/**
+ * Obtain all classes than extends from AbstractHandler
+ */
+function getHandlers(): SettingHandler[] {
+    return [
+        new SourceDropDownHandler(),
+        new SourceFormHandler()
+    ];
+}

src/settings/handlers/source/SourceDropDownHandler.ts

@@ -0,0 +1,29 @@
+import { SourceDataTypes } from "helpers/Constants";
+import { AbstractSettingsHandler, SettingHandlerResponse } from "settings/handlers/AbstractSettingHandler";
+import { add_dropdown } from "settings/SettingsComponents";
+
+export class SourceDropDownHandler extends AbstractSettingsHandler {
+    settingTitle: string = 'Select the source of database data';
+    handle(settingHandlerResponse: SettingHandlerResponse): SettingHandlerResponse {
+        const { settingsManager, containerEl, view } = settingHandlerResponse;
+        const source_dropdown_promise = async (value: string): Promise<void> => {
+            // update settings
+            view.diskConfig.updateConfig('source_data', value);
+            // Force refresh of settings
+            settingsManager.reset(settingHandlerResponse);
+        };
+        // render dropdown inside container
+        add_dropdown(
+            containerEl,
+            this.settingTitle,
+            'Select from which source you want to get the data to be displayed in the table.',
+            view.diskConfig.yaml.config.source_data,
+            {
+                current_folder: SourceDataTypes.CURRENT_FOLDER,
+                tag: SourceDataTypes.TAG,
+            },
+            source_dropdown_promise
+        );
+        return this.goNext(settingHandlerResponse);
+    }
+}

src/settings/handlers/source/SourceFormHandler.ts

@@ -0,0 +1,40 @@
+import { SourceDataTypes } from "helpers/Constants";
+import { getAllTags } from "obsidian";
+import { DataviewService } from "services/DataviewService";
+import { LOGGER } from "services/Logger";
+import { AbstractSettingsHandler, SettingHandlerResponse } from "settings/handlers/AbstractSettingHandler";
+import { add_dropdown } from "settings/SettingsComponents";
+
+export class SourceFormHandler extends AbstractSettingsHandler {
+    settingTitle: string = 'Form in function of source data';
+    handle(settingHandlerResponse: SettingHandlerResponse): SettingHandlerResponse {
+        const { containerEl, view } = settingHandlerResponse;
+        switch (view.diskConfig.yaml.config.source_data) {
+            case SourceDataTypes.TAG:
+                const tagArray: Record<string, number> = (app.metadataCache as unknown as any).getTags();
+                if (tagArray) {
+                    const tagRecords: Record<string, string> = {};
+                    Object.keys(tagArray).forEach((tag) => {
+                        tagRecords[tag] = tag;
+                    });
+                    const source_form_promise = async (value: string): Promise<void> => {
+                        // update settings
+                        view.diskConfig.updateConfig('source_form_result', value.slice(1));
+                    };
+
+                    add_dropdown(
+                        containerEl,
+                        'Select a tag',
+                        'Select tag to get data from',
+                        `#${view.diskConfig.yaml.config.source_form_result}`,
+                        tagRecords,
+                        source_form_promise
+                    );
+                }
+            default:
+            //Current folder
+        }
+
+        return this.goNext(settingHandlerResponse);
+    }
+}