Refactor: Extract table cell component for better reusability (get value)

Signed-off-by: Kostiantyn Miakshyn <molodchick@gmail.com>

Author: Koc

src/modules/main/partials/ColumnFormComponent.vue

@@ -75,10 +75,7 @@ export default {
 	},
 	methods: {
 		getValueForColumn() {
-			if (this.column.type === 'relation_lookup' && this.column.customSettings?.relationColumnId) {
-				return this.value?.[this.column.customSettings.relationColumnId] ?? null
-			}
-			return this.value
+			return this.column.getValueForForm(this.value)
 		},
 		snakeToCamel(str) {
 			str = str.toLowerCase().replace(/([-_][a-z])/g, group =>

src/shared/components/ncTable/mixins/columnClass.js

@@ -91,6 +91,17 @@ export class AbstractColumn {
 		return this.id
 	}
 
+	/**
+	 * Get the value for form input.
+	 * Default implementation returns the value as-is.
+	 *
+	 * @param {*} value The raw value
+	 * @return {*} The value for form input
+	 */
+	getValueForForm(value) {
+		return value
+	}
+
 }
 
 export class AbstractUsergroupColumn extends AbstractColumn {

src/shared/components/ncTable/mixins/columnsTypes/relationLookup.js

@@ -45,6 +45,20 @@ export default class RelationLookupColumn extends AbstractColumn {
 		return this.customSettings.relationColumnId
 	}
 
+	/**
+	 * Get the value for form input.
+	 * For relation lookup, extracts the value from the relation column id.
+	 *
+	 * @param {*} value The raw value
+	 * @return {*} The value for form input
+	 */
+	getValueForForm(value) {
+		if (this.customSettings?.relationColumnId) {
+			return value?.[this.customSettings.relationColumnId] ?? null
+		}
+		return value
+	}
+
 	getValueString(valueObject) {
 		valueObject = valueObject || this.value || null
 		if (!valueObject || valueObject.value === null || valueObject.value === undefined) {