oys/bab-app
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects 1 Releases 2 Wiki Activity

Add beginning of Google Auth

Browse Source
This commit is contained in:
Patrick Toal
2023-11-18 00:49:06 -05:00
parent f2d4ce12d4
commit 7b70c13f3f
11 changed files with 599 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/boot/appwrite.ts
View File

@@ -18,7 +18,7 @@ export default boot(({ app, urlPath, router }) => {
// Initialize store
const authStore = useAuthStore();
authStore.init().then(() => {
authStore.currentUser && router.replace('/');
authStore.currentUser ? router.replace('/') : router.replace('login');
});
});

8
src/components/GoogleOauthComponent.vue Normal file
View File

@@ -0,0 +1,8 @@
<template>
<div @click="auth.googleLogin()">Login with Google</div>
</template>
<script setup lang="ts">
import { useAuthStore } from 'src/stores/auth';
const auth = useAuthStore();
</script>

6
src/pages/IndexPage.vue
View File

@@ -23,14 +23,8 @@
</template>
<script lang="ts" setup>
import { defineComponent } from 'vue';
import { links } from 'src/router/navlinks.js';
import { useAuthStore } from 'stores/auth';
const auth = useAuthStore();
defineComponent({
name: 'IndexPage',
components: {},
});
</script>

6
src/pages/LoginPage.vue
View File

@@ -44,6 +44,7 @@
></q-btn> -->
</q-form>
</q-card-section>
<q-card-section><GoogleOauthComponent /></q-card-section>
</q-card>
</q-page>
</q-page-container>
@@ -68,10 +69,7 @@
<script setup lang="ts">
import { ref } from 'vue';
import { login } from 'boot/appwrite';
defineOptions({
name: 'LoginPage',
});
import GoogleOauthComponent from 'src/components/GoogleOauthComponent.vue';
const email = ref('');
const password = ref('');

163
src/pages/PrivacyPolicyPage.vue Normal file
View File

@@ -0,0 +1,163 @@
<template>
<q-page padding>
<h1>Privacy Policy for bab.toal.ca</h1>
<p>
At OYS BAB Test, accessible from https://bab.toal.ca, one of our main
priorities is the privacy of our visitors. This Privacy Policy document
contains types of information that is collected and recorded by OYS BAB
Test and how we use it.
</p>
<p>
If you have additional questions or require more information about our
Privacy Policy, do not hesitate to contact us. Our Privacy Policy was
generated with the help of
<a href="https://www.gdprprivacypolicy.net/"
>GDPR Privacy Policy Generator</a
>
</p>
<h2>General Data Protection Regulation (GDPR)</h2>
<p>We are a Data Controller of your information.</p>
<p>
bab.toal.ca legal basis for collecting and using the personal information
described in this Privacy Policy depends on the Personal Information we
collect and the specific context in which we collect the information:
</p>
<ul>
<li>bab.toal.ca needs to perform a contract with you</li>
<li>You have given bab.toal.ca permission to do so</li>
<li>
Processing your personal information is in bab.toal.ca legitimate
interests
</li>
<li>bab.toal.ca needs to comply with the law</li>
</ul>
<p>
bab.toal.ca will retain your personal information only for as long as is
necessary for the purposes set out in this Privacy Policy. We will retain
and use your information to the extent necessary to comply with our legal
obligations, resolve disputes, and enforce our policies.
</p>
<p>
If you are a resident of the European Economic Area (EEA), you have
certain data protection rights. If you wish to be informed what Personal
Information we hold about you and if you want it to be removed from our
systems, please contact us.
</p>
<p>
In certain circumstances, you have the following data protection rights:
</p>
<ul>
<li>
The right to access, update or to delete the information we have on you.
</li>
<li>The right of rectification.</li>
<li>The right to object.</li>
<li>The right of restriction.</li>
<li>The right to data portability</li>
<li>The right to withdraw consent</li>
</ul>
<h2>Log Files</h2>
<p>
OYS BAB Test follows a standard procedure of using log files. These files
log visitors when they visit websites. All hosting companies do this and a
part of hosting services' analytics. The information collected by log
files include internet protocol (IP) addresses, browser type, Internet
Service Provider (ISP), date and time stamp, referring/exit pages, and
possibly the number of clicks. These are not linked to any information
that is personally identifiable. The purpose of the information is for
analyzing trends, administering the site, tracking users' movement on the
website, and gathering demographic information.
</p>
<h2>Cookies and Web Beacons</h2>
<p>
Like any other website, OYS BAB Test uses "cookies". These cookies are
used to store information including visitors' preferences, and the pages
on the website that the visitor accessed or visited. The information is
used to optimize the users' experience by customizing our web page content
based on visitors' browser type and/or other information.
</p>
<h2>Privacy Policies</h2>
<P
>You may consult this list to find the Privacy Policy for each of the
advertising partners of OYS BAB Test.</P
>
<p>
Third-party ad servers or ad networks uses technologies like cookies,
JavaScript, or Web Beacons that are used in their respective
advertisements and links that appear on OYS BAB Test, which are sent
directly to users' browser. They automatically receive your IP address
when this occurs. These technologies are used to measure the effectiveness
of their advertising campaigns and/or to personalize the advertising
content that you see on websites that you visit.
</p>
<p>
Note that OYS BAB Test has no access to or control over these cookies that
are used by third-party advertisers.
</p>
<h2>Third Party Privacy Policies</h2>
<p>
OYS BAB Test's Privacy Policy does not apply to other advertisers or
websites. Thus, we are advising you to consult the respective Privacy
Policies of these third-party ad servers for more detailed information. It
may include their practices and instructions about how to opt-out of
certain options.
</p>
<p>
You can choose to disable cookies through your individual browser options.
To know more detailed information about cookie management with specific
web browsers, it can be found at the browsers' respective websites.
</p>
<h2>Children's Information</h2>
<p>
Another part of our priority is adding protection for children while using
the internet. We encourage parents and guardians to observe, participate
in, and/or monitor and guide their online activity.
</p>
<p>
OYS BAB Test does not knowingly collect any Personal Identifiable
Information from children under the age of 13. If you think that your
child provided this kind of information on our website, we strongly
encourage you to contact us immediately and we will do our best efforts to
promptly remove such information from our records.
</p>
<h2>Online Privacy Policy Only</h2>
<p>
Our Privacy Policy applies only to our online activities and is valid for
visitors to our website with regards to the information that they shared
and/or collect in OYS BAB Test. This policy is not applicable to any
information collected offline or via channels other than this website.
</p>
<h2>Consent</h2>
<p>
By using our website, you hereby consent to our Privacy Policy and agree
to its terms.
</p>
</q-page>
</template>
<script setup lang="ts"></script>

119
src/pages/TermsOfServicePage.vue Normal file
View File

@@ -0,0 +1,119 @@
<template>
<q-page padding>
<h1>Website Terms and Conditions of Use</h1>
<h2>1. Terms</h2>
<p>
By accessing this Website, accessible from https://bab.toal.ca, you are
agreeing to be bound by these Website Terms and Conditions of Use and
agree that you are responsible for the agreement with any applicable local
laws. If you disagree with any of these terms, you are prohibited from
accessing this site. The materials contained in this Website are protected
by copyright and trade mark law.
</p>
<h2>2. Use License</h2>
<p>
Permission is granted to temporarily download one copy of the materials on
bab.toal.ca's Website for personal, non-commercial transitory viewing
only. This is the grant of a license, not a transfer of title, and under
this license you may not:
</p>
<ul>
<li>modify or copy the materials;</li>
<li>
use the materials for any commercial purpose or for any public display;
</li>
<li>
attempt to reverse engineer any software contained on bab.toal.ca's
Website;
</li>
<li>
remove any copyright or other proprietary notations from the materials;
or
</li>
<li>
transferring the materials to another person or "mirror" the materials
on any other server.
</li>
</ul>
<p>
This will let bab.toal.ca to terminate upon violations of any of these
restrictions. Upon termination, your viewing right will also be terminated
and you should destroy any downloaded materials in your possession whether
it is printed or electronic format. These Terms of Service has been
created with the help of the
<a href="https://www.termsofservicegenerator.net"
>Terms Of Service Generator</a
>.
</p>
<h2>3. Disclaimer</h2>
<p>
All the materials on bab.toal.ca's Website are provided "as is".
bab.toal.ca makes no warranties, may it be expressed or implied, therefore
negates all other warranties. Furthermore, bab.toal.ca does not make any
representations concerning the accuracy or reliability of the use of the
materials on its Website or otherwise relating to such materials or any
sites linked to this Website.
</p>
<h2>4. Limitations</h2>
<p>
bab.toal.ca or its suppliers will not be hold accountable for any damages
that will arise with the use or inability to use the materials on
bab.toal.ca's Website, even if bab.toal.ca or an authorize representative
of this Website has been notified, orally or written, of the possibility
of such damage. Some jurisdiction does not allow limitations on implied
warranties or limitations of liability for incidental damages, these
limitations may not apply to you.
</p>
<h2>5. Revisions and Errata</h2>
<p>
The materials appearing on bab.toal.ca's Website may include technical,
typographical, or photographic errors. bab.toal.ca will not promise that
any of the materials in this Website are accurate, complete, or current.
bab.toal.ca may change the materials contained on its Website at any time
without notice. bab.toal.ca does not make any commitment to update the
materials.
</p>
<h2>6. Links</h2>
<p>
bab.toal.ca has not reviewed all of the sites linked to its Website and is
not responsible for the contents of any such linked site. The presence of
any link does not imply endorsement by bab.toal.ca of the site. The use of
any linked website is at the user's own risk.
</p>
<h2>7. Site Terms of Use Modifications</h2>
<p>
bab.toal.ca may revise these Terms of Use for its Website at any time
without prior notice. By using this Website, you are agreeing to be bound
by the current version of these Terms and Conditions of Use.
</p>
<h2>8. Your Privacy</h2>
<p>Please read our Privacy Policy.</p>
<h2>9. Governing Law</h2>
<p>
Any claim related to bab.toal.ca's Website shall be governed by the laws
of ca without regards to its conflict of law provisions.
</p>
</q-page>
</template>
<script setup lang="ts"></script>

163
src/privacypolicy.html Normal file
View File

@@ -0,0 +1,163 @@
<template>
<q-page padding>
<h1>Privacy Policy for bab.toal.ca</h1>
<p>
At OYS BAB Test, accessible from https://bab.toal.ca, one of our main
priorities is the privacy of our visitors. This Privacy Policy document
contains types of information that is collected and recorded by OYS BAB
Test and how we use it.
</p>
<p>
If you have additional questions or require more information about our
Privacy Policy, do not hesitate to contact us. Our Privacy Policy was
generated with the help of
<a href="https://www.gdprprivacypolicy.net/"
>GDPR Privacy Policy Generator</a
>
</p>
<h2>General Data Protection Regulation (GDPR)</h2>
<p>We are a Data Controller of your information.</p>
<p>
bab.toal.ca legal basis for collecting and using the personal information
described in this Privacy Policy depends on the Personal Information we
collect and the specific context in which we collect the information:
</p>
<ul>
<li>bab.toal.ca needs to perform a contract with you</li>
<li>You have given bab.toal.ca permission to do so</li>
<li>
Processing your personal information is in bab.toal.ca legitimate
interests
</li>
<li>bab.toal.ca needs to comply with the law</li>
</ul>
<p>
bab.toal.ca will retain your personal information only for as long as is
necessary for the purposes set out in this Privacy Policy. We will retain
and use your information to the extent necessary to comply with our legal
obligations, resolve disputes, and enforce our policies.
</p>
<p>
If you are a resident of the European Economic Area (EEA), you have
certain data protection rights. If you wish to be informed what Personal
Information we hold about you and if you want it to be removed from our
systems, please contact us.
</p>
<p>
In certain circumstances, you have the following data protection rights:
</p>
<ul>
<li>
The right to access, update or to delete the information we have on you.
</li>
<li>The right of rectification.</li>
<li>The right to object.</li>
<li>The right of restriction.</li>
<li>The right to data portability</li>
<li>The right to withdraw consent</li>
</ul>
<h2>Log Files</h2>
<p>
OYS BAB Test follows a standard procedure of using log files. These files
log visitors when they visit websites. All hosting companies do this and a
part of hosting services' analytics. The information collected by log
files include internet protocol (IP) addresses, browser type, Internet
Service Provider (ISP), date and time stamp, referring/exit pages, and
possibly the number of clicks. These are not linked to any information
that is personally identifiable. The purpose of the information is for
analyzing trends, administering the site, tracking users' movement on the
website, and gathering demographic information.
</p>
<h2>Cookies and Web Beacons</h2>
<p>
Like any other website, OYS BAB Test uses "cookies". These cookies are
used to store information including visitors' preferences, and the pages
on the website that the visitor accessed or visited. The information is
used to optimize the users' experience by customizing our web page content
based on visitors' browser type and/or other information.
</p>
<h2>Privacy Policies</h2>
<P
>You may consult this list to find the Privacy Policy for each of the
advertising partners of OYS BAB Test.</P
>
<p>
Third-party ad servers or ad networks uses technologies like cookies,
JavaScript, or Web Beacons that are used in their respective
advertisements and links that appear on OYS BAB Test, which are sent
directly to users' browser. They automatically receive your IP address
when this occurs. These technologies are used to measure the effectiveness
of their advertising campaigns and/or to personalize the advertising
content that you see on websites that you visit.
</p>
<p>
Note that OYS BAB Test has no access to or control over these cookies that
are used by third-party advertisers.
</p>
<h2>Third Party Privacy Policies</h2>
<p>
OYS BAB Test's Privacy Policy does not apply to other advertisers or
websites. Thus, we are advising you to consult the respective Privacy
Policies of these third-party ad servers for more detailed information. It
may include their practices and instructions about how to opt-out of
certain options.
</p>
<p>
You can choose to disable cookies through your individual browser options.
To know more detailed information about cookie management with specific
web browsers, it can be found at the browsers' respective websites.
</p>
<h2>Children's Information</h2>
<p>
Another part of our priority is adding protection for children while using
the internet. We encourage parents and guardians to observe, participate
in, and/or monitor and guide their online activity.
</p>
<p>
OYS BAB Test does not knowingly collect any Personal Identifiable
Information from children under the age of 13. If you think that your
child provided this kind of information on our website, we strongly
encourage you to contact us immediately and we will do our best efforts to
promptly remove such information from our records.
</p>
<h2>Online Privacy Policy Only</h2>
<p>
Our Privacy Policy applies only to our online activities and is valid for
visitors to our website with regards to the information that they shared
and/or collect in OYS BAB Test. This policy is not applicable to any
information collected offline or via channels other than this website.
</p>
<h2>Consent</h2>
<p>
By using our website, you hereby consent to our Privacy Policy and agree
to its terms.
</p>
</q-page>
</template>
<script setup lang="ts"></script>

1
src/router/index.ts
View File

@@ -41,7 +41,6 @@ export default route(function (/* { store, ssrContext } */) {
if (!auth.ready) {
return false;
}
if (auth.currentUser) {
return to.meta.accountRoute ? { name: 'index' } : true;
} else {

16
src/router/routes.ts
View File

@@ -71,6 +71,22 @@ const routes: RouteRecordRaw[] = [
publicRoute: true,
},
},
{
path: '/terms-of-service',
component: () => import('pages/TermsOfServicePage.vue'),
name: 'tospage',
meta: {
publicRoute: true,
},
},
{
path: '/privacy-policy',
component: () => import('pages/PrivacyPolicyPage.vue'),
name: 'privacy-policy',
meta: {
publicRoute: true,
},
},
// {
// path: '/register',
// component: () => import('pages/RegisterPage.vue'),

11
src/stores/auth.ts
View File

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia';
import { ID, account } from 'boot/appwrite';
import type { Models } from 'appwrite';
import { ref } from 'vue';
import { useRouter } from 'vue-router';
export const useAuthStore = defineStore('auth', () => {
const currentUser = ref<Models.User<Models.Preferences> | null>(null);
@@ -24,10 +25,18 @@ export const useAuthStore = defineStore('auth', () => {
await account.createEmailSession(email, password);
currentUser.value = await account.get();
}
async function googleLogin() {
account.createOAuth2Session(
'google',
'https://bab.toal.ca/',
'https://bab.toal.ca/#/login'
);
currentUser.value = await account.get();
}
function logout() {
return account.deleteSession('current').then((currentUser.value = null));
}
return { currentUser, register, login, logout, init, ready };
return { currentUser, register, login, googleLogin, logout, init, ready };
});

117
src/tos.html Normal file
View File

@@ -0,0 +1,117 @@
<html>
<body>
<h1>Website Terms and Conditions of Use</h1>
<h2>1. Terms</h2>
<p>
By accessing this Website, accessible from https://bab.toal.ca, you are
agreeing to be bound by these Website Terms and Conditions of Use and
agree that you are responsible for the agreement with any applicable local
laws. If you disagree with any of these terms, you are prohibited from
accessing this site. The materials contained in this Website are protected
by copyright and trade mark law.
</p>
<h2>2. Use License</h2>
<p>
Permission is granted to temporarily download one copy of the materials on
bab.toal.ca's Website for personal, non-commercial transitory viewing
only. This is the grant of a license, not a transfer of title, and under
this license you may not:
</p>
<ul>
<li>modify or copy the materials;</li>
<li>
use the materials for any commercial purpose or for any public display;
</li>
<li>
attempt to reverse engineer any software contained on bab.toal.ca's
Website;
</li>
<li>
remove any copyright or other proprietary notations from the materials;
or
</li>
<li>
transferring the materials to another person or "mirror" the materials
on any other server.
</li>
</ul>
<p>
This will let bab.toal.ca to terminate upon violations of any of these
restrictions. Upon termination, your viewing right will also be terminated
and you should destroy any downloaded materials in your possession whether
it is printed or electronic format. These Terms of Service has been
created with the help of the
<a href="https://www.termsofservicegenerator.net"
>Terms Of Service Generator</a
>.
</p>
<h2>3. Disclaimer</h2>
<p>
All the materials on bab.toal.ca's Website are provided "as is".
bab.toal.ca makes no warranties, may it be expressed or implied, therefore
negates all other warranties. Furthermore, bab.toal.ca does not make any
representations concerning the accuracy or reliability of the use of the
materials on its Website or otherwise relating to such materials or any
sites linked to this Website.
</p>
<h2>4. Limitations</h2>
<p>
bab.toal.ca or its suppliers will not be hold accountable for any damages
that will arise with the use or inability to use the materials on
bab.toal.ca's Website, even if bab.toal.ca or an authorize representative
of this Website has been notified, orally or written, of the possibility
of such damage. Some jurisdiction does not allow limitations on implied
warranties or limitations of liability for incidental damages, these
limitations may not apply to you.
</p>
<h2>5. Revisions and Errata</h2>
<p>
The materials appearing on bab.toal.ca's Website may include technical,
typographical, or photographic errors. bab.toal.ca will not promise that
any of the materials in this Website are accurate, complete, or current.
bab.toal.ca may change the materials contained on its Website at any time
without notice. bab.toal.ca does not make any commitment to update the
materials.
</p>
<h2>6. Links</h2>
<p>
bab.toal.ca has not reviewed all of the sites linked to its Website and is
not responsible for the contents of any such linked site. The presence of
any link does not imply endorsement by bab.toal.ca of the site. The use of
any linked website is at the user's own risk.
</p>
<h2>7. Site Terms of Use Modifications</h2>
<p>
bab.toal.ca may revise these Terms of Use for its Website at any time
without prior notice. By using this Website, you are agreeing to be bound
by the current version of these Terms and Conditions of Use.
</p>
<h2>8. Your Privacy</h2>
<p>Please read our Privacy Policy.</p>
<h2>9. Governing Law</h2>
<p>
Any claim related to bab.toal.ca's Website shall be governed by the laws
of ca without regards to its conflict of law provisions.
</p>
</body>
</html>