Add Bulk Tagging on new Files app [28+]

How to use GitHub

Please use the 👍 reaction to show that you are interested into the same feature.
Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
Hello everyone,

Since my recent update to Nextcloud 28, I’ve noticed a change in the file tagging functionality. Previously, I had the ability to tag multiple files simultaneously, but this feature seems to have disappeared since the update. This limitation is causing an inconvenience as I frequently use the tagging feature to organize my files.

Describe the solution you'd like
I would like to have the ability to tag multiple files simultaneously reinstated in Nextcloud 28.

Describe alternatives you've considered
Currently, the only alternative is to tag files individually, which is time-consuming and less efficient.

Additional context
Has anyone else encountered this issue? Is it a new feature introduced in version 28, or is it potentially a bug? If anyone has information on this matter or has found a solution, I would appreciate it if you could share. Otherwise, can we consider reporting this as a potential issue to the development team?

Thank you in advance for your responses and assistance!

I see no way to give a reaction to this (it simply isn't an option presented to me).

However, bulk tagging ability is an important functionality of Nextcloud file management, and I believe it needs to be repaired and supported.

I just added it. It should be good now.

This is also an option that I would like to find again !

absolutely required feature ...
example: discuss a set of files for review. together with comments a must have for collaborative work esp. on set of many files, like photos.

@sorbaugh

cc @sorbaugh @artonge

I guess it is a regression from the migration to vue.
Pull requests are welcome. It should be much easier than before to add this to the Files app :).

Steps would be:

Implement the exec and execBatch methods of the systemtag action:

server/apps/systemtags/src/actions/inlineSystemTagsAction.ts

Lines 32 to 88 in 4269166

    
           export const action = new FileAction({ 
        
           	id: 'system-tags', 
        
           	displayName: () => '', 
        
           	iconSvgInline: () => '', 
        
           	enabled(nodes: Node[]) { 
        
           		// Only show the action on single nodes 
        
           		if (nodes.length !== 1) { 
        
           			return false 
        
           		} 
        
           		const node = nodes[0] 
        
           		const tags = getNodeSystemTags(node) 
        
           		// Only show the action if the node has system tags 
        
           		if (tags.length === 0) { 
        
           			return false 
        
           		} 
        
           		return true 
        
           	}, 
        
           	exec: async () => null, 
        
           	async renderInline(node: Node) { 
        
           		// Ensure we have the system tags as an array 
        
           		const tags = getNodeSystemTags(node) 
        
           		if (tags.length === 0) { 
        
           			return null 
        
           		} 
        
           		const systemTagsElement = document.createElement('ul') 
        
           		systemTagsElement.classList.add('files-list__system-tags') 
        
           		if (tags.length === 1) { 
        
           			systemTagsElement.setAttribute('aria-label', t('files', 'This file has the tag {tag}', { tag: tags[0] })) 
        
           		} else { 
        
           			const firstTags = tags.slice(0, -1).join(', ') 
        
           			const lastTag = tags[tags.length - 1] 
        
           			systemTagsElement.setAttribute('aria-label', t('files', 'This file has the tags {firstTags} and {lastTag}', { firstTags, lastTag })) 
        
           		} 
        
           		systemTagsElement.append(renderTag(tags[0])) 
        
           		// More tags than the one we're showing 
        
           		if (tags.length > 1) { 
        
           			const moreTagElement = renderTag('+' + (tags.length - 1), true) 
        
           			moreTagElement.setAttribute('title', tags.slice(1).join(', ')) 
        
           			systemTagsElement.append(moreTagElement) 
        
           		} 
        
           		return systemTagsElement 
        
           	}, 
        
           	order: 0, 
        
           })

In those methods, open a modal displaying a form allowing the user to pick tags. Example from the new node action:

server/apps/files/src/utils/newNodeDialog.ts

Lines 32 to 39 in 4269166

    
           	spawnDialog(NewNodeDialog, { 
        
           		...labels, 
        
           		defaultName, 
        
           		otherNames: contentNames, 
        
           	}, (folderName) => { 
        
           		resolve(folderName as string|null) 
        
           	}) 
        
           })

Then update the chosen tags with

server/apps/systemtags/src/services/files.ts

Lines 43 to 56 in 4269166

    
           export const setTagForFile = async (tag: TagWithId | ServerTagWithId, fileId: number): Promise<void> => { 
        
           	const path = '/systemtags-relations/files/' + fileId + '/' + tag.id 
        
           	const tagToPut = formatTag(tag) 
        
           	try { 
        
           		await davClient.customRequest(path, { 
        
           			method: 'PUT', 
        
           			data: tagToPut, 
        
           		}) 
        
           	} catch (error) { 
        
           		logger.error(t('systemtags', 'Failed to set tag for file'), { error }) 
        
           		throw new Error(t('systemtags', 'Failed to set tag for file')) 
        
           	} 
        
           }

In which version will this be added again?

Navigation Menu

Repository navigation

Add Bulk Tagging on new Files app [28+] #45935

How to use GitHub

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

	export const action = new FileAction({
	id: 'system-tags',
	displayName: () => '',
	iconSvgInline: () => '',

	enabled(nodes: Node[]) {
	// Only show the action on single nodes
	if (nodes.length !== 1) {
	return false
	}

	const node = nodes[0]
	const tags = getNodeSystemTags(node)

	// Only show the action if the node has system tags
	if (tags.length === 0) {
	return false
	}

	return true
	},

	exec: async () => null,

	async renderInline(node: Node) {
	// Ensure we have the system tags as an array
	const tags = getNodeSystemTags(node)

	if (tags.length === 0) {
	return null
	}

	const systemTagsElement = document.createElement('ul')
	systemTagsElement.classList.add('files-list__system-tags')

	if (tags.length === 1) {
	systemTagsElement.setAttribute('aria-label', t('files', 'This file has the tag {tag}', { tag: tags[0] }))
	} else {
	const firstTags = tags.slice(0, -1).join(', ')
	const lastTag = tags[tags.length - 1]
	systemTagsElement.setAttribute('aria-label', t('files', 'This file has the tags {firstTags} and {lastTag}', { firstTags, lastTag }))
	}

	systemTagsElement.append(renderTag(tags[0]))

	// More tags than the one we're showing
	if (tags.length > 1) {
	const moreTagElement = renderTag('+' + (tags.length - 1), true)
	moreTagElement.setAttribute('title', tags.slice(1).join(', '))
	systemTagsElement.append(moreTagElement)
	}

	return systemTagsElement
	},

	order: 0,
	})

	spawnDialog(NewNodeDialog, {
	...labels,
	defaultName,
	otherNames: contentNames,
	}, (folderName) => {
	resolve(folderName as string\|null)
	})
	})

	export const setTagForFile = async (tag: TagWithId \| ServerTagWithId, fileId: number): Promise<void> => {
	const path = '/systemtags-relations/files/' + fileId + '/' + tag.id
	const tagToPut = formatTag(tag)
	try {
	await davClient.customRequest(path, {
	method: 'PUT',
	data: tagToPut,
	})
	} catch (error) {
	logger.error(t('systemtags', 'Failed to set tag for file'), { error })
	throw new Error(t('systemtags', 'Failed to set tag for file'))
	}
	}

Add Bulk Tagging on new Files app [28+] #45935

Description

How to use GitHub

Activity

scintillae commented on Jun 17, 2024

luluwebmaster commented on Jun 17, 2024

moritzthecat commented on Jun 29, 2024

kesselb commented on Jun 29, 2024

artonge commented on Jul 1, 2024

nousernameavailableanymore commented on Sep 28, 2024

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions