Browse Source

Started to add onboarding dialog to home view

v-onboarding-2024-04
Jose Olarte III 7 months ago
parent
commit
26fe64b1cc
  1. 13
      src/views/HomeView.vue

13
src/views/HomeView.vue

@ -164,6 +164,12 @@
> >
Ideas... Ideas...
</button> </button>
<button
@click="startOnboardingDialog()"
class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
>
(v-onboarding)
</button>
</div> </div>
</div> </div>
</div> </div>
@ -174,6 +180,7 @@
showGivenToUser="true" showGivenToUser="true"
/> />
<GiftedPrompts ref="giftedPrompts" /> <GiftedPrompts ref="giftedPrompts" />
<OnboardingDialog ref="onboardingDialog" />
<!-- Results List --> <!-- Results List -->
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4"> <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
@ -257,6 +264,7 @@ import GiftedPrompts from "@/components/GiftedPrompts.vue";
import InfiniteScroll from "@/components/InfiniteScroll.vue"; import InfiniteScroll from "@/components/InfiniteScroll.vue";
import QuickNav from "@/components/QuickNav.vue"; import QuickNav from "@/components/QuickNav.vue";
import TopMessage from "@/components/TopMessage.vue"; import TopMessage from "@/components/TopMessage.vue";
import OnboardingDialog from "@/components/OnboardingDialog.vue";
import { NotificationIface } from "@/constants/app"; import { NotificationIface } from "@/constants/app";
import { db, accountsDB } from "@/db/index"; import { db, accountsDB } from "@/db/index";
import { Account } from "@/db/tables/accounts"; import { Account } from "@/db/tables/accounts";
@ -291,6 +299,7 @@ interface GiveRecordWithContactInfo extends GiveServerRecord {
EntityIcon, EntityIcon,
InfiniteScroll, InfiniteScroll,
TopMessage, TopMessage,
OnboardingDialog,
}, },
}) })
export default class HomeView extends Vue { export default class HomeView extends Vue {
@ -578,5 +587,9 @@ export default class HomeView extends Vue {
openGiftedPrompts() { openGiftedPrompts() {
(this.$refs.giftedPrompts as GiftedPrompts).open(); (this.$refs.giftedPrompts as GiftedPrompts).open();
} }
startOnboardingDialog() {
/* Start the onboarding dialog here. */
}
} }
</script> </script>

Loading…
Cancel
Save