vinchent/udemy-go-web-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Saving token to local storage

Browse Source
This commit is contained in:
vinchent
2024-08-13 22:46:26 +02:00
parent e7f6983a22
commit 769a24dff3
6 changed files with 78 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/js/common.js
View File

@ -1,6 +1,5 @@
export let card;
export let stripe;
const cardMessages = document.getElementById("card-messages");
const payButton = document.getElementById("pay-button");
export const processing = document.getElementById("processing-payment");
@ -14,18 +13,20 @@ export function showPayButton() {
processing.classList.add("d-none");
}
export function showCardError(msg) {
cardMessages.classList.add("alert-danger");
cardMessages.classList.remove("alert-success");
cardMessages.classList.remove("d-none");
cardMessages.innerText = msg;
export function showError(element, msg) {
const messages = document.getElementById(element);
messages.classList.add("alert-danger");
messages.classList.remove("alert-success");
messages.classList.remove("d-none");
messages.innerText = msg;
}
export function showCardSuccess() {
cardMessages.classList.add("alert-success");
cardMessages.classList.remove("alert-danger");
cardMessages.classList.remove("d-none");
cardMessages.innerText = "Trasaction successful";
export function showSuccess(element, msg) {
const messages = document.getElementById(element);
messages.classList.add("alert-success");
messages.classList.remove("alert-danger");
messages.classList.remove("d-none");
messages.innerText = msg;
}
export function stripeInit(pubKey) {

12
static/js/login.js
View File

@ -1,3 +1,8 @@
import {
showError,
showSuccess,
} from './common.js';
export function val(api) {
let form = document.getElementById("login-form");
@ -27,6 +32,13 @@ export function val(api) {
.then(response => response.json())
.then(response => {
console.log(response)
if (response.error === false) {
localStorage.setItem("token", response.authentication_token.token);
localStorage.setItem("token_expiry", response.authentication_token.expiry);
showSuccess("login-messages", "Login successful.")
} else {
showError("login-messages", response.message)
}
});
}

8
static/js/stripe-plan.js
View File

@ -1,8 +1,8 @@
import {
hidePayButton,
showPayButton,
showCardError,
showCardSuccess,
showError,
showSuccess,
stripe,
card,
processing,
@ -35,7 +35,7 @@ export function val(plan_id, api) {
function stripePaymentMethodHandler(result, plan_id, api) {
if (result.error) {
showCardError(result.error.message);
showError("card-messages", result.error.message);
} else {
// create a customer and subscribe to plan
let payload = {
@ -66,7 +66,7 @@ function stripePaymentMethodHandler(result, plan_id, api) {
.then(function (data) {
console.log(data);
processing.classList.add("d-none");
showCardSuccess();
showSuccess("card-messages", "Transaction successful!");
sessionStorage.first_name = document.getElementById("first-name").value;
sessionStorage.last_name = document.getElementById("last-name").value;
sessionStorage.amount = document.getElementById("amount").value;

8
static/js/stripe.js
View File

@ -1,8 +1,8 @@
import {
hidePayButton,
showPayButton,
showCardError,
showCardSuccess,
showError,
showSuccess,
stripe,
card,
processing,
@ -52,7 +52,7 @@ export function val(api) {
}).then(function (result) {
if (result.error) {
// card declined, or sth went wrong with the card
showCardError(result.error.message);
showError("card-messages", result.error.message);
showPayButton();
} else if (result.paymentIntent) {
if (result.paymentIntent.status === "succeeded") {
@ -62,7 +62,7 @@ export function val(api) {
document.getElementById("payment_amount").value = result.paymentIntent.amount;
document.getElementById("payment_currency").value = result.paymentIntent.currency;
processing.classList.add("d-none");
showCardSuccess();
showSuccess("card-messages", "Trasaction successful!");
document.getElementById("charge_form").submit();
}
}