@saooti/octopus-sdk 38.1.3 → 38.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "38.1.3",
+  "version": "38.1.4",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/misc/HomeDropdown.vue

@@ -60,9 +60,9 @@
           </template>
         </template>
         <hr />
-        <a class="octopus-dropdown-item" href="/logout" realLink="true">
+        <button class="octopus-dropdown-item" @click="logoutFunction">
           {{ $t("Logout") }}
-        </a>
+        </button>
       </template>
       <router-link class="octopus-dropdown-item" to="/main/pub/contact">
         {{ $t("Contact") }}
@@ -72,6 +72,7 @@
 </template>
 
 <script lang="ts">
+import octopusApi from "@saooti/octopus-api";
 import { state } from "../../stores/ParamSdkStore";
 import ClassicPopover from "../misc/ClassicPopover.vue";
 import { useAuthStore } from "@/stores/AuthStore";
@@ -147,5 +148,15 @@ export default defineComponent({
       return state.generalParameters.isContribution ?? false;
     },
   },
+  methods:{
+    async logoutFunction(){
+      try {
+        await octopusApi.postDataPublic(4, '/logout', undefined);
+        this.$router.push('/');
+      } catch (error) {
+        //Do nothing
+      }
+    }
+  }
 });
 </script>

package/src/components/pages/Error403Page.vue

@@ -20,15 +20,24 @@
       />
     </div>
 
+    <button
+      v-if="authenticated"
+      class="btn btn-primary"
+      @click="logoutFunction"
+
+      >{{ authText }}</button
+    >
     <a
+      v-else
       class="btn btn-primary"
-      :href="authenticated ? '/logout' : '/sso/login'"
+      href="/sso/login"
       >{{ authText }}</a
     >
   </div>
 </template>
 
 <script lang="ts">
+import octopusApi from "@saooti/octopus-api";
 import { state } from "../../stores/ParamSdkStore";
 import { useGeneralStore } from "@/stores/GeneralStore";
 import { mapState } from "pinia";
@@ -47,6 +56,16 @@ export default defineComponent({
   mounted() {
     document.title = this.metaTitle;
   },
+  methods:{
+    async logoutFunction(){
+      try {
+        await octopusApi.postDataPublic(4, '/logout', undefined);
+        this.$router.push('/');
+      } catch (error) {
+        //Do nothing
+      }
+    }
+  }
 });
 </script>
 <style lang="scss">