From 74684652b33188dbc329238fd13698d9a742f1e0 Mon Sep 17 00:00:00 2001
From: Diogo Castro <diogo.castro@cern.ch>
Date: Fri, 29 Jul 2022 14:58:01 +0100
Subject: [PATCH] Fix authentication issues

---
 ifc-js/src/App.vue | 5 +++++
 rootjs/src/App.vue | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/ifc-js/src/App.vue b/ifc-js/src/App.vue
index 5cd46fa..3a3238d 100644
--- a/ifc-js/src/App.vue
+++ b/ifc-js/src/App.vue
@@ -9,6 +9,8 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 import {
   AmbientLight,
   AxesHelper,
@@ -40,6 +42,9 @@ export default {
     this.addIFCModel()
     this.animate()
   },
+  computed: {
+  ...mapGetters('runtime/auth', ['publicLinkPassword', 'accessToken']),
+  },
   methods: {
     init: function () {
       const threeCanvas = document.getElementById('threeCanvas')
diff --git a/rootjs/src/App.vue b/rootjs/src/App.vue
index 5319be0..e8f31f0 100644
--- a/rootjs/src/App.vue
+++ b/rootjs/src/App.vue
@@ -21,6 +21,7 @@
 <script>
 import 'https://root.cern/js/latest/scripts/JSRoot.core.min.js'
 import { getFileUrl, getHeadersWithAuth } from '../../common/fileAccess.js'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'ROOTJSViewer',
@@ -33,6 +34,7 @@ export default {
     isPublic: false
   }),
   computed: {
+    ...mapGetters('runtime/auth', ['publicLinkPassword', 'accessToken']),
     rootFile() {
       const headers = getHeadersWithAuth(this.isPublic, this.accessToken, this.publicLinkPassword)
       return fetch(this.url, { headers }).then((resp) => {