feat(contacts): show URLs for iOS and other apps

src/components/AppNavigation/ContactsSettings.vue

@@ -26,6 +26,15 @@
 				:addressbooks="addressbooks"
 				@clicked="onClickImport"
 				@file-loaded="onLoad" />
+
+			<NcFormGroup
+				:label="t('contacts', 'CardDAV')"
+				:description="t('contacts', 'Access Nextcloud contacts from other apps and devices')">
+				<NcFormBox>
+					<NcFormBoxCopyButton :label="t('contacts', 'CardDAV URL')" :value="primaryCardDAV" />
+					<NcFormBoxCopyButton :label="t('contacts', 'Server Address for iOS and macOS')" :value="appleCardDAV" />
+				</NcFormBox>
+			</NcFormGroup>
 		</AppSettingsSection>
 
 		<AppSettingsSection id="address-books" :name="t('contacts', 'Address books')">
@@ -42,25 +51,30 @@
 import axios from '@nextcloud/axios'
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
-import { generateUrl } from '@nextcloud/router'
+import { generateRemoteUrl, generateUrl } from '@nextcloud/router'
 import {
 	NcAppSettingsDialog as AppSettingsDialog,
 	NcAppSettingsSection as AppSettingsSection,
 } from '@nextcloud/vue'
 import NcFormBox from '@nextcloud/vue/components/NcFormBox'
+import NcFormBoxCopyButton from '@nextcloud/vue/components/NcFormBoxCopyButton'
 import NcFormBoxSwitch from '@nextcloud/vue/components/NcFormBoxSwitch'
+import NcFormGroup from '@nextcloud/vue/components/NcFormGroup'
 import SettingsAddressbook from './Settings/SettingsAddressbook.vue'
 import SettingsImportContacts from './Settings/SettingsImportContacts.vue'
 import SettingsNewAddressbook from './Settings/SettingsNewAddressbook.vue'
 import SettingsSortContacts from './Settings/SettingsSortContacts.vue'
+import usePrincipalsStore from '../../store/principals.js'
 
 export default {
 	name: 'ContactsSettings',
 	components: {
 		AppSettingsDialog,
 		AppSettingsSection,
 		NcFormBox,
+		NcFormBoxCopyButton,
 		NcFormBoxSwitch,
+		NcFormGroup,
 		SettingsAddressbook,
 		SettingsNewAddressbook,
 		SettingsImportContacts,
@@ -88,12 +102,29 @@
 		addressbooks() {
 			return this.$store.getters.getAddressbooks
 		},
+
+		currentUserPrincipal() {
+			const principalsStore = usePrincipalsStore()
+			return principalsStore.currentUserPrincipal
+		},
+
+		primaryCardDAV() {
+			return generateRemoteUrl('dav')
+		},
+
+		appleCardDAV() {
+			const principalUrl = this.currentUserPrincipal?.url || this.currentUserPrincipal?.principalUrl
+			if (!principalUrl) {
+				return ''
+			}
+			return new URL(principalUrl, this.primaryCardDAV).toString()
+		},
 	},
 
 	watch: {
 		showSettings(value) {
 			if (!value) {
 				this.$emit('update:open', value)
 			}
 		},
 
@@ -106,7 +137,7 @@
 
 	methods: {
 		onClickImport(event) {
 			this.$emit('clicked', event)
 		},
 
 		async toggleSocialSync(value) {
@@ -127,7 +158,7 @@
 		},
 
 		onLoad() {
 			this.$emit('file-loaded', false)
 		},
 
 		async onOpen() {