Skip to content

TK-75: Disclaimer text and changes for the login page #67

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
burkkyy merged 2 commits into from
Sep 4, 2026
Merged

TK-75: Disclaimer text and changes for the login page #67

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e7b73cd
:art: Update sign-in page disclaimer, labels, and tab title.
burkkyy Sep 4, 2026
2167dc8
:cherry_blossom: Render the sign-in button label in sentence case.
burkkyy Sep 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion web/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Traditional Knowledge</title>
<title>Traditional Knowledge Vault</title>
</head>
<body>
<div id="app"></div>
Expand Down
8 changes: 4 additions & 4 deletions web/src/config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const prodConfig = {
clientId: "cGFfr4ZNoqn88sJGBS8VgnbG6oCV2ACc",
audience: "generic-production",
apiBaseUrl: "",
applicationName: "Traditional Knowledge",
applicationName: "Traditional Knowledge Vault",
matomoHost: MATOMO_HOST,
matomoSiteId: MATOMO_SITE_ID,
}
Expand All @@ -22,7 +22,7 @@ const uatConfig = {
clientId: "11878vWk1pmhwyVQwsr2m2zM3w3e912U",
audience: "generic-uat",
apiBaseUrl: "",
applicationName: "Traditional Knowledge - UAT",
applicationName: "Traditional Knowledge Vault - UAT",
matomoHost: MATOMO_HOST,
matomoSiteId: MATOMO_SITE_ID,
}
Expand All @@ -32,7 +32,7 @@ const devConfig = {
clientId: "fsWyrDohhHtojdOpOFnAYtFMxwAMHUEF",
audience: "testing",
apiBaseUrl: DEVELOPMENT_API_BASE_URL,
applicationName: "Traditional Knowledge",
applicationName: "Traditional Knowledge Vault",
matomoHost: MATOMO_HOST,
matomoSiteId: MATOMO_SITE_ID,
}
Expand All @@ -42,7 +42,7 @@ const localProductionConfig = {
clientId: "cGFfr4ZNoqn88sJGBS8VgnbG6oCV2ACc",
audience: "generic-production",
apiBaseUrl: "http://localhost:8080",
applicationName: "Traditional Knowledge",
applicationName: "Traditional Knowledge Vault",
matomoHost: MATOMO_HOST,
matomoSiteId: MATOMO_SITE_ID,
}
Expand Down
71 changes: 36 additions & 35 deletions web/src/pages/SignInPage.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,15 @@
class="d-lg-flex align-center justify-center"
style="overflow: hidden"
>
<v-icon
class="d-none d-lg-flex"
color="secondary"
size="400"
style="opacity: 1"
>mdi-library</v-icon
>
<div class="d-none d-lg-block text-secondary px-16">
<p
v-for="(paragraph, index) in disclaimerParagraphs"
:key="index"
class="text-h6 font-weight-regular mb-6"
>
{{ paragraph }}
</p>
</div>
</v-col>
<v-col
cols="12"
Expand All @@ -30,50 +32,43 @@
class="d-flex align-center justify-center py-5"
style="width: 100%; background-color: #f9f4d4"
:style="{
borderLeft: mdAndDown ? '10px #466653 solid' : '10px #466653 solid',
borderLeft: '10px #466653 solid',
marginLeft: mdAndDown ? '16px' : '-20px',
marginRight: mdAndDown ? '16px' : '0px',
}"
>
<v-icon
v-if="mdAndDown"
color="secondary"
:size="smAndUp ? 200 : 100"
>mdi-library</v-icon
>
<div class="text-center px-5">
<h2 class="text-h3 font-weight-semibold mb-4 mx-10">Traditional Knowledge Vault</h2>
<div class="text-subtitle-1 mb-6 mt-n3 font-weight-bold">Yukon Government</div>
<div class="mt-6 text-center">
<v-btn
class="text-none"
color="primary"
@click="doLogin"
>
Sign in
</v-btn>
<div class="text-subtitle-1 mt-5">Using your MyYukon Credentials</div>
<div class="text-subtitle-1 mt-5">Sign in using MyYukon Credentials</div>
<v-divider class="my-2" />
<em style="font-weight: 700">Secure Digital Storage</em>
<em style="font-weight: 700">
The MyYukon service is being used for safe and secure access to the TK Vault. The TK
Vault is a shared space for intergovernmental collaboration and is not publicly
accessible
</em>
</div>

<v-divider class="my-5" />
<template v-if="mdAndDown">
<v-divider class="my-5" />

<div class="text-caption text-left">
<p class="mb-2">
You're about to login to the Vault that holds information provided under a
government-to-government agreement, for the purpose of informing the Government of
Yukon's work, actions and/or decision-making.
</p>
<p class="mb-2">
All access to contents will be audited and viewable to the respective Parties of an
information sharing agreement for accountability.
</p>
<p class="mb-0">
By logging in, you indicate you are aware of the expectations of working with
Traditional Knowledge, risks for failing to comply with the terms and conditions of
an information sharing agreement and, that you are responsible for your own actions.
</p>
</div>
<div class="text-caption text-left text-secondary">
<p
v-for="(paragraph, index) in disclaimerParagraphs"
:key="index"
class="mb-2"
>
{{ paragraph }}
</p>
</div>
</template>
</div>
</div>
</v-col>
Expand All @@ -88,12 +83,18 @@ import { useDisplay } from "vuetify"

import useCurrentUser from "@/use/use-current-user"

const { mdAndDown, smAndUp } = useDisplay()
const { mdAndDown } = useDisplay()

const { reset: resetCurrentUser } = useCurrentUser()

const { loginWithRedirect } = useAuth0()

const disclaimerParagraphs = [
"The Vault is a secure digital storage mechanism intended to improve how the Government of Yukon reflects, respects and protects Traditional Knowledge in a way that is authorized, appropriate and accountable.",
"It is important to note that the Traditional Knowledge contents within have been shared under a government-to-government Information Sharing Agreement that sets out the commitments and responsibilities each government has agreed to uphold.",
"By logging in, you acknowledge and agree to uphold the commitments made by your respective government as set out in the terms and conditions of the relevant Information Sharing Agreement.",
]

onMounted(() => {
resetCurrentUser()
})
Expand Down
2 changes: 1 addition & 1 deletion web/src/plugins/router-plugin.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const router = createRouter({
})

router.beforeEach(async (to) => {
document.title = `${APPLICATION_NAME} : ${to.meta.title ? " " + to.meta.title : ""}`
document.title = to.meta.title ? `${APPLICATION_NAME} - ${to.meta.title}` : APPLICATION_NAME

if (to.meta.requiresAuth === false) return true

Expand Down