Add a share code proxy

src/globals/config/config.development.js

@@ -1,7 +1,7 @@
 const config = {
 	apiUrl: "https://dev-api.shocklink.net/",
 	webUiUrl: "https://dev.shocklink.net/#/",
-	shortUrl: "https://shockl.ink/s/"
+	shortUrl: "https://shockl.ink/",
 }
 
 global.config = config;

src/globals/config/config.local.js

@@ -1,7 +1,7 @@
 const config = {
 	apiUrl: "https://localhost/",
 	webUiUrl: "https://localhost:8080/#/",
-	shortUrl: "https://shockl.ink/s/"
+	shortUrl: "https://shockl.ink/"
 }
 
 global.config = config;

src/globals/config/config.production.js

@@ -1,7 +1,7 @@
 const config = {
 	apiUrl: "https://api.shocklink.net/",
 	webUiUrl: "https://shocklink.net/#/",
-	shortUrl: "https://shockl.ink/s/"
+	shortUrl: "https://shockl.ink/"
 }
 
 global.config = config;

src/router/index.js

@@ -176,6 +176,11 @@ const routes = [
 				component: lazyLoad('public/proxy/ShareLinksProxy'),
 				props: true
 			},
+			{
+				path: 'proxy/shares/code/:id',
+				component: lazyLoad('public/proxy/ShareCodeProxy'),
+				props: true
+			},
 		]
 	}
 ]

src/views/dashboard/shares/links/ShareLinksRoot.vue

@@ -63,7 +63,7 @@ export default {
     },
     methods: {
         copyUrl(id) {
-            navigator.clipboard.writeText(config.shortUrl + id);
+            navigator.clipboard.writeText(config.shortUrl + "s/" + id);
             toastr.success('Share Link copied to clipboard');
         },
         async loadShareLinks() {

src/views/dashboard/shares/links/ViewShareLink.vue

@@ -244,7 +244,7 @@ export default {
             return '/proxy/shares/links/' + this.id;
         },
         shareLinkUrl() {
-            return config.shortUrl + this.id;
+            return config.shortUrl + "s/" + this.id;
         },
         existingShockerIds() {
             var arr = [];

src/views/dashboard/shockers/own/shares/ShockerSharesRoot.vue

@@ -375,7 +375,7 @@ export default {
             }
 
             this.loadCodes();
-            this.$swal('Successfully created share code!', `Code: ${res.data.data}`, 'success');
+            this.$swal('Successfully created share code!', `Link: ${config.shortUrl}c/${res.data.data}<br><br>Code: ${res.data.data}`, 'success');
         }
     }
 }

src/views/public/proxy/ShareCodeProxy.vue

@@ -0,0 +1,60 @@
+<template>
+    <div class="proxy-container">
+        <transition mode="out-in" name="component-fade">
+            <checkmark v-if="!loading && error" error="true"></checkmark>
+            <loading-with-text v-else-if="loading">Checking login status...</loading-with-text>
+            <loading-with-text v-else>Redirecting...</loading-with-text>
+        </transition>
+    </div>
+</template>
+
+<script>
+import Checkmark from '../../utils/Checkmark.vue';
+import LoadingWithText from '../../utils/LoadingWithText.vue';
+
+export default {
+    components: { LoadingWithText, Checkmark },
+    props: ['id'],
+    data() {
+        return {
+            loading: true,
+            error: true
+        }
+    },
+    async beforeMount() {
+        this.loading = true;
+        var loggedIn = await utils.checkIfLoggedIn();
+        this.loading = false;
+
+        if (!loggedIn) {
+            this.login();
+            return;
+        }
+
+        try {
+            const res = await apiCall.makeCall('POST', `1/shares/code/${this.id}`);
+            if (res.status !== 200) {
+                throw new Error(res.statusText);
+            }
+            toastr.success(`Failed to add share: ${utils.getError(err)}`);
+        } catch (err) {
+            this.error = true;
+            toastr.error(`Failed to add share: ${utils.getError(err)}`);
+            return;
+        }
+
+        this.redirectToShares();
+    },
+    methods: {
+        redirectToShares() {
+            this.$router.push("/dashboard/shockers/shared");
+        },
+        login() {
+            this.$store.dispatch('setReturnUrl', "/proxy/shares/code/" + this.id);
+            this.$router.push("/account/login");
+        }
+    }
+}
+</script>
+
+<style scoped lang="scss"></style>