Make components compatible to nextcloud-vue 8

Signed-off-by: Christian Hartmann <[email protected]>
nextcloud · Oct 18, 2023 · b9c11d4 · b9c11d4
1 parent a4914d0
commit b9c11d4
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 21 deletions.
diff --git a/src/Forms.vue b/src/Forms.vue
@@ -33,7 +33,7 @@
 			</NcAppNavigationNew>
 			<template #list>
 				<!-- Form-Owner-->
-				<NcAppNavigationCaption v-if="!noOwnedForms" :title="t('forms', 'Your Forms')" />
+				<NcAppNavigationCaption v-if="!noOwnedForms" :name="t('forms', 'Your Forms')" />
 				<AppNavigationForm v-for="form in forms"
 					:key="form.id"
 					:form="form"
@@ -44,7 +44,7 @@
 					@delete="onDeleteForm" />
 
 				<!-- Shared Forms-->
-				<NcAppNavigationCaption v-if="!noSharedForms" :title="t('forms', 'Shared with you')" />
+				<NcAppNavigationCaption v-if="!noSharedForms" :name="t('forms', 'Shared with you')" />
 				<AppNavigationForm v-for="form in sharedForms"
 					:key="form.id"
 					:form="form"
@@ -57,14 +57,14 @@
 		<!-- No forms & loading emptycontents -->
 		<NcAppContent v-if="loading || !hasForms || !routeHash || !routeAllowed">
 			<NcEmptyContent v-if="loading"
-				:title="t('forms', 'Loading forms …')">
+				:name="t('forms', 'Loading forms …')">
 				<template #icon>
 					<NcLoadingIcon :size="64" />
 				</template>
 			</NcEmptyContent>
 
 			<NcEmptyContent v-else-if="!hasForms"
-				:title="t('forms', 'No forms created yet')">
+				:name="t('forms', 'No forms created yet')">
 				<template #icon>
 					<FormsIcon :size="64" />
 				</template>
@@ -76,7 +76,7 @@
 			</NcEmptyContent>
 
 			<NcEmptyContent v-else
-				:title="canCreateForms ? t('forms', 'Select a form or create a new one') : t('forms', 'Please select a form')">
+				:name="canCreateForms ? t('forms', 'Select a form or create a new one') : t('forms', 'Please select a form')">
 				<template #icon>
 					<FormsIcon :size="64" />
 				</template>

diff --git a/src/FormsEmptyContent.vue b/src/FormsEmptyContent.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<NcContent app-name="forms" class="forms-emptycontent">
-		<NcEmptyContent :title="currentModel.title"
+		<NcEmptyContent :name="currentModel.title"
 			:description="currentModel.description">
 			<template #icon>
 				<Icon :is="currentModel.icon" :size="64" />

diff --git a/src/FormsSettings.vue b/src/FormsSettings.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div>
-		<NcSettingsSection :title="t('forms', 'Form creation')">
+		<NcSettingsSection :name="t('forms', 'Form creation')">
 			<NcCheckboxRadioSwitch ref="switchRestrictCreation"
 				:checked.sync="appConfig.restrictCreation"
 				class="forms-settings__creation__switch"
@@ -39,7 +39,7 @@
 				label="displayName"
 				@input="onCreationAllowedGroupsChange" />
 		</NcSettingsSection>
-		<NcSettingsSection :title="t('forms', 'Form sharing')">
+		<NcSettingsSection :name="t('forms', 'Form sharing')">
 			<NcCheckboxRadioSwitch ref="switchAllowPublicLink"
 				:checked.sync="appConfig.allowPublicLink"
 				type="switch"

diff --git a/src/components/AppNavigationForm.vue b/src/components/AppNavigationForm.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<NcListItem ref="navigationItem"
-		:title="formTitle"
+		:name="formTitle"
 		:to="{
 			name: routerTarget,
 			params: { hash: form.hash }
@@ -37,7 +37,7 @@
 			<IconCheck v-else-if="isExpired" :size="16" />
 			<FormsIcon v-else :size="16" />
 		</template>
-		<template v-if="hasSubtitle" #subtitle>
+		<template v-if="hasSubtitle" #subname>
 			{{ formSubtitle }}
 		</template>
 		<template v-if="!loading && !readOnly" #actions>

diff --git a/src/components/SidebarTabs/SharingShareDiv.vue b/src/components/SidebarTabs/SharingShareDiv.vue
@@ -31,7 +31,7 @@
 			<span>{{ displayNameAppendix }}</span>
 		</div>
 		<NcActions class="share-div__actions">
-			<NcActionCaption :title="t('forms', 'Permissions')" />
+			<NcActionCaption :name="t('forms', 'Permissions')" />
 			<NcActionCheckbox :checked="canAccessResults" @update:checked="updatePermissionResults">
 				{{ t('forms', 'View responses') }}
 			</NcActionCheckbox>

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
@@ -198,7 +198,7 @@ export default {
 	align-items: center;
 	align-self: flex-end;
 	justify-content: flex-end;
-	padding: calc(var(--default-grid-baseline, 4px) * 2);
+	padding: var(--app-navigation-padding);
 
 	&__view-select {
 		display: flex;

diff --git a/src/views/Create.vue b/src/views/Create.vue
@@ -24,7 +24,7 @@
 
 <template>
 	<NcAppContent v-if="isLoadingForm">
-		<NcEmptyContent :title="t('forms', 'Loading {title} …', { title: form.title })">
+		<NcEmptyContent :name="t('forms', 'Loading {title} …', { title: form.title })">
 			<template #icon>
 				<NcLoadingIcon :size="64" />
 			</template>
@@ -108,7 +108,7 @@
 			<div class="question-menu">
 				<NcActions ref="questionMenu"
 					:open.sync="questionMenuOpened"
-					:menu-title="t('forms', 'Add a question')"
+					:menu-name="t('forms', 'Add a question')"
 					:aria-label="t('forms', 'Add a question')"
 					:primary="true">
 					<template #icon>

diff --git a/src/views/Results.vue b/src/views/Results.vue
@@ -24,7 +24,7 @@
 
 <template>
 	<NcAppContent v-if="loadingResults">
-		<NcEmptyContent :title="t('forms', 'Loading responses …')">
+		<NcEmptyContent :name="t('forms', 'Loading responses …')">
 			<template #icon>
 				<NcLoadingIcon :size="64" />
 			</template>
@@ -95,7 +95,7 @@
 
 		<!-- No submissions -->
 		<section v-if="noSubmissions">
-			<NcEmptyContent :title="t('forms', 'No responses yet')"
+			<NcEmptyContent :name="t('forms', 'No responses yet')"
 				:description="t('forms', 'Results of submitted forms will show up here')">
 				<template #icon>
 					<IconPoll :size="64" />

diff --git a/src/views/Sidebar.vue b/src/views/Sidebar.vue
@@ -23,7 +23,7 @@
 <template>
 	<NcAppSidebar v-show="sidebarOpened"
 		:active="active"
-		:title="t('forms', 'Form settings')"
+		:name="t('forms', 'Form settings')"
 		@close="onClose"
 		@update:active="onUpdateActive">
 		<NcAppSidebarTab id="forms-sharing"

diff --git a/src/views/Submit.vue b/src/views/Submit.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<NcAppContent v-if="isLoadingForm">
-		<NcEmptyContent :title="t('forms', 'Loading {title} …', { title: form.title })">
+		<NcEmptyContent :name="t('forms', 'Loading {title} …', { title: form.title })">
 			<template #icon>
 				<NcLoadingIcon :size="64" />
 			</template>
@@ -58,13 +58,13 @@
 		</header>
 
 		<NcEmptyContent v-if="loading"
-			:title="t('forms', 'Submitting form …')">
+			:name="t('forms', 'Submitting form …')">
 			<template #icon>
 				<NcLoadingIcon :size="64" />
 			</template>
 		</NcEmptyContent>
 		<NcEmptyContent v-else-if="success || !form.canSubmit"
-			:title="t('forms', 'Thank you for completing the form!')"
+			:name="t('forms', 'Thank you for completing the form!')"
 			:description="form.submissionMessage">
 			<template #icon>
 				<IconCheck :size="64" />
@@ -75,7 +75,7 @@
 			</template>
 		</NcEmptyContent>
 		<NcEmptyContent v-else-if="isExpired"
-			:title="t('forms', 'Form expired')"
+			:name="t('forms', 'Form expired')"
 			:description="t('forms', 'This form has expired and is no longer taking answers')">
 			<template #icon>
 				<IconCheck :size="64" />