diff --git a/client/pages/subscription.js b/client/pages/subscription.js index b3435cb..930c4d1 100644 --- a/client/pages/subscription.js +++ b/client/pages/subscription.js @@ -12,7 +12,7 @@ async function showPage({ rootEl, peertubeHelpers }) { const description = await peertubeHelpers.markdownRenderer.enhancedMarkdownToHTML(settings["sell-description"]); const plans = []; - for(let i = 1; i <= 5; i++) { + for (let i = 1; i <= 5; i++) { const name = settings["plan-" + i + "-name"]; const key = settings["plan-" + i + "-key"]; const storage = settings["plan-" + i + "-storage"]; @@ -33,23 +33,24 @@ async function showPage({ rootEl, peertubeHelpers }) { headers: peertubeHelpers.getAuthHeader(), }); const data = await response.json(); - + // If have error if (!data || !data.status || (data.status && data.status !== "success")) { peertubeHelpers.notifier.error(data.message || "Unknown error"); - }else{ + } else { session_id = data?.data?.session_id; sub_plan = data?.data?.sub_plan; } rootEl.innerHTML = `
+

To subscribe to a storage plan with cryptocurrency (BTC, ETC, XMR) or cancel/update your subscription tier, contact us.

${await peertubeHelpers.translate("Choose your Storage Plan")}

${description.length ? description : await peertubeHelpers.translate("You want tu spport us ? Or need more space ? Your in the right place!")}

${(await Promise.all(plans.map(async (plan) => - `
+ `
@@ -65,18 +66,14 @@ async function showPage({ rootEl, peertubeHelpers }) {
`))).join("")}
- -

NCTV also offers cryptocurrency subscriptions for media storage. Contact Matty on NCD, Matrix, or via email.

- -
- - - - - -
+
+
+ + +
+
${sub_plan ? ` @@ -100,7 +97,7 @@ function listenSubmitSubscription(peertubeHelpers) { document.querySelectorAll(".ncdSubscriptionForm").forEach(el => { el.addEventListener("submit", (e) => { e.preventDefault(); - + try { const form = new URLSearchParams(new FormData(e.target)); fetch(baseUrl + "/create-checkout-session", { @@ -108,17 +105,17 @@ function listenSubmitSubscription(peertubeHelpers) { headers: peertubeHelpers.getAuthHeader(), body: form, }).then((res) => res.json()).then((data) => { - if(!data || !data.status || data.status !== "success") { + if (!data || !data.status || data.status !== "success") { peertubeHelpers.notifier.error(data.message || "Unknown error"); return; } - + window.location.href = data.data.redirectUrl; }).catch(err => { console.error(err); peertubeHelpers.notifier.error(err); }) - + } catch (error) { peertubeHelpers.notifier.error(error); } @@ -137,17 +134,17 @@ function listenSubmitSubscription(peertubeHelpers) { headers: peertubeHelpers.getAuthHeader(), body: form, }).then((res) => res.json()).then((data) => { - if(!data || !data.status || data.status !== "success") { + if (!data || !data.status || data.status !== "success") { peertubeHelpers.notifier.error(data.message || "Unknown error"); return; } - + window.location.href = data.data.redirectUrl; }).catch(err => { console.error(err); peertubeHelpers.notifier.error(err); }) - + } catch (error) { peertubeHelpers.notifier.error(error); }