feat: handling specific view for trustvox app

src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import Marketplace from '../views/Marketplace.vue'
 import Application from '../views/Application.vue'
 import AppBling from '../views/apps/AppBling.vue'
+import AppTrustvox from '../views/apps/AppTrustvox.vue'
 
 Vue.use(VueRouter)
 
@@ -21,6 +22,11 @@ const routes = [
     path: '/apps/edit/1247/:objectId?',
     name: 'app-bling',
     component: AppBling
+  },
+  {
+    path: '/apps/edit/1255/:objectId?',
+    name: 'app-trustvox',
+    component: AppTrustvox
   }
 ]
 
@@ -34,6 +40,12 @@ router.beforeEach((to, from, next) => {
       case 1247:
         router.push({ ...to, name: 'app-bling' })
         break
+      case 1247:
+        router.push({ ...to, name: 'app-bling' })
+        break
+      case 1255:
+        router.push({ ...to, name: 'app-trustvox' })
+        break
     }
   }
   next()

src/views/apps/AppTrustvox.vue

@@ -0,0 +1,16 @@
+<template>
+  <Application>
+    <template #settings-append>
+      <a-collapse class="mt-4">
+        <a-collapse-panel key="1" header="Autenticação">
+          <a-alert message="Configure primeiro os parametros ApiKey, Store Id e Url da loja antes de autenticar a aplicativo." banner />
+          <div class="mt-3">
+            <a-button type="primary" @click="handlerClick">Autenticar</a-button>
+          </div>
+        </a-collapse-panel>
+      </a-collapse>
+    </template>
+  </Application>
+</template>
+
+<script src="./js/AppTrustvox.js"></script>

src/views/apps/js/AppTrustvox.js

@@ -0,0 +1,16 @@
+import Application from '../../Application.vue'
+import { $ecomConfig } from '@ecomplus/utils'
+export default {
+  name: 'AppTrustvox',
+
+  components: {
+    Application
+  },
+
+  methods: {
+    handlerClick () {
+      const authUrl = `https://trustvox.ecomplus.biz/trustvox/auth-callback?x_store_id=${$ecomConfig.get('store_id')}`
+      window.open(authUrl, "_blank")
+    } 
+  }
+}