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

Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

apps/files/src/views/Settings.vue

@@ -65,6 +65,12 @@
 					{{ t('files', 'Use this address to access your Files via WebDAV') }} ↗
 				</a>
 			</em>
+			<br />
+			<em>
+				<a :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 +125,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,
 		}
 	},

apps/settings/src/components/AuthTokenSetupDialogue.vue

@@ -21,18 +21,20 @@
 
 <template>
 	<div v-if="!adding" class="row spacing">
-		<!-- Port to TextField component when available -->
-		<input v-model="deviceName"
-			type="text"
-			:maxlength="120"
-			:disabled="loading"
-			:placeholder="t('settings', 'App name')"
-			@keydown.enter="submit">
-		<NcButton :disabled="loading || deviceName.length === 0"
-			type="primary"
-			@click="submit">
-			{{ t('settings', 'Create new app password') }}
-		</NcButton>
+		<a id="generate-app-token-section">
+			<!-- Port to TextField component when available -->
+			<input v-model="deviceName"
+				type="text"
+				:maxlength="120"
+				:disabled="loading"
+				:placeholder="t('settings', 'App name')"
+				@keydown.enter="submit">
+			<NcButton :disabled="loading || deviceName.length === 0"
+				type="primary"
+				@click="submit">
+				{{ t('settings', 'Create new app password') }}
+			</NcButton>
+		</a>
 	</div>
 	<div v-else class="spacing">
 		{{ t('settings', 'Use the credentials below to configure your app or device.') }}