test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: show all steps completed in banner

Browse Source
This commit is contained in:
Shariq Ansari 2025-03-12 18:17:36 +05:30
parent 5862745253
commit d673e88baa
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/GettingStartedBanner.vue
View File

@ -3,8 +3,8 @@
v-if="!isSidebarCollapsed"
class="m-2 flex flex-col gap-3 shadow-sm rounded-lg py-2.5 px-3 bg-surface-white text-base"
>
<div class="inline-flex gap-2">
<StepsIcon class="h-4 my-0.5" />
<div v-if="stepsCompleted != totalSteps" class="inline-flex gap-2">
<StepsIcon class="h-4 my-0.5 shrink-0" />
<div class="flex flex-col text-p-sm gap-0.5">
<div class="text-ink-gray-9 font-medium">
{{ __('Gettings started') }}
@ -14,7 +14,26 @@
</div>
</div>
</div>
<div v-else class="flex flex-col gap-1">
<div class="flex items-center justify-between gap-1">
<div class="flex items-center gap-2 shrink-0">
<StepsIcon class="h-4 my-0.5" />
<div class="text-ink-gray-9 font-medium">
{{ __('You are all set!') }}
</div>
</div>
<FeatherIcon
name="x"
class="h-4 cursor-pointer"
@click="isOnboardingStepsCompleted = true"
/>
</div>
<div class="text-p-sm text-ink-gray-7">
{{ __('All steps are completed successfully!') }}
</div>
</div>
<Button
v-if="stepsCompleted != totalSteps"
:label="__('Complete now')"
theme="blue"
@click="emit('completeNow')"
@ -23,7 +42,11 @@
</template>
<script setup>
import StepsIcon from '@/components/Icons/StepsIcon.vue'
import { useOnboarding } from '@/composables/onboarding'
import {
isOnboardingStepsCompleted,
useOnboarding,
} from '@/composables/onboarding'
import FeatherIcon from 'frappe-ui/src/components/FeatherIcon.vue'
const props = defineProps({
isSidebarCollapsed: {