denis/gremiumhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): Fix all type issues

Browse Source
This commit is contained in:
Denis Lugowski
2025-11-15 08:40:09 +01:00
parent 1c8815d4ce
commit daf619d6eb
16 changed files with 88 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
legalconsenthub/app/components/FormEngine.vue
View File

@@ -96,8 +96,11 @@ function getDropdownItems(formElementId: string, formElementPosition: number): D
function updateFormOptions(formOptions: FormOptionDto[], formElementIndex: number) {
console.log('Updating form options for element index:', formElementIndex, formOptions)
const updatedModelValue = [...props.modelValue]
updatedModelValue[formElementIndex] = { ...updatedModelValue[formElementIndex], options: formOptions }
emit('update:modelValue', updatedModelValue)
const currentElement = updatedModelValue[formElementIndex]
if (currentElement) {
updatedModelValue[formElementIndex] = { ...currentElement, options: formOptions }
emit('update:modelValue', updatedModelValue)
}
}
function toggleComments(formElementId: string) {

8
legalconsenthub/app/components/FormValidationIndicator.vue
View File

@@ -91,13 +91,13 @@ const statusLabel = computed(() => {
const badgeColor = computed(() => {
switch (props.status) {
case ComplianceStatus.Critical:
return 'red'
return 'error' as const
case ComplianceStatus.Warning:
return 'yellow'
return 'warning' as const
case ComplianceStatus.NonCritical:
return 'green'
return 'success' as const
default:
return 'green'
return 'success' as const
}
})

1
legalconsenthub/app/components/TheComment.vue
View File

@@ -8,6 +8,7 @@
:avatar="{ icon: 'i-lucide-bot' }"
:content="comment.message"
role="user"
:parts="[{ type: 'text', text: comment.message }]"
:side="isCommentByUser(comment) ? 'right' : 'left'"
variant="subtle"
:actions="createChatMessageActions(comment)"

4
legalconsenthub/app/components/UserMenu.vue
View File

@@ -65,9 +65,9 @@ const userStore = useUserStore()
const { user: keyCloakUser } = storeToRefs(userStore)
const user = ref({
name: keyCloakUser.value.name,
name: keyCloakUser.value?.name ?? 'UNKNOWN',
avatar: {
alt: keyCloakUser.value.name
alt: keyCloakUser.value?.name ?? 'UNKNOWN'
}
})

14
legalconsenthub/app/components/VersionHistory.vue
View File

@@ -137,20 +137,20 @@ async function handleRestore() {
}
}
function getStatusColor(status: ApplicationFormStatus): string {
function getStatusColor(status: ApplicationFormStatus) {
switch (status) {
case 'DRAFT':
return 'gray'
return 'neutral' as const
case 'SUBMITTED':
return 'blue'
return 'info' as const
case 'APPROVED':
return 'green'
return 'success' as const
case 'REJECTED':
return 'red'
return 'error' as const
case 'SIGNED':
return 'primary'
return 'primary' as const
default:
return 'gray'
return 'neutral' as const
}
}

9
legalconsenthub/app/components/formelements/TheCheckbox.vue
View File

@@ -14,15 +14,16 @@ const emit = defineEmits<{
}>()
const modelValue = computed({
get: () => props.formOptions?.[0].value === 'true',
get: () => props.formOptions[0]?.value === 'true',
set: (val) => {
if (props.formOptions?.[0]) {
const firstOption = props.formOptions[0]
if (firstOption) {
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...updatedModelValue[0], value: val.toString() }
updatedModelValue[0] = { ...firstOption, value: val.toString() }
emit('update:formOptions', updatedModelValue)
}
}
})
const label = computed(() => props.formOptions?.[0].label ?? '')
const label = computed(() => props.formOptions[0]?.label ?? '')
</script>

7
legalconsenthub/app/components/formelements/TheInput.vue
View File

@@ -17,11 +17,12 @@ const emit = defineEmits<{
}>()
const modelValue = computed({
get: () => props.formOptions?.[0].value ?? '',
get: () => props.formOptions[0]?.value ?? '',
set: (val) => {
if (val && props.formOptions?.[0].value) {
const firstOption = props.formOptions[0]
if (val && firstOption) {
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...updatedModelValue[0], value: val.toString() }
updatedModelValue[0] = { ...firstOption, value: val.toString() }
emit('update:formOptions', updatedModelValue)
}
}

9
legalconsenthub/app/components/formelements/TheSwitch.vue
View File

@@ -14,15 +14,16 @@ const emit = defineEmits<{
}>()
const modelValue = computed({
get: () => props.formOptions?.[0].value === 'true',
get: () => props.formOptions[0]?.value === 'true',
set: (val) => {
if (props.formOptions?.[0]) {
const firstOption = props.formOptions[0]
if (firstOption) {
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...updatedModelValue[0], value: val.toString() }
updatedModelValue[0] = { ...firstOption, value: val.toString() }
emit('update:formOptions', updatedModelValue)
}
}
})
const label = computed(() => props.formOptions?.[0].label ?? '')
const label = computed(() => props.formOptions[0]?.label ?? '')
</script>

34
legalconsenthub/app/components/formelements/TheTitleBodyInput.vue
View File

@@ -23,33 +23,39 @@ const SEPARATOR = '|||'
const title = computed({
get: () => {
const currentValue = props.formOptions?.[0]?.value ?? ''
const currentValue = props.formOptions[0]?.value ?? ''
return splitValue(currentValue).title
},
set: (newTitle: string) => {
const currentValue = props.formOptions?.[0]?.value ?? ''
const { body: currentBody } = splitValue(currentValue)
const combinedValue = joinValue(newTitle, currentBody)
const firstOption = props.formOptions[0]
if (firstOption) {
const currentValue = firstOption.value ?? ''
const { body: currentBody } = splitValue(currentValue)
const combinedValue = joinValue(newTitle, currentBody)
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...updatedModelValue[0], value: combinedValue }
emit('update:formOptions', updatedModelValue)
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...firstOption, value: combinedValue }
emit('update:formOptions', updatedModelValue)
}
}
})
const body = computed({
get: () => {
const currentValue = props.formOptions?.[0]?.value ?? ''
const currentValue = props.formOptions[0]?.value ?? ''
return splitValue(currentValue).body
},
set: (newBody: string) => {
const currentValue = props.formOptions?.[0]?.value ?? ''
const { title: currentTitle } = splitValue(currentValue)
const combinedValue = joinValue(currentTitle, newBody)
const firstOption = props.formOptions[0]
if (firstOption) {
const currentValue = firstOption.value ?? ''
const { title: currentTitle } = splitValue(currentValue)
const combinedValue = joinValue(currentTitle, newBody)
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...updatedModelValue[0], value: combinedValue }
emit('update:formOptions', updatedModelValue)
const updatedModelValue = [...props.formOptions]
updatedModelValue[0] = { ...firstOption, value: combinedValue }
emit('update:formOptions', updatedModelValue)
}
}
})

2
legalconsenthub/app/composables/notification/useNotification.ts
View File

@@ -92,7 +92,7 @@ export const useNotification = () => {
try {
await markNotificationAsRead(notificationId, organizationId.value)
const index = notifications.value.findIndex((n) => n.id === notificationId)
if (index !== -1) {
if (index !== -1 && notifications.value[index]) {
notifications.value[index].isRead = true
}
// Remove from unread notifications

2
legalconsenthub/app/composables/useApplicationFormValidator.ts
View File

@@ -10,7 +10,7 @@ export function useApplicationFormValidator() {
const highestComplianceNumber = Math.max(
...complianceStatusValues.map((complianceStatus) => Object.values(ComplianceStatus).indexOf(complianceStatus))
)
return Object.values(ComplianceStatus)[highestComplianceNumber]
return Object.values(ComplianceStatus)[highestComplianceNumber] ?? ComplianceStatus.NonCritical
}
function validateFormElements(formElements: FormElementDto[]): Map<FormElementId, ComplianceStatus> {

2
legalconsenthub/app/composables/useServerHealth.ts
View File

@@ -3,7 +3,7 @@ export const isChecking = ref(false)
export const lastCheckTime = ref<Date | null>(null)
export function useServerHealth() {
const checkInterval = ref<NodeJS.Timeout | null>(null)
const checkInterval = ref<ReturnType<typeof setInterval> | null>(null)
const healthCheckUrl = '/api/actuator/health'
async function checkServerHealth(): Promise<boolean> {

2
legalconsenthub/app/middleware/refreshToken.global.ts
View File

@@ -32,7 +32,7 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
console.info('access token expired, refreshing')
await useRequestFetch()('/api/jwt/refresh', {
method: 'POST',
onResponse({ response: { headers } }) {
onResponse({ response: { headers } }: { response: { headers: any } }) {
// Forward the Set-Cookie header to the main server event
if (import.meta.server && serverEvent) {
for (const setCookie of headers.getSetCookie()) {

5
legalconsenthub/app/pages/index.vue
View File

@@ -120,7 +120,10 @@ const selectedOrganizationId = computed({
},
set(item) {
// TODO: USelect triggers multiple times after single selection
selectedOrganization.value = organizations.value.find((i: Organization) => i.id === item) ?? null
const foundOrg = organizations.value?.find((i: Organization) => i.id === item) ?? null
if (foundOrg !== undefined) {
selectedOrganization.value = foundOrg
}
}
})

20
legalconsenthub/stores/useCommentStore.ts
View File

@@ -59,9 +59,12 @@ export const useCommentStore = defineStore('Comment', () => {
try {
const updatedComment = await commentApi.updateComment(id, commentDto)
const formElementId = updatedComment.formElementId
const index = comments.value?.[formElementId]?.findIndex((comment) => comment.id === id) ?? -1
if (index !== -1 && comments.value?.[formElementId][index]) {
comments.value[formElementId][index] = updatedComment
const formElementComments = comments.value?.[formElementId]
if (formElementComments) {
const index = formElementComments.findIndex((comment) => comment.id === id)
if (index !== -1 && formElementComments[index]) {
formElementComments[index] = updatedComment
}
}
return updatedComment
} catch (e: unknown) {
@@ -78,10 +81,13 @@ export const useCommentStore = defineStore('Comment', () => {
try {
await commentApi.deleteCommentById(id)
for (const formElementId in comments.value) {
const index = comments.value[formElementId].findIndex((comment) => comment.id === id)
if (index !== -1) {
comments.value[formElementId].splice(index, 1)
break
const formElementComments = comments.value[formElementId]
if (formElementComments) {
const index = formElementComments.findIndex((comment) => comment.id === id)
if (index !== -1) {
formElementComments.splice(index, 1)
break
}
}
}
} catch (e: unknown) {

18
legalconsenthub/stores/useUserStore.ts
View File

@@ -2,11 +2,21 @@ import type { Organization } from '~~/types/keycloak'
export const useUserStore = defineStore('Organization', () => {
const { user } = useUserSession()
const selectedOrganization = computed<Organization | null>(() => {
if (!user.value?.organizations || user.value.organizations.length === 0) {
return null
const _selectedOrganization = ref<Organization | null>(null)
const selectedOrganization = computed<Organization | null>({
get: () => {
if (_selectedOrganization.value) {
return _selectedOrganization.value
}
if (!user.value?.organizations || user.value.organizations.length === 0) {
return null
}
return user.value.organizations[0]
},
set: (value: Organization | null) => {
_selectedOrganization.value = value
}
return user.value.organizations[0]
})
return {