|
|
@ -5,7 +5,7 @@ |
|
|
<h1 class="text-xl font-bold text-center mb-4"> |
|
|
<h1 class="text-xl font-bold text-center mb-4"> |
|
|
Welcome to Time Safari |
|
|
Welcome to Time Safari |
|
|
<br /> |
|
|
<br /> |
|
|
Showcasing Gratitude & Magnifing Time |
|
|
- Showcasing Gratitude & Magnifing Time |
|
|
</h1> |
|
|
</h1> |
|
|
|
|
|
|
|
|
<p v-if="isRegistered" class="mt-4"> |
|
|
<p v-if="isRegistered" class="mt-4"> |
|
|
@ -73,10 +73,10 @@ |
|
|
</h1> |
|
|
</h1> |
|
|
|
|
|
|
|
|
<p> |
|
|
<p> |
|
|
It turns out that people in groups have more to be grateful for and get |
|
|
It turns out that people in groups have more to be grateful for -- and |
|
|
more accomplished, so here you'll find others who are doing interesting |
|
|
they get more accomplished. So here you'll find others who are doing |
|
|
things. Some may be in your neighborhood. Search for a topic, or search |
|
|
interesting things. Some may be in your neighborhood. Search for a |
|
|
around your location under "Nearby". |
|
|
topic, or search around your location under "Nearby". |
|
|
</p> |
|
|
</p> |
|
|
|
|
|
|
|
|
<p class="mt-4 flex items-center"> |
|
|
<p class="mt-4 flex items-center"> |
|
|
@ -96,7 +96,7 @@ |
|
|
class="block w-full text-center text-md 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 mb-2" |
|
|
class="block w-full text-center text-md 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 mb-2" |
|
|
@click="onClickClose(true)" |
|
|
@click="onClickClose(true)" |
|
|
> |
|
|
> |
|
|
No more help needed. |
|
|
No more help, thanks. |
|
|
</button> |
|
|
</button> |
|
|
<button |
|
|
<button |
|
|
type="button" |
|
|
type="button" |
|
|
@ -116,9 +116,8 @@ |
|
|
|
|
|
|
|
|
<p> |
|
|
<p> |
|
|
Now you can take a turn: throw out projects of your own... anything |
|
|
Now you can take a turn: throw out projects of your own... anything |
|
|
you'd like to see happen. If your first idea doesn't attract any fish, |
|
|
you'd like to see happen. If your first idea doesn't catch anyone, try, |
|
|
try, try again... and let others know that this is a good place to find |
|
|
try again... and let others know that this is a good place to find help. |
|
|
help. |
|
|
|
|
|
</p> |
|
|
</p> |
|
|
|
|
|
|
|
|
<p class="mt-4 flex items-center"> |
|
|
<p class="mt-4 flex items-center"> |
|
|
@ -127,7 +126,7 @@ |
|
|
icon="hand" |
|
|
icon="hand" |
|
|
class="ml-1 mr-1 text-lg text-white bg-slate-400 px-2 py-2 rounded" |
|
|
class="ml-1 mr-1 text-lg text-white bg-slate-400 px-2 py-2 rounded" |
|
|
/> |
|
|
/> |
|
|
button below brings you here to your ideas. |
|
|
button below brings you here to see your ideas. |
|
|
</p> |
|
|
</p> |
|
|
|
|
|
|
|
|
<div class="mt-8"> |
|
|
<div class="mt-8"> |
|
|
@ -136,16 +135,18 @@ |
|
|
type="button" |
|
|
type="button" |
|
|
data-testId="closeOnboardingAndFinish" |
|
|
data-testId="closeOnboardingAndFinish" |
|
|
class="block w-full text-center text-md 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 mb-2" |
|
|
class="block w-full text-center text-md 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 mb-2" |
|
|
@click="onClickClose(true)" |
|
|
@click="onClickClose(true, true)" |
|
|
> |
|
|
> |
|
|
Let's go! |
|
|
Let's go! |
|
|
|
|
|
<br /> |
|
|
|
|
|
See & record gratitude. |
|
|
</button> |
|
|
</button> |
|
|
<button |
|
|
<button |
|
|
type="button" |
|
|
type="button" |
|
|
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2" |
|
|
class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md mb-2" |
|
|
@click="$router.push({ name: 'help' })" |
|
|
@click="$router.push({ name: 'help' })" |
|
|
> |
|
|
> |
|
|
Take me to more Help. |
|
|
I want to read more Help. |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -155,6 +156,7 @@ |
|
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
<script lang="ts"> |
|
|
import { Component, Vue } from "vue-facing-decorator"; |
|
|
import { Component, Vue } from "vue-facing-decorator"; |
|
|
|
|
|
import { Router } from "vue-router"; |
|
|
|
|
|
|
|
|
import { NotificationIface } from "@/constants/app"; |
|
|
import { NotificationIface } from "@/constants/app"; |
|
|
import { |
|
|
import { |
|
|
@ -202,12 +204,15 @@ export default class OnboardingDialog extends Vue { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
async onClickClose(done?: boolean) { |
|
|
async onClickClose(done?: boolean, goHome?: boolean) { |
|
|
this.visible = false; |
|
|
this.visible = false; |
|
|
if (done) { |
|
|
if (done) { |
|
|
await updateAccountSettings(this.activeDid, { |
|
|
await updateAccountSettings(this.activeDid, { |
|
|
finishedOnboarding: true, |
|
|
finishedOnboarding: true, |
|
|
}); |
|
|
}); |
|
|
|
|
|
if (goHome) { |
|
|
|
|
|
(this.$router as Router).push({ name: "home" }); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
