Merge pull request #2404 from FAIRsharing/sustainability_2403

All changes for #2403.

Author: knirirr

src/data/footerData.json

@@ -112,8 +112,8 @@
         "urlType": "internal"
       },
       {
-        "title": "Data Preservation Policy",
-        "url": "/preservation_policy",
+        "title": "Sustainability and Preservation",
+        "url": "/sustainability_and_preservation",
         "urlType": "internal"
       }
     ]

src/router/index.js

@@ -29,7 +29,6 @@ import {
   OntologyBrowser,
   Organisation,
   OrganisationsList,
-  PreservationPolicy,
   Privacy,
   PublicProfile,
   Record,
@@ -42,6 +41,7 @@ import {
   Signup,
   Stakeholders,
   Stat,
+  SustainabilityAndPreservation,
   Terms,
   Timeline,
   User,
@@ -517,9 +517,21 @@ let routes = [
     component: Privacy,
   },
   {
-    name: "PreservationPolicy",
+    name: "preservation_policy",
     path: "/preservation_policy",
-    component: PreservationPolicy,
+    redirect: () => {
+      window.location.assign(
+          [
+            process.env.VUE_APP_API_HOSTNAME,
+            "/sustainability_and_preservation",
+          ].join("")
+      );
+    },
+  },
+  {
+    name: "SustainabilityAndPreservation",
+    path: "/sustainability_and_preservation",
+    component: SustainabilityAndPreservation,
   },
   {
     name: "API Documentation",

src/router/routes.js

@@ -126,9 +126,9 @@ export const OrganisationsList = () =>
   import(
     /* webpackChunkName: "organisationsList-chunk" */ "@/views/Organisations/OrganisationsList"
   );
-export const PreservationPolicy = () =>
+export const SustainabilityAndPreservation = () =>
   import(
-    /* webpackChunkName: "privacy-chunk" */ "@/views/Static/PreservationPolicy/PreservationPolicy"
+    /* webpackChunkName: "privacy-chunk" */ "@/views/Static/SustainabilityAndPreservation/SustainabilityAndPreservation.vue"
   );
 export const AdvancedSearchRecords = () =>
   import(

src/views/Static/PreservationPolicy/PreservationPolicy.vue renamed to src/views/Static/SustainabilityAndPreservation/SustainabilityAndPreservation.vue

@@ -1,6 +1,30 @@
 <template>
   <main class="pa-15 mb-10">
     <!--  main_title -->
+    <h1 class="text-h4 text-xl-h3 mb-2 mb-xl-6">
+      FAIRsharing Sustainability
+    </h1>
+
+    <p
+      :class="['mb-4 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]"
+    >
+      Since 2011, FAIRsharing is a sustainable service operating with and for the international researcher community
+      and other stakeholders involved in the research life cycle. The FAIRsharing resource, along its core operational
+      team, are based at the University of Oxford, UK. As with the vast majority of the community resources,
+      FAIRsharing is mainly funded by continuous and multiple R&D and infrastructure projects, but it is also supported
+      by University-enabled access to DOI generation and the member-only ORCID API.
+    </p>
+
+    <p
+      :class="['mb-4 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]"
+    >
+      Other key factors contributing to its sustainability are the extensive network of national and international
+      collaborations and formal endorsements by organizations and research infrastructures in all disciplines,
+      including RDA, EOSC, and ELIXIR. A key example is the flourishing
+      <a href="/community_champions">FAIRsharing Community Champions Programme</a>
+      that roots the growth and relevance of FAIRsharing into communities of practice.
+    </p>
+
     <h1 class="text-h4 text-xl-h3 mb-2 mb-xl-6">
       FAIRsharing Data Preservation Policy
     </h1>
@@ -33,9 +57,9 @@
       </a>.
     </p>
 
-    <h2 class="text-h5 text-xl-h4 mb-2 mb-xl-6">
+    <h1 class="text-h4 text-xl-h3 mb-2 mb-xl-6">
       Contact
-    </h2>
+    </h1>
 
     <p
       :class="['mb-4 lato-font-medium lato-text-sm',{'lato-text-md':$vuetify.breakpoint.xlOnly }]"
@@ -49,7 +73,7 @@
 <script>
 
 export default {
-  name: "PreservationPolicy",
+  name: "SustainabilityAndPreservation",
   data: () => {
     return {}
   }

tests/unit/router/routes.spec.js

@@ -242,6 +242,26 @@ describe("Routes", () => {
         // eslint-enable no-promise-executor-return
     });
 
+    it("performs preservation policy redirections correctly", async () => {
+        let link;
+        let assignMock = jest.fn();
+        delete window.location;
+        window.location = {assign: assignMock};
+        const redirections = {
+            preservation_policy: '/sustainability_and_preservation',
+        }
+
+        // eslint-disable no-promise-executor-return
+        Object.keys(redirections).forEach(async (goto) => {
+            link = router.options.routes.find((obj) => {
+                return obj.name === goto;
+            });
+            await link.redirect();
+            expect(window.location.assign).toHaveBeenCalledWith(redirections[goto]);
+        });
+        // eslint-enable no-promise-executor-return
+    });
+
 
 
     it("gets sitemap from the api", async () => {

tests/unit/views/Static/PreservationPolicy/PreservationPolicy.spec.js renamed to tests/unit/views/Static/SustainabilityAndPreservation/SustainabilityAndPreservation.spec.js

@@ -1,11 +1,11 @@
 import { shallowMount } from "@vue/test-utils";
 import Vuetify from "vuetify"
 
-import PreservationPolicy from "@/views/Static/PreservationPolicy/PreservationPolicy.vue"
+import PreservationPolicy from "@/views/Static/SustainabilityAndPreservation/SustainabilityAndPreservation.vue"
 
 const vuetify = new Vuetify();
 
-describe("PreservationPolicy.vue", function(){
+describe("SustainabilityAndPreservation.vue", function(){
     let wrapper;
 
     beforeEach(() => {
@@ -15,7 +15,7 @@ describe("PreservationPolicy.vue", function(){
     });
 
     it("can be instantiated", () => {
-        expect(wrapper.vm.$options.name).toMatch("PreservationPolicy");
+        expect(wrapper.vm.$options.name).toMatch("SustainabilityAndPreservation");
     });
 
 });