app redirection based on mobile os. (#302)

arrogant-ant · Sep 10, 2023 · 43389af · 43389af
1 parent d94c457
commit 43389af
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 5 deletions.
diff --git a/src/components/templates/TemplateAbout.vue b/src/components/templates/TemplateAbout.vue
@@ -29,7 +29,7 @@
                         <div class="app-links">
                             <span>
                                 <a
-                                    href="https://play.google.com/store/apps/details?id=com.parkspot.maya_nagri&utm_source=parkspot.in&utm_campaign=website"
+                                    :href="APP_LINK.ANDROID"
                                     target="_blank"
                                 >
                                     <figure class="card-img image">
@@ -41,10 +41,7 @@
                                 </a>
                             </span>
                             <span>
-                                <a
-                                    href="https://apps.apple.com/in/app/parkspot-find-book-parking/id6449634064"
-                                    target="_blank"
-                                >
+                                <a :href="APP_LINK.IOS" target="_blank">
                                     <figure class="card-img image">
                                         <img
                                             alt="ios app link"
@@ -66,6 +63,7 @@ import BodyWrapper from '../extras/BodyWrapper.vue';
 import AtomHeading from '../atoms/AtomHeading.vue';
 import AtomParagraph from '../atoms/AtomParagraph.vue';
 import AtomImage from '../atoms/AtomImage.vue';
+import { APP_LINK } from '@/constant/constant';
 export default {
     name: 'TemplateAbout',
     components: {
@@ -79,6 +77,7 @@ export default {
             appLinkImg: require('@/assets/google-play-badge.svg'),
             iosAppLinkImg: require('@/assets/apple-store.svg'),
             aboutImg: require('@/assets/about.svg'),
+            APP_LINK,
         };
     },
 };

diff --git a/src/constant/constant.js b/src/constant/constant.js
@@ -121,3 +121,9 @@ export const PAGE_TITLE = {
     DISCOVER: 'Parking Near ',
     SEARCH: 'ParkSpot | ',
 };
+
+export const APP_LINK = {
+    IOS: 'https://apps.apple.com/in/app/parkspot-find-book-parking/id6449634064',
+    ANDROID:
+        'https://play.google.com/store/apps/details?id=com.parkspot.maya_nagri&utm_source=parkspot.in&utm_campaign=website',
+};
diff --git a/src/router/routes.js b/src/router/routes.js
@@ -1,6 +1,7 @@
 import Home from '../views/PageHome.vue';
 import PageAbout from '@/views/PageAbout.vue';
 import { firebase, getDatabase, ref, get, child } from '../firebase';
+import { APP_LINK } from '../constant/constant';
 
 const guardThisRoute = async (to, from, next) => {
     const db = getDatabase(firebase);
@@ -44,6 +45,8 @@ export const pages = {
     TEMP                    : '/temp',
     THANK_YOU               : '/thank-you',
     ERROR                   : '/error',
+    BOOKING_PORTAL          : "/internal/booking-portal",
+    APP                     : "/app"
 };
 
 export const routes = [
@@ -149,6 +152,27 @@ export const routes = [
         name: 'error',
         component: () => import('@/views/PageError.vue'),
     },
+    {
+        path: pages.BOOKING_PORTAL,
+        name: 'booking-portal',
+        component: () => import('@/views/BookingPortal.vue'),
+    },
+    {
+        path: pages.APP,
+        name: 't-about',
+        component: PageAbout,
+        beforeEnter(to, from, next) {
+            const androidRegexp = /android/i;
+            if (androidRegexp.test(navigator.userAgent)) {
+                window.location.href = APP_LINK.ANDROID;
+            }
+            const iOSRegexp = /iphone|ipad/i;
+            if (iOSRegexp.test(navigator.userAgent)) {
+                window.location.href = APP_LINK.IOS;
+            }
+            next();
+        },
+    },
     // Todo Delete below code before deployment
     {
         path: pages.TEMP,