Merge pull request #37145 from nextcloud/enh/noid/add-link-to-app-tokens

add a direct link from files settings to app-token-settings

apps/files/src/views/Settings.vue

@@ -61,10 +61,19 @@
 				</template>
 			</NcInputField>
 			<em>
-				<a :href="webdavDocs" target="_blank" rel="noreferrer noopener">
+				<a class="setting-link"
+					:href="webdavDocs"
+					target="_blank"
+					rel="noreferrer noopener">
 					{{ t('files', 'Use this address to access your Files via WebDAV') }} ↗
 				</a>
 			</em>
+			<br>
+			<em>
+				<a class="setting-link" :href="appPasswordUrl">
+					{{ t('files', 'If you have enabled 2FA, you must create and use a new app password by clicking here.') }} ↗
+				</a>
+			</em>
 		</NcAppSettingsSection>
 	</NcAppSettingsDialog>
 </template>
@@ -119,6 +128,7 @@ export default {
 			// Webdav infos
 			webdavUrl: generateRemoteUrl('dav/files/' + encodeURIComponent(getCurrentUser()?.uid)),
 			webdavDocs: 'https://docs.nextcloud.com/server/stable/go.php?to=user-webdav',
+			appPasswordUrl: generateUrl('/settings/user/security#generate-app-token-section'),
 			webdavUrlCopied: false,
 		}
 	},
@@ -168,5 +178,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.setting-link:hover {
+	text-decoration: underline;
+}
 </style>

apps/settings/src/components/AuthTokenSetupDialogue.vue

@@ -20,7 +20,7 @@
   -->
 
 <template>
-	<div v-if="!adding" class="row spacing">
+	<div v-if="!adding" id="generate-app-token-section" class="row spacing">
 		<!-- Port to TextField component when available -->
 		<input v-model="deviceName"
 			type="text"