change to three prompts for an onboarding-method choice (first one doesn't work yet)

This commit is contained in:
2025-02-01 20:32:14 -07:00
parent 267d6e2488
commit ea80658e04
3 changed files with 172 additions and 18 deletions

View File

@@ -366,6 +366,8 @@
</div>
</div>
</section>
<ChoiceButtonDialog ref="choiceButtonDialog" />
</template>
<script lang="ts">
@@ -383,6 +385,7 @@ import OnboardingDialog from "@/components/OnboardingDialog.vue";
import QuickNav from "@/components/QuickNav.vue";
import TopMessage from "@/components/TopMessage.vue";
import UserNameDialog from "@/components/UserNameDialog.vue";
import ChoiceButtonDialog from "@/components/ChoiceButtonDialog.vue";
import {
AppString,
NotificationIface,
@@ -448,6 +451,7 @@ interface GiveRecordWithContactInfo extends GiveSummaryRecord {
GiftedPrompts,
InfiniteScroll,
OnboardingDialog,
ChoiceButtonDialog,
QuickNav,
TopMessage,
UserNameDialog,
@@ -949,24 +953,22 @@ export default class HomeView extends Vue {
}
promptForShareMethod() {
this.$notify(
{
group: "modal",
type: "confirm",
title: "Are you nearby with cameras?",
text: "If so, we'll use those with QR codes to share.",
onCancel: async () => {},
onNo: async () => {
(this.$router as Router).push({ name: "share-my-contact-info" });
},
onYes: async () => {
(this.$router as Router).push({ name: "contact-qr" });
},
noText: "we will share another way",
yesText: "we are nearby with cameras",
(this.$refs.choiceButtonDialog as ChoiceButtonDialog).open({
title: "How can you share your info?",
text: "",
option1Text: "We are in a meeting together",
option2Text: "We are nearby with cameras",
option3Text: "We will share some other way",
onOption1: () => {
(this.$router as Router).push({ name: "onboarding-meeting" });
},
-1,
);
onOption2: () => {
(this.$router as Router).push({ name: "contact-qr" });
},
onOption3: () => {
(this.$router as Router).push({ name: "share-my-contact-info" });
},
});
}
}
</script>