feat(i18n): Fix no-op t(), wrap settings strings, complete translations (93→280 keys)

src/App.vue

@@ -24,10 +24,11 @@
 
 		<!-- App loaded normally -->
 		<template v-else-if="storesReady && hasOpenRegisters">
-			<MainMenu />
+			<MainMenu @open-settings="settingsOpen = true" />
+			<UserSettings :open="settingsOpen" @update:open="settingsOpen = $event" />
 			<Views />
 			<CnIndexSidebar
-				v-if="sidebarState.active"
+				v-if="sidebarState.active && !objectSidebarState.active"
 				:schema="sidebarState.schema"
 				:visible-columns="sidebarState.visibleColumns"
 				:search-value="sidebarState.searchValue"
@@ -38,6 +39,19 @@
 				@search="onSidebarSearch"
 				@columns-change="onSidebarColumnsChange"
 				@filter-change="onSidebarFilterChange" />
+
+			<!-- Object sidebar (files/notes/tags/tasks/audit trail — controlled by CnDetailPage) -->
+			<CnObjectSidebar
+				v-if="objectSidebarState.active"
+				:object-type="objectSidebarState.objectType"
+				:object-id="objectSidebarState.objectId"
+				:title="objectSidebarState.title"
+				:subtitle="objectSidebarState.subtitle"
+				:register="objectSidebarState.register"
+				:schema="objectSidebarState.schema"
+				:hidden-tabs="objectSidebarState.hiddenTabs"
+				:open.sync="objectSidebarState.open" />
+
 			<Modals />
 			<Dialogs />
 		</template>
@@ -55,9 +69,10 @@
 
 import Vue from 'vue'
 import { NcContent, NcAppContent, NcButton, NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'
-import { CnIndexSidebar } from '@conduction/nextcloud-vue'
+import { CnObjectSidebar, CnIndexSidebar } from '@conduction/nextcloud-vue'
 import { generateUrl, imagePath } from '@nextcloud/router'
 import MainMenu from './navigation/MainMenu.vue'
+import UserSettings from './views/settings/UserSettings.vue'
 import Modals from './modals/Modals.vue'
 import Dialogs from './dialogs/Dialogs.vue'
 import Views from './views/Views.vue'
@@ -71,22 +86,37 @@
 		NcButton,
 		NcEmptyContent,
 		NcLoadingIcon,
+		CnObjectSidebar,
 		CnIndexSidebar,
 		MainMenu,
+		UserSettings,
 		Modals,
 		Dialogs,
 		Views,
 	},
 
 	provide() {
 		return {
+			objectSidebarState: this.objectSidebarState,
 			sidebarState: this.sidebarState,
 		}
 	},
 
 	data() {
 		return {
 			storesReady: false,
+			settingsOpen: false,
+			objectSidebarState: {
+				active: false,
+				open: true,
+				objectType: '',
+				objectId: '',
+				title: '',
+				subtitle: '',
+				register: '',
+				schema: '',
+				hiddenTabs: [],
+			},
 			sidebarState: Vue.observable({
 				active: false,
 				open: true,

src/components/AddContactpersoonModal.vue

@@ -13,7 +13,7 @@ Modal component for adding new contactpersoon to an organisation
 
 <template>
 	<NcDialog v-if="show"
-		:name="t('softwarecatalog', 'Add Contactpersoon')"
+		:name="t('softwarecatalog', 'Add contactpersoon')"
 		size="small"
 		@closing="closeModal">
 		<div class="add-contactpersoon-modal">
@@ -25,7 +25,7 @@ Modal component for adding new contactpersoon to an organisation
 				<div class="form-row">
 					<NcTextField
 						:value="formData.voornaam"
-						:label="t('softwarecatalog', 'First Name')"
+						:label="t('softwarecatalog', 'First name')"
 						:placeholder="t('softwarecatalog', 'Enter first name')"
 						class="compact-field"
 						required
@@ -35,7 +35,7 @@ Modal component for adding new contactpersoon to an organisation
 				<div class="form-row">
 					<NcTextField
 						:value="formData.achternaam"
-						:label="t('softwarecatalog', 'Last Name')"
+						:label="t('softwarecatalog', 'Last name')"
 						:placeholder="t('softwarecatalog', 'Enter last name')"
 						class="compact-field"
 						required
@@ -46,7 +46,7 @@ Modal component for adding new contactpersoon to an organisation
 					<NcTextField
 						:value="formData['e-mailadres']"
 						type="email"
-						:label="t('softwarecatalog', 'Email Address')"
+						:label="t('softwarecatalog', 'Email address')"
 						:placeholder="t('softwarecatalog', 'Enter email address')"
 						class="compact-field"
 						required
@@ -63,7 +63,7 @@ Modal component for adding new contactpersoon to an organisation
 						<template #icon>
 							<NcLoadingIcon v-if="loading" :size="20" />
 						</template>
-						{{ t('softwarecatalog', 'Add Contactpersoon') }}
+						{{ t('softwarecatalog', 'Add contactpersoon') }}
 					</NcButton>
 				</div>
 			</form>

src/components/ContactpersonenList.vue

@@ -159,7 +159,7 @@
 		<!-- Password Change Dialog -->
 		<NcDialog
 			v-if="showPasswordDialog"
-			:name="t('softwarecatalog', 'Change Password')"
+			:name="t('softwarecatalog', 'Change password')"
 			size="small"
 			@closing="closePasswordDialog">
 			<div class="password-dialog">
@@ -274,7 +274,7 @@
 		<!-- Groups Management Dialog -->
 		<NcDialog
 			v-if="showGroupsDialog"
-			:name="t('softwarecatalog', 'Manage User Groups')"
+			:name="t('softwarecatalog', 'Manage user groups')"
 			size="normal"
 			@closing="closeGroupsDialog">
 			<div class="groups-dialog">

src/conceptOrganisatiesWidget.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import { PiniaVuePlugin } from 'pinia'
 import pinia from './pinia.js'
 import ConceptOrganisatiesWidget from './views/widgets/ConceptOrganisatiesWidget.vue'
+import { translate as t, translatePlural as n } from '@nextcloud/l10n'
 
 Vue.use(PiniaVuePlugin)
 

src/modals/OrganisationModal.vue

@@ -42,7 +42,7 @@
 					<div class="form-row">
 						<NcTextField
 							:value="formData.beschrijvingKort"
-							:label="t('softwarecatalog', 'Short Description')"
+							:label="t('softwarecatalog', 'Short description')"
 							:placeholder="t('softwarecatalog', 'Brief description of the organisation')"
 							@update:value="formData.beschrijvingKort = $event" />
 					</div>
@@ -68,7 +68,7 @@
 						<NcTextField
 							:value="formData.oin"
 							:label="t('softwarecatalog', 'OIN')"
-							:placeholder="t('softwarecatalog', 'Organisation Identification Number')"
+							:placeholder="t('softwarecatalog', 'Organisation identification number')"
 							@update:value="formData.oin = $event" />
 					</div>
 
@@ -101,7 +101,7 @@
 						<template #icon>
 							<NcLoadingIcon v-if="loading" :size="20" />
 						</template>
-						{{ isEditMode ? t('softwarecatalog', 'Update Organisation') : t('softwarecatalog', 'Create Organisation') }}
+						{{ isEditMode ? t('softwarecatalog', 'Update organisation') : t('softwarecatalog', 'Create organisation') }}
 					</NcButton>
 				</div>
 			</form>
@@ -183,11 +183,11 @@ export default {
 		},
 		modalTitle() {
 			if (this.isEditMode) {
-				return this.t('softwarecatalog', 'Edit Organisation')
+				return this.t('softwarecatalog', 'Edit organisation')
 			} else if (this.isCopyMode) {
-				return this.t('softwarecatalog', 'Copy Organisation')
+				return this.t('softwarecatalog', 'Copy organisation')
 			}
-			return this.t('softwarecatalog', 'Create Organisation')
+			return this.t('softwarecatalog', 'Create organisation')
 		},
 		isFormValid() {
 			return this.formData.naam.trim().length > 0

src/navigation/MainMenu.vue

@@ -1,10 +1,11 @@
 <template>
 	<NcAppNavigation>
 		<NcAppNavigationList>
+
 			<!-- Dashboard -->
 			<NcAppNavigationItem
 				:active="navigationStore.selected === 'dashboard'"
-				name="Dashboard"
+				:name="t('softwarecatalog', 'Dashboard')"
 				@click="navigationStore.setSelected('dashboard')">
 				<template #icon>
 					<ViewDashboard :size="20" />
@@ -23,18 +24,30 @@
 				</template>
 			</NcAppNavigationItem>
 		</NcAppNavigationList>
+
+		<NcAppNavigationSettings>
+			<NcAppNavigationItem
+				:name="t('softwarecatalog', 'Settings')"
+				@click="$emit('open-settings')">
+				<template #icon>
+					<Cog :size="20" />
+				</template>
+			</NcAppNavigationItem>
+		</NcAppNavigationSettings>
 	</NcAppNavigation>
 </template>
 <script>
 import {
 	NcAppNavigation,
 	NcAppNavigationList,
 	NcAppNavigationItem,
+	NcAppNavigationSettings,
 } from '@nextcloud/vue'
 import { navigationStore, objectStore } from '../store/store.js'
 
 // Icons
 import ViewDashboard from 'vue-material-design-icons/ViewDashboard.vue'
+import Cog from 'vue-material-design-icons/Cog.vue'
 import OfficeBuildingOutline from 'vue-material-design-icons/OfficeBuildingOutline.vue'
 import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
 import ApplicationCog from 'vue-material-design-icons/ApplicationCog.vue'
@@ -58,12 +71,15 @@
  */
 export default {
 	name: 'MainMenu',
+	emits: ['open-settings'],
 	components: {
 		NcAppNavigation,
 		NcAppNavigationList,
 		NcAppNavigationItem,
+		NcAppNavigationSettings,
 		// Icons
 		ViewDashboard,
+		Cog,
 		OfficeBuildingOutline,
 		AccountMultiple,
 		ApplicationCog,

src/sidebars/dashboard/DashboardSideBar.vue

@@ -1,17 +1,13 @@
-<script setup>
-// No imports needed for this simple component
-</script>
-
 <template>
 	<NcAppSidebar
-		name="Software Catalog"
-		subname="Quick navigation">
-		<NcAppSidebarTab id="info-tab" name="Information" :order="1">
+		:name="t('softwarecatalog', 'Software catalog')"
+		:subname="t('softwarecatalog', 'Quick navigation')">
+		<NcAppSidebarTab id="info-tab" :name="t('softwarecatalog', 'Information')" :order="1">
 			<template #icon>
 				<InformationOutline :size="20" />
 			</template>
 			<NcNoteCard type="info">
-				<p>Welcome to the Software Catalog dashboard. Use the main navigation to access different features.</p>
+				<p>{{ t('softwarecatalog', 'Welcome to the Software Catalog dashboard. Use the main navigation to access different features.') }}</p>
 			</NcNoteCard>
 		</NcAppSidebarTab>
 	</NcAppSidebar>