Merge pull request #52 from grycap/dev-slangarita

imagine front page

src/env.js

@@ -13,4 +13,5 @@ module.exports = {
     "response_default_minio": "minio.minio",
     "external_ui": "https://ui.oscar.grycap.net/?endpoint=",
     "ai4eosc_servers": ["https://inference.cloud.ai4eosc.eu"],
+    "imagine_servers": ["https://inference.cloud.imagine-ai.eu"],
 }

src/views/Foot.vue

@@ -40,10 +40,11 @@ export default {
       window.open(routeData.href, '_blank');
     },
     getClass(){
-      console.log(this.$route.name)
-    if(env.deploy_container=='true' && env.ai4eosc_servers.includes(window.location.origin) && this.$route.name==="Login"){
-      return "ai4eosc"
-    }else   return "teal darken-1"
+      if(env.deploy_container=='true' && env.ai4eosc_servers.includes(window.location.origin) && this.$route.name==="Login"){
+        return "ai4eosc"
+      }else if(env.deploy_container=='true' && env.imagine_servers.includes(window.location.origin) && this.$route.name==="Login"){
+        return "imagine"
+      }else   return "teal darken-1"
     },
     privacy(){
       let routeData = this.$router.resolve({name: 'Privacy', });
@@ -64,5 +65,7 @@ table, th, td {
 .ai4eosc{
     background-color: #09837e;
   }
-
+.imagine{
+    background-color: #1561aa;
+  }
 </style>

src/views/Login.vue

@@ -7,11 +7,9 @@
             <v-card class="elevation-1 pa-3">
               <v-card-text>
                 <div class="layout column align-center" >
-
                     <img src="@/assets/logo.png" alt="Vue Material Admin" width="120" height="120">
-
-                    <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%">
-
+                    <img v-if="ai4eoscServer()"  src="@/assets/logo/ai4eosc-logo.png" alt="Vue Material Admin" width="50%" height="50%">
+                    <img v-if="imagineServer()"  src="@/assets/logo/imagine-logo.png" alt="Vue Material Admin" width="25%"  style="margin-top: 30px;">
                   <h1 class="flex my-4 teal--text">OSCAR</h1>
                 </div>
 
@@ -114,9 +112,15 @@ export default {
       if(env.deploy_container=='true' && env.ai4eosc_servers.includes(window.location.origin)) return true
       else return false
     },
+    imagineServer(){
+      if(env.deploy_container=='true' && env.imagine_servers.includes(window.location.origin)) return true
+      else return false
+    },
     getClass(){
       if(this.ai4eoscServer()){
         return "ai4eosc"
+      }else if(this.imagineServer()){
+        return "imagine"
       }else return "teal darken-1"
     },
     oscar_ui_egi(){
@@ -256,4 +260,7 @@ export default {
     background-color: #09837e;
     
   }
+  .imagine{
+    background-color: #1561aa;
+  }
 </style>