feat(columns): add duplicate column functionality

src/modules/main/partials/TableView.vue

@@ -21,6 +21,7 @@
 		@import="openImportModal"
 		@create-column="createColumn"
 		@edit-column="editColumn"
+				@duplicate-column="duplicateColumn"
 		@delete-column="deleteColumn"
 		@create-row="createRow"
 		@edit-row="editRow"
@@ -121,6 +122,9 @@ export default {
 		editColumn(column) {
 			emit('tables:column:edit', { column, isView: this.isView, elementId: this.element.id })
 		},
+                duplicateColumn(column) {
+                        emit('tables:column:duplicate', { column, isView: this.isView, elementId: this.element.id })
+                },
 		deleteColumn(column) {
 			emit('tables:column:delete', { column, isView: this.isView, elementId: this.element.id })
 		},

src/modules/modals/Modals.vue

@@ -55,6 +55,8 @@
 <script>
 
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { mapState } from 'pinia'
+import { useTablesStore } from '../../store/store.js'
 import CreateRow from './CreateRow.vue'
 import ImportScheme from './ImportScheme.vue'
 import DeleteColumn from './DeleteColumn.vue'
@@ -121,6 +123,9 @@ export default {
 		}
 	},
 
+	computed: {
+		...mapState(useTablesStore, ["getTable", "getView"]),
+	},
 	mounted() {
 		// table
 		subscribe('tables:table:create', () => { this.showModalCreateTable = true })
@@ -143,6 +148,33 @@ export default {
 		// columns
 		subscribe('tables:column:create', columnInfo => { this.createColumnInfo = columnInfo })
 		subscribe('tables:column:edit', columnInfo => { this.columnToEdit = columnInfo })
+                subscribe('tables:column:duplicate', columnInfo => {
+			const element = columnInfo.isView ? this.getView(columnInfo.elementId) : this.getTable(columnInfo.elementId)
+			const col = columnInfo.column
+			this.createColumnInfo = {
+				isView: columnInfo.isView,
+				element,
+				preset: {
+					title: col.title + ' (copy)',
+					type: col.type,
+					subtype: col.subtype,
+					description: col.description,
+					mandatory: col.mandatory,
+					numberPrefix: col.numberPrefix,
+					numberSuffix: col.numberSuffix,
+					numberDefault: col.numberDefault,
+					numberMin: col.numberMin,
+					numberMax: col.numberMax,
+					numberDecimals: col.numberDecimals,
+					textDefault: col.textDefault,
+					textAllowedPattern: col.textAllowedPattern,
+					textMaxLength: col.textMaxLength,
+					selectionOptions: col.selectionOptions,
+					selectionDefault: col.selectionDefault,
+					datetimeDefault: col.datetimeDefault,
+				},
+			}
+		})
 		subscribe('tables:column:delete', columnInfo => { this.columnToDelete = columnInfo })
 
 		// rows
@@ -167,6 +199,7 @@ export default {
 		unsubscribe('tables:view:reload', () => { this.reload(true) })
 		unsubscribe('tables:column:create', columnInfo => { this.createColumnInfo = columnInfo })
 		unsubscribe('tables:column:edit', columnInfo => { this.columnToEdit = columnInfo })
+                unsubscribe('tables:column:duplicate', () => {})
 		unsubscribe('tables:column:delete', columnInfo => { this.columnToDelete = columnInfo })
 		unsubscribe('tables:row:create', columnsInfo => { this.columnsForRow = columnsInfo })
 		unsubscribe('tables:row:edit', rowInfo => { this.editRow = rowInfo })

src/shared/components/ncTable/NcTable.vue

@@ -57,6 +57,7 @@ deselect-all-rows        -> unselect all rows, e.g. after deleting selected rows
 				@edit-row="rowId => $emit('edit-row', rowId)"
 				@create-column="$emit('create-column')"
 				@edit-column="col => $emit('edit-column', col)"
+							@duplicate-column="col => $emit('duplicate-column', col)"
 				@delete-column="col => $emit('delete-column', col)"
 				@update-selected-rows="rowIds => localSelectedRows = rowIds"
 				@download-csv="data => downloadCsv(data, parsedColumns, table)">

src/shared/components/ncTable/partials/TableHeader.vue

@@ -23,6 +23,7 @@
 							:config="config"
 							:view-setting.sync="localViewSetting"
 							@edit-column="col => $emit('edit-column', col)"
+											@duplicate-column="col => $emit('duplicate-column', col)"
 							@delete-column="col => $emit('delete-column', col)" />
 					</div>
 					<div v-if="getFilterForColumn(col)" class="filter-wrapper">

src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue

@@ -108,6 +108,13 @@
 							<PencilOutline :size="25" />
 						</template>
 					</NcActionButton>
+					<NcActionButton v-if="showEditColumn"
+						:aria-label="t('tables', 'Duplicate column')"
+						@click="duplicateColumn()">
+						<template #icon>
+							<ContentCopy :size="25" />
+						</template>
+					</NcActionButton>		
 					<NcActionButton v-if="showDeleteColumn"
 						:aria-label="t('tables', 'Delete column')"
 						data-cy="deleteColumnActionBtn"
@@ -127,6 +134,7 @@ import generalHelper from '../../../mixins/generalHelper.js'
 import SortAsc from 'vue-material-design-icons/SortAscending.vue'
 import SortDesc from 'vue-material-design-icons/SortDescending.vue'
 import DeleteOutline from 'vue-material-design-icons/TrashCanOutline.vue'
+import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import PencilOutline from 'vue-material-design-icons/PencilOutline.vue'
 import EyeOffOutline from 'vue-material-design-icons/EyeOffOutline.vue'
 import ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
@@ -149,6 +157,7 @@ export default {
 		EyeOffOutline,
 		DeleteOutline,
 		PencilOutline,
+		ContentCopy,
 		ChevronLeft,
 		FilterCogOutline,
 		Magnify,
@@ -255,6 +264,10 @@ export default {
 		showDeleteColumn() {
 			return this.column.id >= 0 && this.config.canDeleteColumns
 		},
+		duplicateColumn() {
+			this.close()
+			this.$emit('duplicate-column', this.column)
+		},
 		selectedOperator: {
 			get() {
 				if (this.operator === null) {

src/shared/components/ncTable/sections/CustomTable.vue

@@ -14,6 +14,7 @@
 					@create-row="$emit('create-row')"
 					@create-column="$emit('create-column')"
 					@edit-column="col => $emit('edit-column', col)"
+							@duplicate-column="col => $emit('duplicate-column', col)"
 					@delete-column="col => $emit('delete-column', col)"
 					@download-csv="data => $emit('download-csv', data)"
 					@select-all-rows="selectAllRows">