From 56ab181fb0855c681acf759188c61eb75be099c8 Mon Sep 17 00:00:00 2001
From: SergioLangaritaBenitez <sergiolangaritabenitez@gmail.com>
Date: Wed, 12 Jul 2023 08:41:28 +0200
Subject: [PATCH] added an ai4eosc landing page

---
 src/env.js          |  2 +-
 src/views/Foot.vue  |  9 +++++----
 src/views/Login.vue | 25 +++++++++++++++++--------
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/env.js b/src/env.js
index 04ab4ef..3da75f0 100644
--- a/src/env.js
+++ b/src/env.js
@@ -6,7 +6,7 @@ module.exports = {
     "url_user_info": "https://aai.egi.eu/auth/realms/egi/protocol/openid-connect/userinfo",
     "token_endpoint": "https://aai.egi.eu/auth/realms/egi/protocol/openid-connect/token",
     "api" : "",
-    "deploy_container" : "false",
+    "deploy_container" : "true",
     "minio_local_endpoint" :"localhost",
     "minio_local_port": "30300",
     "minio_local_ssl": false ,
diff --git a/src/views/Foot.vue b/src/views/Foot.vue
index e64ed7d..dc9e3ba 100644
--- a/src/views/Foot.vue
+++ b/src/views/Foot.vue
@@ -4,10 +4,11 @@
             <v-layout row wrap align-center>
             <v-flex xs10>
                 <div class="white--text ml-4">
-                    <h5>© 2022, <a style="color:#ff9966;font-size:1rem" href="https://www.grycap.upv.es">GRyCAP-I3M-UPV</a>, Universitat Politècnica de València, Spain.</h5>
+                    <h5>Powered by <a  target="_blank" href="https://oscar.grycap.net/" style="color:#ff9966;font-size:1rem">OSCAR</a> © 2023, 
+                      <a style="color:#ff9966;font-size:1rem" href="https://www.grycap.upv.es"  target="_blank">GRyCAP-I3M-UPV</a>, Universitat Politècnica de València, Spain.</h5>
                 </div>
             </v-flex>
-            <v-flex xs2 v-show="env.deploy_container === 'false'">
+            <v-flex xs2 >
                 <h5 style="display: inline">
                 <a  style="color:#ff9966;font-size:1rem;" @click="termofuse()">
                 Terms of Use
@@ -40,9 +41,9 @@ export default {
     },
     getClass(){
       console.log(this.$route.name)
-    if(env.deploy_container=='true' && env.ai4eosc_servers.includes(env.api) && this.$route.name==="Login"){
+    if(env.deploy_container=='true' && env.ai4eosc_servers.includes(window.location.origin) && this.$route.name==="Login"){
       return "ai4eosc"
-    }else return "teal darken-1"
+    }else   return "teal darken-1"
     },
     privacy(){
       let routeData = this.$router.resolve({name: 'Privacy', });
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 76ed4bd..315229a 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -10,7 +10,7 @@
                   
                     <img src="@/assets/logo.png" alt="Vue Material Admin" width="120" height="120">
            
-                    <img v-if="env.deploy_container=='true' && env.ai4eosc_servers.includes(env.api)"  src="https://ai4eosc.eu/wp-content/uploads/sites/10/2022/09/horizontal-transparent.png" alt="Vue Material Admin" width="50%" height="50%">
+                    <img v-if="ai4eoscServer()"  src="https://ai4eosc.eu/wp-content/uploads/sites/10/2022/09/horizontal-transparent.png" alt="Vue Material Admin" width="50%" height="50%">
 
                   <h1 class="flex my-4 teal--text">OSCAR UI</h1>
                 </div>
@@ -61,7 +61,6 @@
 <script>
 import Services from '../components/services.js';
 import env from '../env';
-import loginEGI from '../loginEGI.js';
 import Foot from '@/views/Foot'
 export default {
   components: {
@@ -86,7 +85,7 @@ export default {
     if(env.deploy_container == 'true'){
       this.endpoint = env.api
     }
-    this.autoLogin();
+    this.autoLogin();   
     if(env.deploy_container == "true"){
         this.model.endpoint = env.api
       }
@@ -95,7 +94,9 @@ export default {
 
   methods: {
     login() {
-
+      if(env.deploy_container == "true"){
+        this.model.endpoint = env.api
+      }
       this.loading = true
       var params = {
         'user': this.model.username,
@@ -103,14 +104,22 @@ export default {
         'api': this.model.endpoint
       }
       this.model.endpoint = this.model.endpoint.endsWith('/') ? this.model.endpoint.slice(0, -1) : this.model.endpoint;
-      localStorage.setItem("api", this.model.endpoint);
+      if(env.deploy_container == "true"){
+        localStorage.setItem("api", window.location.origin);
+      }else{
+        localStorage.setItem("api", this.model.endpoint);
+      }
       this.checkLoginCall(params,this.checkLoginCallback);
 
     },
+    ai4eoscServer(){
+      if(env.deploy_container=='true' && env.ai4eosc_servers.includes(window.location.origin)) return true
+      else return false
+    },
     getClass(){
-    if(env.deploy_container=='true' && env.ai4eosc_servers.includes(env.api)){
-      return "ai4eosc"
-    }else return "teal darken-1"
+      if(this.ai4eoscServer()){
+        return "ai4eosc"
+      }else return "teal darken-1"
     },
     oscar_ui_egi(){
       if(env.deploy_container == "true"){