jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged PR 81: Oauth

Browse Source
This commit is contained in:
Dominic Villemure
2024-06-27 23:16:39 +00:00
parent af476501de 87612d63ea
commit b85a7f95b7
13 changed files with 832 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/LoginView.vue
View File

@@ -3,12 +3,12 @@
<div class="sm:flex hidden items-center justify-between flex-col"
style="background-color: #f4f4f4; margin-top: 3%;">
<body style="background-color: #f4f4f4;">
<div style="background-color: #f4f4f4;">
<v-container style=" background-color: #f4f4f4;">
<v-row align="center" justify="center">
<!-- Header -->
<v-col cols="8" lg="8" md="10" sm="10" xs="10" style=" align-items: center; ">
<img class="login-picture" src="/images/hutopymedia/loginpage/loginhutopy.png">
<img class="login-picture" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="">
</v-col>
<!-- Connexion-objects -->
@@ -36,6 +36,14 @@
<v-btn color="#6b0065" class="ma-2 btnhome">Accueil</v-btn>
</router-link>
<v-btn color="primary" class="ma-2 btnhome" @click="login">Login</v-btn>
<GoogleLogin :callback="googleCallback" popup-type="TOKEN">
<v-btn color="primary" class="ma-2 btnhome">Google Login</v-btn>
</GoogleLogin>
<!-- <FacebookAuth :appId="facebookAppId" @on-submit="facebookCallback">-->
<!-- <v-btn color="primary" class="ma-2 btnhome">Facebook Login</v-btn>-->
<!-- </FacebookAuth>-->
</v-card-actions>
<div class="text-center">
<h2 class="text-center display-3 h2pasinscrit">Pas encore inscrit?</h2>
@@ -48,7 +56,7 @@
</v-row>
</v-container>
</body>
</div>
<FooterLayout></FooterLayout>
</div>
@@ -92,10 +100,12 @@
<script setup>
import FooterLayout from '@/layouts/FooterLayout.vue';
import { useClient } from "@/plugins/api.js";
import { auth } from '@/stores/auth.js';
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import {auth} from '@/stores/auth.js';
import {ref} from 'vue';
import {useRouter} from 'vue-router';
import {useClient} from "@/plugins/api.js";
import {GoogleLogin} from "vue3-google-login";
import { FacebookAuth } from '@xtiannyeto/vue-auth-social';
const api = useClient()
@@ -106,14 +116,27 @@ let user = ref({});
let errorSnackBar = ref(false);
async function login() {
// TODO: Make the store handle errors
try {
await store.login(api, user.value.email, user.value.password)
router.push('/');
await router.push('/');
} catch (error) {
errorSnackBar.value = true;
}
}
const googleCallback = async (response) => {
// TODO: Make the store handle errors
await store.loginGoogle(api, response["access_token"])
await router.push("/");
}
const facebookAppId = import.meta.env.VITE_FACEBOOK_APP_ID;
const facebookCallback = async (response) => {
console.log("User Successfully Logged In" , response)
}
</script>
<style scoped>

3
src/views/StripePayment.vue
View File

@@ -55,8 +55,7 @@ const isPaymentDialogActive = ref(false);
var checkout;
onMounted(async () => {
// I removed api key to push. Need to get it from backend.
stripe = await loadStripe('');
stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
})
const fetchClientSecret = async () => {

2
src/views/main/CreatorFolio.vue
View File

@@ -938,4 +938,4 @@ let navigationItems = [
margin-left: 40px;
}
}
</style>
</style>

12
src/views/main/HomeView.vue
View File

@@ -391,25 +391,13 @@
<script async setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue';
import { useClient } from "@/plugins/api.js";
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter()
const client = useClient();
let itemList = ref([]);
let errorNoAccessSnackBar = ref(false);
async function callBackend() {
try {
const response = await client.get('/api/JoinUs?PageNumber=1&PageSize=10');
itemList.value = response.data.items;
} catch (error) {
errorNoAccessSnackBar.value = true;
}
}
const goToLoginPage = () => {
router.push('/login');
}