Browse Source

Merge pull request 'refactor: standardize view headings across all components' (#207) from view-headings-refresh into master

Reviewed-on: https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/pulls/207
master
Jose Olarte 3 5 days ago
parent
commit
d9f9460be7
  1. 13
      src/components/TopMessage.vue
  2. 17
      src/views/AccountViewView.vue
  3. 30
      src/views/ClaimAddRawView.vue
  4. 28
      src/views/ClaimView.vue
  5. 25
      src/views/ConfirmContactView.vue
  6. 33
      src/views/ConfirmGiftView.vue
  7. 23
      src/views/ContactAmountsView.vue
  8. 29
      src/views/ContactEditView.vue
  9. 24
      src/views/ContactGiftingView.vue
  10. 30
      src/views/ContactImportView.vue
  11. 21
      src/views/ContactQRScanFullView.vue
  12. 19
      src/views/ContactQRScanShowView.vue
  13. 19
      src/views/ContactsView.vue
  14. 29
      src/views/DIDView.vue
  15. 15
      src/views/DeepLinkErrorView.vue
  16. 5
      src/views/DeepLinkRedirectView.vue
  17. 29
      src/views/DiscoverView.vue
  18. 35
      src/views/GiftedDetailsView.vue
  19. 31
      src/views/HelpNotificationTypesView.vue
  20. 29
      src/views/HelpNotificationsView.vue
  21. 8
      src/views/HelpOnboardingView.vue
  22. 30
      src/views/HelpView.vue
  23. 30
      src/views/HomeView.vue
  24. 25
      src/views/IdentitySwitcherView.vue
  25. 29
      src/views/ImportAccountView.vue
  26. 31
      src/views/ImportDerivedAccountView.vue
  27. 33
      src/views/InviteOneView.vue
  28. 31
      src/views/LogView.vue
  29. 28
      src/views/NewActivityView.vue
  30. 29
      src/views/NewEditAccountView.vue
  31. 30
      src/views/NewEditProjectView.vue
  32. 31
      src/views/NewIdentifierView.vue
  33. 32
      src/views/OfferDetailsView.vue
  34. 20
      src/views/OnboardMeetingListView.vue
  35. 20
      src/views/OnboardMeetingMembersView.vue
  36. 20
      src/views/OnboardMeetingSetupView.vue
  37. 42
      src/views/ProjectViewView.vue
  38. 27
      src/views/ProjectsView.vue
  39. 31
      src/views/QuickActionBvcBeginView.vue
  40. 30
      src/views/QuickActionBvcEndView.vue
  41. 33
      src/views/QuickActionBvcView.vue
  42. 28
      src/views/RecentOffersToUserProjectsView.vue
  43. 28
      src/views/RecentOffersToUserView.vue
  44. 33
      src/views/SearchAreaView.vue
  45. 36
      src/views/SeedBackupView.vue
  46. 35
      src/views/ShareMyContactInfoView.vue
  47. 22
      src/views/SharedPhotoView.vue
  48. 33
      src/views/StartView.vue
  49. 31
      src/views/StatisticsView.vue
  50. 29
      src/views/TestView.vue
  51. 33
      src/views/UserProfileView.vue

13
src/components/TopMessage.vue

@ -1,16 +1,9 @@
<template> <template>
<div <div
class="absolute right-5 top-[max(0.75rem,env(safe-area-inset-top),var(--safe-area-inset-top,0px))]" v-if="message"
class="-mt-6 bg-rose-100 border border-t-0 border-dashed border-rose-600 text-rose-900 text-sm text-center font-semibold rounded-b-md px-3 py-2 mb-3"
> >
<span class="align-center text-red-500 mr-2">{{ message }}</span> {{ message }}
<span class="ml-2">
<router-link
:to="{ name: 'help' }"
class="text-xs uppercase 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-1.5 py-1 rounded-md ml-1"
>
Help
</router-link>
</span>
</div> </div>
</template> </template>

17
src/views/AccountViewView.vue

@ -1,6 +1,5 @@
<template> <template>
<QuickNav selected="Profile" /> <QuickNav selected="Profile" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<main <main
@ -9,11 +8,23 @@
role="main" role="main"
aria-label="Account Profile" aria-label="Account Profile"
> >
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light">
<!-- Main View Heading -->
<div class="flex gap-4 items-center mb-8">
<h1 id="ViewHeading" class="text-2xl font-bold leading-none">
Your Identity Your Identity
</h1> </h1>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<!-- ID notice --> <!-- ID notice -->
<div <div
v-if="!activeDid" v-if="!activeDid"

30
src/views/ClaimAddRawView.vue

@ -1,19 +1,27 @@
<template> <template>
<QuickNav />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Back -->
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw" />
</button>
Raw Claim Raw Claim
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div class="flex"> <div class="flex">

28
src/views/ClaimView.vue

@ -2,19 +2,27 @@
<QuickNav /> <QuickNav />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
Verifiable Claim Details
</h1>
<!-- Back --> <!-- Back -->
<button <a
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="order-first text-lg text-center leading-none p-1"
aria-label="Go back"
@click="$router.go(-1)" @click="$router.go(-1)"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</button> </a>
Verifiable Claim Details
</h1> <!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Details --> <!-- Details -->

25
src/views/ConfirmContactView.vue

@ -1,18 +1,27 @@
<template> <template>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel --> Confirm Contact
</h1>
<!-- Back -->
<router-link <router-link
class="order-first text-lg text-center leading-none p-1"
:to="{ name: 'account' }" :to="{ name: 'account' }"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" >
><font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</router-link> </router-link>
Confirm Contact <!-- Help button -->
</h1> <router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<p class="text-center text-xl mb-4 font-light"> <p class="text-center text-xl mb-4 font-light">

33
src/views/ConfirmGiftView.vue

@ -1,18 +1,11 @@
<template> <template>
<QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div id="ViewBreadcrumb" class="mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <!-- Sub View Heading -->
<!-- Back --> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<button <h1 class="grow text-xl text-center font-semibold leading-tight">
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="fa-fw" />
</button>
<span <span
v-if=" v-if="
libsUtil.isGiveRecordTheUserCanConfirm( libsUtil.isGiveRecordTheUserCanConfirm(
@ -27,6 +20,22 @@
</span> </span>
<span v-else>Confirmation Details</span> <span v-else>Confirmation Details</span>
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div v-if="giveDetails && !isLoading"> <div v-if="giveDetails && !isLoading">

23
src/views/ContactAmountsView.vue

@ -2,18 +2,27 @@
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<section class="p-6 pb-24 max-w-3xl mx-auto"> <section class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Header --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Transferred with {{ contact?.name }}
</h1>
<!-- Back -->
<router-link <router-link
class="order-first text-lg text-center leading-none p-1"
:to="{ name: 'contacts' }" :to="{ name: 'contacts' }"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</router-link> </router-link>
<h1 class="text-4xl text-center font-light pt-4"> <!-- Help button -->
Transferred with {{ contact?.name }} <router-link
</h1> :to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Info Messages --> <!-- Info Messages -->

29
src/views/ContactEditView.vue

@ -1,19 +1,28 @@
<template> <template>
<QuickNav selected="Contacts" /> <section id="ContactEdit" class="p-6 max-w-3xl mx-auto">
<TopMessage /> <TopMessage />
<section id="ContactEdit" class="p-6 max-w-3xl mx-auto"> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-4xl text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
{{ contact?.name || AppString.NO_CONTACT_NAME }}
</h1>
<!-- Back --> <!-- Back -->
<button <a
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)" @click="$router.go(-1)"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</button> </a>
{{ contact?.name || AppString.NO_CONTACT_NAME }}
</h1> <!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Contact Name --> <!-- Contact Name -->

24
src/views/ContactGiftingView.vue

@ -2,17 +2,27 @@
<QuickNav selected="Home"></QuickNav> <QuickNav selected="Home"></QuickNav>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-2xl text-center font-semibold relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
{{ stepType === "giver" ? "Given by..." : "Given to..." }}
</h1>
<!-- Back --> <!-- Back -->
<router-link <router-link
class="order-first text-lg text-center leading-none p-1"
:to="{ name: 'home' }" :to="{ name: 'home' }"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" >
><font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</router-link>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link> </router-link>
{{ stepType === "giver" ? "Given by..." : "Given to..." }}
</h1>
</div> </div>
<!-- Results List --> <!-- Results List -->

30
src/views/ContactImportView.vue

@ -1,20 +1,28 @@
<template> <template>
<QuickNav selected="Contacts"></QuickNav> <QuickNav selected="Contacts"></QuickNav>
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Contact Import
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Contact Import :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div v-if="checkingImports" class="text-center"> <div v-if="checkingImports" class="text-center">
<font-awesome icon="spinner" class="animate-spin" /> <font-awesome icon="spinner" class="animate-spin" />

21
src/views/ContactQRScanFullView.vue

@ -2,26 +2,27 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="relative w-[100vw] h-[100vh]"> <section id="Content" class="relative w-[100vw] h-[100vh]">
<div :class="mainContentClasses"> <div :class="mainContentClasses">
<div class="mb-4"> <!-- Sub View Heading -->
<h1 class="text-xl text-center font-semibold relative"> <div id="SubViewHeading" class="flex gap-4 items-start mb-4">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Share Contact Info
</h1>
<!-- Back --> <!-- Back -->
<a <a
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="order-first text-lg text-center leading-none p-1"
@click="handleBack" @click="handleBack"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a> </a>
<!-- Quick Help --> <!-- Quick Help -->
<a <a
class="text-xl text-center text-blue-500 px-2 py-1 absolute -right-2 -top-1" class="block text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
@click="toastQRCodeHelp()" @click="toastQRCodeHelp()"
> >
<font-awesome icon="circle-question" class="fa-fw" /> <font-awesome icon="question" class="block text-center w-[1em]" />
</a> </a>
Share Contact Info
</h1>
</div> </div>
<div <div
@ -235,7 +236,7 @@ export default class ContactQRScanFull extends Vue {
* Computed property for main content container CSS classes * Computed property for main content container CSS classes
*/ */
get mainContentClasses(): string { get mainContentClasses(): string {
return "p-6 bg-white w-full max-w-[calc((100vh-max(env(safe-area-inset-top),var(--safe-area-inset-top,0px))-max(env(safe-area-inset-bottom),var(--safe-area-inset-bottom,0px)))*0.4)] mx-auto"; return "p-4 bg-white w-full max-w-[calc((100vh-max(env(safe-area-inset-top),var(--safe-area-inset-top,0px))-max(env(safe-area-inset-bottom),var(--safe-area-inset-bottom,0px)))*0.4)] mx-auto";
} }
/** /**

19
src/views/ContactQRScanShowView.vue

@ -1,26 +1,27 @@
<template> <template>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<div class="mb-2"> <!-- Sub View Heading -->
<h1 class="text-2xl text-center font-semibold relative px-7"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Share Contact Info
</h1>
<!-- Back --> <!-- Back -->
<a <a
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" class="order-first text-lg text-center leading-none p-1"
@click="handleBack" @click="handleBack"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a> </a>
<!-- Quick Help --> <!-- Quick Help -->
<a <a
class="text-2xl text-center text-blue-500 px-2 py-1 absolute -right-2 -top-1" class="block text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
@click="toastQRCodeHelp()" @click="toastQRCodeHelp()"
> >
<font-awesome icon="circle-question" class="fa-fw" /> <font-awesome icon="question" class="block text-center w-[1em]" />
</a> </a>
Share Contact Info
</h1>
</div> </div>
<div v-if="!givenName" :class="nameWarningClasses"> <div v-if="!givenName" :class="nameWarningClasses">

19
src/views/ContactsView.vue

@ -1,14 +1,25 @@
<template> <template>
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light">
<!-- Main View Heading -->
<div class="flex gap-4 items-center mb-4">
<h1 id="ViewHeading" class="text-2xl font-bold leading-none">
Your Contacts Your Contacts
</h1> </h1>
<div class="flex justify-between py-2 mt-8"> <!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div class="flex justify-between py-2 mt-4">
<span /> <span />
<span> <span>
<a <a

29
src/views/DIDView.vue

@ -1,22 +1,31 @@
<template> <template>
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div id="ViewBreadcrumb" class="mb-8">
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7"> <!-- Sub View Heading -->
<!-- Go to 'contacts' instead of just 'back' because they could get here from an edit page <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
(and going back there is annoying). --> <h1 class="grow text-xl text-center font-semibold leading-tight">
Identifier Details
</h1>
<!-- Back -->
<router-link <router-link
class="order-first text-lg text-center leading-none p-1"
:to="{ name: 'contacts' }" :to="{ name: 'contacts' }"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</router-link>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link> </router-link>
Identifier Details
</h1>
</div> </div>
<!-- Identity Details --> <!-- Identity Details -->

15
src/views/DeepLinkErrorView.vue

@ -1,7 +1,15 @@
<template> <template>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<h1>Invalid Deep Link</h1> <!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1
class="grow text-rose-500 text-xl text-center font-semibold leading-tight"
>
Invalid Deep Link
</h1>
</div>
<div class="error-details"> <div class="error-details">
<div class="error-message"> <div class="error-message">
<h3>Error Details</h3> <h3>Error Details</h3>
@ -114,11 +122,6 @@ onMounted(() => {
</script> </script>
<style scoped> <style scoped>
h1 {
color: #ff4444;
margin-bottom: 24px;
}
h2, h2,
h3 { h3 {
color: #333; color: #333;

5
src/views/DeepLinkRedirectView.vue

@ -2,9 +2,12 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<div class="mb-4"> <div class="mb-4">
<h1 class="text-2xl text-center font-semibold relative px-7"> <!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Redirecting to Time Safari Redirecting to Time Safari
</h1> </h1>
</div>
<div v-if="destinationUrl" class="space-y-4"> <div v-if="destinationUrl" class="space-y-4">
<!-- Platform-specific messaging --> <!-- Platform-specific messaging -->

29
src/views/DiscoverView.vue

@ -1,13 +1,22 @@
<template> <template>
<QuickNav selected="Discover" /> <QuickNav selected="Discover" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light">
Discover Projects & People <!-- Main View Heading -->
</h1> <div class="flex gap-4 items-center mb-4">
<h1 id="ViewHeading" class="text-2xl font-bold leading-none">Discover</h1>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<OnboardingDialog ref="onboardingDialog" /> <OnboardingDialog ref="onboardingDialog" />
@ -904,7 +913,7 @@ export default class DiscoverView extends Vue {
public computedLocalTabStyleClassNames() { public computedLocalTabStyleClassNames() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
@ -922,7 +931,7 @@ export default class DiscoverView extends Vue {
public computedMappedTabStyleClassNames() { public computedMappedTabStyleClassNames() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
@ -940,7 +949,7 @@ export default class DiscoverView extends Vue {
public computedRemoteTabStyleClassNames() { public computedRemoteTabStyleClassNames() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
@ -958,7 +967,7 @@ export default class DiscoverView extends Vue {
public computedProjectsTabStyleClassNames() { public computedProjectsTabStyleClassNames() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
@ -976,7 +985,7 @@ export default class DiscoverView extends Vue {
public computedPeopleTabStyleClassNames() { public computedPeopleTabStyleClassNames() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,

35
src/views/GiftedDetailsView.vue

@ -1,24 +1,33 @@
<template> <template>
<QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div id="ViewBreadcrumb" class="mb-8">
<h1 class="text-2xl text-center font-semibold relative px-7 mb-2"> <div class="mb-8">
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-4">
<h1 class="grow text-xl text-center font-semibold leading-tight">
What Was Given
</h1>
<!-- Back --> <!-- Back -->
<div <a
v-if="!hideBackButton" class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="cancelBack()" @click="cancelBack()"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
What Was Given
</h1>
<h2 class="text-lg font-normal text-center overflow-hidden"> <h2 class="text-lg font-normal leading-tight text-center overflow-hidden">
<div class="truncate"> <div class="truncate">
From From
{{ {{

31
src/views/HelpNotificationTypesView.vue

@ -3,22 +3,27 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Notification Types
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Notification Types :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- eslint-disable prettier/prettier --> <!-- eslint-disable prettier/prettier -->

29
src/views/HelpNotificationsView.vue

@ -34,22 +34,27 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Notification Help
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="goBack()" @click="goBack()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Notification Help :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- eslint-disable prettier/prettier --> <!-- eslint-disable prettier/prettier -->

8
src/views/HelpOnboardingView.vue

@ -3,11 +3,9 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<!-- Don't include 'back' button since this is shown in a different window. --> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
Time Safari Onboarding Instructions Time Safari Onboarding Instructions
</h1> </h1>
</div> </div>

30
src/views/HelpView.vue

@ -3,23 +3,25 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Help
<span class="text-xs font-medium text-slate-500 uppercase">{{
package.version
}}</span>
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Spacer (no Help button) -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <div class="p-3 pe-3.5 pb-3.5"></div>
Help
<span class="text-xs text-gray-500">{{ package.version }}</span>
</h1>
</div> </div>
<!-- eslint-disable prettier/prettier max-len --> <!-- eslint-disable prettier/prettier max-len -->

30
src/views/HomeView.vue

@ -6,7 +6,6 @@ Raymer * @version 1.0.0 */
<template> <template>
<QuickNav selected="Home" /> <QuickNav selected="Home" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section <section
@ -14,11 +13,26 @@ Raymer * @version 1.0.0 */
class="p-6 pb-24 max-w-3xl mx-auto" class="p-6 pb-24 max-w-3xl mx-auto"
:data-active-did="activeDid" :data-active-did="activeDid"
> >
<h1 id="ViewHeading" class="text-4xl text-center font-light mb-8"> <TopMessage />
<!-- Main View Heading -->
<div class="flex gap-4 items-center mb-4">
<h1 id="ViewHeading" class="text-2xl font-bold leading-none">
{{ AppString.APP_NAME }} {{ AppString.APP_NAME }}
<span class="text-xs text-gray-500">{{ package.version }}</span> <span class="text-xs font-medium text-slate-500 uppercase">{{
package.version
}}</span>
</h1> </h1>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<OnboardingDialog ref="onboardingDialog" /> <OnboardingDialog ref="onboardingDialog" />
<!-- <!--
@ -97,9 +111,9 @@ Raymer * @version 1.0.0 */
<!-- Record Quick-Action --> <!-- Record Quick-Action -->
<div class="mb-6"> <div class="mb-6">
<div class="flex gap-2 items-center mb-2"> <div class="flex gap-2 items-center mb-2">
<h2 class="text-xl font-bold">Record something given by:</h2> <h2 class="font-bold">Record something given by:</h2>
<button <button
class="block ms-auto text-center text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-2 rounded-full" class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
@click="openGiftedPrompts()" @click="openGiftedPrompts()"
> >
<font-awesome <font-awesome
@ -143,10 +157,10 @@ Raymer * @version 1.0.0 */
<!-- Results List --> <!-- Results List -->
<div class="mt-4 mb-4"> <div class="mt-4 mb-4">
<div class="flex gap-2 items-center mb-3"> <div class="flex gap-2 items-center mb-3">
<h2 class="text-xl font-bold">Latest Activity</h2> <h2 class="font-bold">Latest Activity</h2>
<button <button
v-if="resultsAreFiltered()" v-if="resultsAreFiltered()"
class="block ms-auto text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-2 rounded-full" class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
@click="openFeedFilters()" @click="openFeedFilters()"
> >
<font-awesome <font-awesome
@ -156,7 +170,7 @@ Raymer * @version 1.0.0 */
</button> </button>
<button <button
v-else v-else
class="block ms-auto text-center text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-2 rounded-full" class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
@click="openFeedFilters()" @click="openFeedFilters()"
> >
<font-awesome <font-awesome

25
src/views/IdentitySwitcherView.vue

@ -1,18 +1,27 @@
<template> <template>
<QuickNav selected="Profile"></QuickNav> <QuickNav selected="Profile"></QuickNav>
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel --> Switch Identity
</h1>
<!-- Back -->
<router-link <router-link
class="order-first text-lg text-center leading-none p-1"
:to="{ name: 'account' }" :to="{ name: 'account' }"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" >
><font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</router-link> </router-link>
Switch Identity <!-- Help button -->
</h1> <router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Identity List --> <!-- Identity List -->

29
src/views/ImportAccountView.vue

@ -1,17 +1,26 @@
<template> <template>
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel -->
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left"></font-awesome>
</button>
Import Existing Identifier Import Existing Identifier
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Import Account Form --> <!-- Import Account Form -->
<p class="text-center text-xl mb-4 font-light"> <p class="text-center text-xl mb-4 font-light">

31
src/views/ImportDerivedAccountView.vue

@ -1,20 +1,29 @@
<template> <template>
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel -->
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left"></font-awesome>
</button>
Derive from Existing Identity Derive from Existing Identity
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Import Account Form -->
<!-- Import Account Form -->
<div> <div>
<p class="text-center text-xl mb-4 font-light"> <p class="text-center text-xl mb-4 font-light">
Will increment the maximum known derivation path from the existing seed. Will increment the maximum known derivation path from the existing seed.

33
src/views/InviteOneView.vue

@ -1,20 +1,31 @@
<template> <template>
<QuickNav selected="Invite" /> <QuickNav selected="Contacts" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<TopMessage />
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Invitations
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 class="text-4xl text-center font-light">Invitations</h1> <router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<ul class="ml-8 mt-4 list-outside list-disc w-5/6"> <ul class="ml-8 mt-4 list-outside list-disc w-5/6">
<li> <li>

31
src/views/LogView.vue

@ -1,22 +1,31 @@
<!-- This is useful in an environment where the download doesn't work. --> <!-- This is useful in an environment where the download doesn't work. -->
<template> <template>
<QuickNav selected="" /> <QuickNav selected="" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Back Button --> <TopMessage />
<div class="relative px-7">
<h1 <!-- Sub View Heading -->
class="text-lg text-center font-light px-2 py-1 absolute -left-2 -top-1" <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
@click="$router.back()" <h1 class="grow text-xl text-center font-semibold leading-tight">Logs</h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
> >
<font-awesome icon="chevron-left" class="mr-2" /> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light mb-6">Logs</h1> <router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<!-- Error Message --> <!-- Error Message -->
<div <div

28
src/views/NewActivityView.vue

@ -2,17 +2,27 @@
<QuickNav selected="Home"></QuickNav> <QuickNav selected="Home"></QuickNav>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Back -->
<font-awesome
icon="chevron-left"
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
/>
New Activity For You New Activity For You
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Display a single row with the name of "New Offers To You" with a count. --> <!-- Display a single row with the name of "New Offers To You" with a count. -->

29
src/views/NewEditAccountView.vue

@ -22,18 +22,27 @@
--> -->
<template> <template>
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel -->
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</button>
Edit Identity Edit Identity
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<input <input

30
src/views/NewEditProjectView.vue

@ -2,19 +2,27 @@
<QuickNav selected="Projects"></QuickNav> <QuickNav selected="Projects"></QuickNav>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Cancel -->
<!-- Back -->
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</button>
Edit Project Idea Edit Project Idea
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Project Details --> <!-- Project Details -->

31
src/views/NewIdentifierView.vue

@ -3,22 +3,27 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Your Identity
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Your Identity :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div class="flex justify-center py-12"> <div class="flex justify-center py-12">

32
src/views/OfferDetailsView.vue

@ -1,24 +1,32 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<TopMessage />
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
What Is Offered
</h1>
<!-- Back --> <!-- Back -->
<div <a
v-if="!hideBackButton" class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center font-light relative px-7"
>
<h1
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="cancelBack()" @click="cancelBack()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 class="text-4xl text-center font-light px-4 mb-4">What Is Offered</h1> <router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<h1 class="text-xl font-bold text-center mb-4"> <h1 class="text-xl font-bold text-center mb-4">
<span> Offer to {{ recipientDisplayName }} </span> <span> Offer to {{ recipientDisplayName }} </span>

20
src/views/OnboardMeetingListView.vue

@ -1,13 +1,27 @@
<template> <template>
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light mb-8">
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Onboarding Meetings Onboarding Meetings
</h1> </h1>
<!-- Spacer (no Back button) -->
<div class="order-first p-3 pe-3.5 pb-3.5"></div>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<!-- Loading State --> <!-- Loading State -->
<div v-if="isLoading" class="flex justify-center items-center py-8"> <div v-if="isLoading" class="flex justify-center items-center py-8">
<font-awesome icon="spinner" class="fa-spin-pulse" /> <font-awesome icon="spinner" class="fa-spin-pulse" />

20
src/views/OnboardMeetingMembersView.vue

@ -1,13 +1,27 @@
<template> <template>
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light mb-8">
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Meeting Members Meeting Members
</h1> </h1>
<!-- Spacer (no Back button) -->
<div class="order-first p-3 pe-3.5 pb-3.5"></div>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<!-- Loading Animation --> <!-- Loading Animation -->
<div <div
v-if="isLoading" v-if="isLoading"

20
src/views/OnboardMeetingSetupView.vue

@ -1,13 +1,27 @@
<template> <template>
<QuickNav selected="Contacts" /> <QuickNav selected="Contacts" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light">
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Onboarding Meeting Onboarding Meeting
</h1> </h1>
<!-- Spacer (no Back button) -->
<div class="order-first p-3 pe-3.5 pb-3.5"></div>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<!-- Existing Meeting Section --> <!-- Existing Meeting Section -->
<div <div
v-if="!isLoading && currentMeeting != null && !isInEditOrCreateMode()" v-if="!isLoading && currentMeeting != null && !isInEditOrCreateMode()"

42
src/views/ProjectViewView.vue

@ -1,23 +1,34 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div id="ViewBreadcrumb">
<div> <div class="mb-4">
<h1 class="text-center text-lg font-light relative px-7"> <!-- Sub View Heading -->
<!-- Back --> <div id="SubViewHeading" class="flex gap-4 items-start mb-4">
<button <h1 class="grow text-xl text-center font-semibold leading-tight">
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</button>
Project Idea Project Idea
</h1> </h1>
<h2 class="text-center text-xl font-semibold">
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<h2 class="text-center text-lg font-normal">
{{ name }} {{ name }}
<button <button
v-if="activeDid === issuer || activeDid === agentDid" v-if="activeDid === issuer || activeDid === agentDid"
@ -25,7 +36,7 @@
data-testId="editClaimButton" data-testId="editClaimButton"
@click="onEditClick()" @click="onEditClick()"
> >
<font-awesome icon="pen" class="text-sm text-blue-500 ml-2 mb-1" /> <font-awesome icon="pen" class="text-sm text-blue-500 ml-2" />
</button> </button>
<button <button
:title=" :title="
@ -38,12 +49,11 @@
<font-awesome <font-awesome
:icon="isStarred ? 'star' : ['far', 'star']" :icon="isStarred ? 'star' : ['far', 'star']"
:class="isStarred ? 'text-yellow-500' : 'text-slate-500'" :class="isStarred ? 'text-yellow-500' : 'text-slate-500'"
class="text-sm ml-2 mb-1" class="text-sm ml-2"
/> />
</button> </button>
</h2> </h2>
</div> </div>
</div>
<!-- Project Details --> <!-- Project Details -->
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mt-4"> <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mt-4">

27
src/views/ProjectsView.vue

@ -1,17 +1,28 @@
<template> <template>
<QuickNav selected="Projects" /> <QuickNav selected="Projects" />
<TopMessage />
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <TopMessage />
<h1 id="ViewHeading" class="text-4xl text-center font-light">
Your Project Ideas <!-- Main View Heading -->
<div class="flex gap-4 items-center mb-4">
<h1 id="ViewHeading" class="text-2xl font-bold leading-none">
Your Ideas
</h1> </h1>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<OnboardingDialog ref="onboardingDialog" /> <OnboardingDialog ref="onboardingDialog" />
<!-- Result Tabs --> <!-- Result Tabs -->
<div class="text-center text-slate-500 border-b border-slate-300 mt-8"> <div class="text-center text-slate-500 border-b border-slate-300 mt-4">
<ul class="flex flex-wrap justify-center gap-4 -mb-px"> <ul class="flex flex-wrap justify-center gap-4 -mb-px">
<li> <li>
<a <a
@ -646,7 +657,7 @@ export default class ProjectsView extends Vue {
get offerTabClasses() { get offerTabClasses() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
active: this.showOffers, active: this.showOffers,
@ -664,7 +675,7 @@ export default class ProjectsView extends Vue {
* @returns String with CSS classes for the floating new project button * @returns String with CSS classes for the floating new project button
*/ */
get newProjectButtonClasses() { get newProjectButtonClasses() {
return "fixed right-6 top-24 text-center text-4xl leading-none bg-green-600 text-white w-14 py-2.5 rounded-full"; return "fixed right-6 top-14 text-center text-4xl leading-none bg-green-600 text-white w-14 py-2.5 rounded-full";
} }
/** /**
@ -706,7 +717,7 @@ export default class ProjectsView extends Vue {
get projectTabClasses() { get projectTabClasses() {
return { return {
"inline-block": true, "inline-block": true,
"py-3": true, "py-2": true,
"rounded-t-lg": true, "rounded-t-lg": true,
"border-b-2": true, "border-b-2": true,
active: this.showProjects, active: this.showProjects,

31
src/views/QuickActionBvcBeginView.vue

@ -1,23 +1,32 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<TopMessage />
<!-- Sub View Heading -->
<div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Beginning of BVC Saturday Meeting
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="goBack()" @click="goBack()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4"> <router-link
Beginning of BVC Saturday Meeting :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div> <div>
<h2 class="text-2xl m-2">You're Here</h2> <h2 class="text-2xl m-2">You're Here</h2>

30
src/views/QuickActionBvcEndView.vue

@ -1,21 +1,33 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Back --> <TopMessage />
<div class="text-lg text-center font-light relative px-7">
<h1 :class="backButtonClasses" @click="$router.back()">
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</h1>
</div>
<!-- Heading --> <!-- Sub View Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
End of BVC Saturday Meeting End of BVC Saturday Meeting
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div> <div>
<h2 class="text-2xl m-2">Confirm</h2> <h2 class="text-2xl m-2">Confirm</h2>
<div v-if="loadingConfirms" class="flex justify-center"> <div v-if="loadingConfirms" class="flex justify-center">

33
src/views/QuickActionBvcView.vue

@ -1,24 +1,33 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Back --> <TopMessage />
<div class="text-lg text-center font-light relative px-7">
<h1
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</h1>
</div>
<!-- Heading --> <!-- Sub View Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Bountiful Voluntaryist Community Actions Bountiful Voluntaryist Community Actions
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div> <div>
<router-link <router-link
:to="{ name: 'quick-action-bvc-begin' }" :to="{ name: 'quick-action-bvc-begin' }"

28
src/views/RecentOffersToUserProjectsView.vue

@ -2,17 +2,27 @@
<QuickNav selected="Home"></QuickNav> <QuickNav selected="Home"></QuickNav>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Back -->
<font-awesome
icon="chevron-left"
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
/>
Offers to Your Projects Offers to Your Projects
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div v-if="newOffersToUserProjects.length === 0"> <div v-if="newOffersToUserProjects.length === 0">

28
src/views/RecentOffersToUserView.vue

@ -2,17 +2,27 @@
<QuickNav selected="Home"></QuickNav> <QuickNav selected="Home"></QuickNav>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div id="ViewBreadcrumb" class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="text-lg text-center font-light relative px-7"> <h1 class="grow text-xl text-center font-semibold leading-tight">
<!-- Back -->
<font-awesome
icon="chevron-left"
class="fa-fw text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
/>
Offers to You Offers to You
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div v-if="newOffersToUser.length === 0"> <div v-if="newOffersToUser.length === 0">

33
src/views/SearchAreaView.vue

@ -1,24 +1,27 @@
<template> <template>
<QuickNav />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Area for Nearby Search
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="goBack()"
@click="goBack"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Area for Nearby Search :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div class="px-2 py-4"> <div class="px-2 py-4">

36
src/views/SeedBackupView.vue

@ -28,31 +28,29 @@
--> -->
<template> <template>
<QuickNav selected="Profile" />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Back --> <!-- Sub View Heading -->
<div class="text-lg text-center font-light relative px-7"> <div class="flex gap-4 items-start mb-8">
<h1 <h1 class="grow text-xl text-center font-semibold leading-tight">
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="goBack"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</h1>
</div>
<!-- Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
Seed Backup Seed Backup
</h1> </h1>
<div class="flex justify-between py-2"> <!-- Back -->
<span /> <a
<span> class="order-first text-lg text-center leading-none p-1"
<router-link :to="{ name: 'help' }" :class="helpButtonClass"> @click="goBack()"
Help >
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link> </router-link>
</span>
</div> </div>
<div v-if="activeAccount"> <div v-if="activeAccount">

35
src/views/ShareMyContactInfoView.vue

@ -1,26 +1,31 @@
<template> <template>
<QuickNav /> <QuickNav />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-2 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-2 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div>
<!-- Back -->
<div class="text-lg text-center font-light relative px-7">
<button
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
aria-label="Go back"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw" />
</button>
</div>
<!-- Heading --> <!-- Sub View Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Share Your Contact Info Share Your Contact Info
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">

22
src/views/SharedPhotoView.vue

@ -39,10 +39,28 @@
<QuickNav /> <QuickNav />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Heading --> <!-- Sub View Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Image Image
</h1> </h1>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div>
<div v-if="imageBlob"> <div v-if="imageBlob">
<div v-if="uploading" class="text-center mb-4"> <div v-if="uploading" class="text-center mb-4">
<font-awesome icon="spinner" class="fa-spin-pulse" /> <font-awesome icon="spinner" class="fa-spin-pulse" />

33
src/views/StartView.vue

@ -3,26 +3,31 @@
id="Content" id="Content"
class="p-6 pb-24 min-h-screen flex flex-col justify-center" class="p-6 pb-24 min-h-screen flex flex-col justify-center"
> >
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Generate an Identity
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="goBack()"
@click="goBack"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Generate an Identity :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- id used by puppeteer test script --> <!-- id used by puppeteer test script -->
<div id="start-question" class="mt-8"> <div id="start-question">
<div class="max-w-3xl mx-auto"> <div class="max-w-3xl mx-auto">
<p class="text-center text-xl font-light"> <p class="text-center text-xl font-light">
How do you want to create this identifier? How do you want to create this identifier?

31
src/views/StatisticsView.vue

@ -3,22 +3,27 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">
Achievements & Statistics
</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Achievements & Statistics :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div> <div>

29
src/views/TestView.vue

@ -3,22 +3,25 @@
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <!-- Sub View Heading -->
<div class="mb-8"> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<h1 class="grow text-xl text-center font-semibold leading-tight">Test</h1>
<!-- Back --> <!-- Back -->
<div class="text-lg text-center font-light relative px-7"> <a
<h1 class="order-first text-lg text-center leading-none p-1"
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" @click="$router.go(-1)"
@click="$router.back()"
> >
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome> <font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</h1> </a>
</div>
<!-- Heading --> <!-- Help button -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> <router-link
Test :to="{ name: 'help' }"
</h1> class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<div v-if="isNotProdServer"> <div v-if="isNotProdServer">

33
src/views/UserProfileView.vue

@ -1,22 +1,31 @@
<template> <template>
<QuickNav selected="Discover" /> <QuickNav selected="Discover" />
<TopMessage />
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<!-- Breadcrumb --> <TopMessage />
<div id="ViewBreadcrumb" class="mb-8">
<h1 id="ViewHeading" class="text-lg text-center font-light relative px-7"> <!-- Sub View Heading -->
<!-- Back --> <div id="SubViewHeading" class="flex gap-4 items-start mb-8">
<button <h1 class="grow text-xl text-center font-semibold leading-tight">
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
@click="$router.back()"
>
<font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
</button>
Individual Profile Individual Profile
</h1> </h1>
<div class="text-sm text-center text-slate-500"></div>
<!-- Back -->
<a
class="order-first text-lg text-center leading-none p-1"
@click="$router.go(-1)"
>
<font-awesome icon="chevron-left" class="block text-center w-[1em]" />
</a>
<!-- Help button -->
<router-link
:to="{ name: 'help' }"
class="block ms-auto text-sm text-center text-white bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] p-1.5 rounded-full"
>
<font-awesome icon="question" class="block text-center w-[1em]" />
</router-link>
</div> </div>
<!-- Loading Animation --> <!-- Loading Animation -->

Loading…
Cancel
Save