adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-16 20:22:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

add feedback button in sidebar

Browse Source
This commit is contained in:
Gregor Vostrak
2025-10-01 13:10:29 +02:00
parent 1c787a0ad0
commit 4623697f79
3 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/Components/UserSettingsIcon.vue
View File

@@ -14,6 +14,7 @@ import {
ArrowLeftOnRectangleIcon, ArrowLeftOnRectangleIcon,
ChatBubbleLeftRightIcon, ChatBubbleLeftRightIcon,
} from '@heroicons/vue/24/solid'; } from '@heroicons/vue/24/solid';
import { openFeedback } from '@/utils/feedback';
const page = usePage<{ const page = usePage<{
has_services_extension?: boolean; has_services_extension?: boolean;
@@ -34,16 +35,6 @@ const page = usePage<{
const logout = () => { const logout = () => {
router.post(route('logout')); router.post(route('logout'));
}; };
const openFeedback = () => {
if (
typeof window !== 'undefined' &&
'showChatWindow' in window &&
typeof window.showChatWindow === 'function'
) {
window.showChatWindow();
}
};
</script> </script>
<template> <template>
<div class="relative"> <div class="relative">
@@ -53,7 +44,7 @@ const openFeedback = () => {
as-child> as-child>
<button data-testid="current_user_button"> <button data-testid="current_user_button">
<img <img
class="h-8 w-8 rounded-full object-cover" class="h-7 w-7 rounded-full object-cover"
:src="page.props.auth.user.profile_photo_url" :src="page.props.auth.user.profile_photo_url"
:alt="page.props.auth.user.name" /> :alt="page.props.auth.user.name" />
</button> </button>

17
resources/js/Layouts/AppLayout.vue
View File

@@ -47,6 +47,8 @@ import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser'; import { getCurrentOrganizationId } from '@/utils/useUser';
import LoadingSpinner from '@/packages/ui/src/LoadingSpinner.vue'; import LoadingSpinner from '@/packages/ui/src/LoadingSpinner.vue';
import { twMerge } from 'tailwind-merge'; import { twMerge } from 'tailwind-merge';
import Button from '@/Components/ui/button/Button.vue';
import { openFeedback } from '@/utils/feedback';
defineProps({ defineProps({
title: String, title: String,
@@ -94,8 +96,8 @@ onMounted(async () => {
}, 100); }, 100);
}; };
}); });
const page = usePage<{ const page = usePage<{
has_services_extension?: boolean;
auth: { auth: {
user: User; user: User;
}; };
@@ -242,14 +244,23 @@ const page = usePage<{
<div class="justify-self-end"> <div class="justify-self-end">
<UpdateSidebarNotification></UpdateSidebarNotification> <UpdateSidebarNotification></UpdateSidebarNotification>
<ul <ul
class="border-t border-default-background-separator pt-3 flex justify-between pr-4 items-center"> class="border-t border-default-background-separator pt-3 gap-1 pr-2 flex justify-between items-center">
<UserSettingsIcon></UserSettingsIcon>
<NavigationSidebarItem <NavigationSidebarItem
class="flex-1" class="flex-1"
title="Profile Settings" title="Profile Settings"
:icon="Cog6ToothIcon" :icon="Cog6ToothIcon"
:href="route('profile.show')"></NavigationSidebarItem> :href="route('profile.show')"></NavigationSidebarItem>
<UserSettingsIcon></UserSettingsIcon> <Button
v-if="page.props.has_services_extension"
variant="outline"
size="xs"
class="rounded-full ml-2 flex h-6 w-6 items-center text-xs text-icon-default justify-center"
@click="openFeedback">
?
</Button>
</ul> </ul>
</div> </div>
</div> </div>

9
resources/js/utils/feedback.ts Normal file
View File

@@ -0,0 +1,9 @@
export function openFeedback(): void {
if (
typeof window !== 'undefined' &&
'showChatWindow' in window &&
typeof window.showChatWindow === 'function'
) {
window.showChatWindow();
}
}