From c975a98b3356b296e685fc1488d0507fc33a29ff Mon Sep 17 00:00:00 2001
From: Perside Rosalie <perside.rosalie@wikimedia.de>
Date: Fri, 14 Aug 2026 15:10:09 +0200
Subject: [PATCH 1/4] Update banners to current ToU version and previous ToU
 version

- Add alert for outdated version of policy
- Move the alert to apear under the page title

Bug: T434193
---
 .../Pages/HostingPolicy/HostingPolicyRenderer.vue | 15 +++++++++++++++
 .../HostingPolicy/hosting-policy/version-1.vue    |  5 -----
 .../Pages/TermsOfUse/TermsOfUseRenderer.vue       | 15 +++++++++++++++
 .../Pages/TermsOfUse/terms-of-use/version-1.vue   |  5 -----
 .../Pages/TermsOfUse/terms-of-use/version-2.vue   |  5 -----
 5 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/components/Pages/HostingPolicy/HostingPolicyRenderer.vue b/src/components/Pages/HostingPolicy/HostingPolicyRenderer.vue
index cc402003..95385023 100644
--- a/src/components/Pages/HostingPolicy/HostingPolicyRenderer.vue
+++ b/src/components/Pages/HostingPolicy/HostingPolicyRenderer.vue
@@ -10,10 +10,21 @@
         </v-col>
 
         <v-col cols="11" md="8">
+          <hgroup>
+            <h1>Hosting Policy</h1>
+            <p v-if="policyMetadata && policyMetadata.active_from" class="text-subtitle-1 text--secondary mb-2">
+              Effective: {{ formattedActiveFrom }}
+            </p>
+          </hgroup>
+
           <v-alert type="info" v-if="isUpcomingRoute">
             This is an upcoming version. You can find the
             <router-link class="white--text" to="/hosting-policy">current version here</router-link>.
           </v-alert>
+          <v-alert type="info" v-if="!isUpcomingRoute && !isCurrentRoute">
+            This is an outdated version. You can find the
+            <router-link class="white--text" to="/hosting-policy">current version here</router-link>.
+          </v-alert>
 
           <component :is="policy" v-if="policy" :active-from="policyMetadata && policyMetadata.active_from" />
         </v-col>
@@ -45,6 +56,10 @@ export default {
     isCurrentRoute: function () {
       return this.policyActiveFrom === undefined
     },
+    formattedActiveFrom: function () {
+      if (!this.policyMetadata || !this.policyMetadata.active_from) return null
+      return new Date(this.policyMetadata.active_from).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' })
+    },
   },
   data () {
     return {
diff --git a/src/components/Pages/HostingPolicy/hosting-policy/version-1.vue b/src/components/Pages/HostingPolicy/hosting-policy/version-1.vue
index 729e5363..55d1f741 100644
--- a/src/components/Pages/HostingPolicy/hosting-policy/version-1.vue
+++ b/src/components/Pages/HostingPolicy/hosting-policy/version-1.vue
@@ -2,11 +2,6 @@
   <v-main>
     <v-container class="fill-height" fluid>
       <v-col justify="center">
-        <hgroup>
-          <h1>Hosting Policy for Wikibase Cloud</h1>
-          <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
-        </hgroup>
-
           <h2 id="purpose-and-scope" class="mb-3">1. Purpose and Scope</h2>
           <p>This policy defines Wikimedia Deutschland’s (WMDE) expectations and criteria for hosting on Wikibase Cloud. It explains what kinds of datasets and use cases are supported by WMDE and how those decisions are made and implemented.</p>
           <p>The policy exists to ensure that Wikibase Cloud technical and financial resources, as well as staff capacity are used responsibly, intentionally, in alignment with WMDE’s mission. Wikibase Cloud is not intended to be a generic free hosting service for any purpose. The policy helps us maintain visibility into how the platform is used and provides a framework to support and encourage use cases aligned with the role we want Wikibase Cloud to play in the Wikibase Ecosystem, and to address cases that clearly fall outside that role.</p>
diff --git a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
index e26447f8..9d922a80 100644
--- a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
+++ b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
@@ -10,10 +10,21 @@
         </v-col>
 
         <v-col cols="11" md="8">
+          <hgroup>
+            <h1>Terms Of Use</h1>
+            <p v-if="policyMetadata && policyMetadata.active_from" class="text-subtitle-1 text--secondary mb-2">
+              Effective: {{ formattedActiveFrom }}
+            </p>
+          </hgroup>
+
           <v-alert type="info" v-if="isUpcomingRoute">
             This is an upcoming version. You can find the
             <router-link class="white--text" to="/terms-of-use">current version here</router-link>.
           </v-alert>
+          <v-alert type="info" v-if="!isUpcomingRoute && !isCurrentRoute">
+            This is an outdated version. You can find the
+            <router-link class="white--text" to="/terms-of-use">current version here</router-link>.
+          </v-alert>
 
           <component :is="policy" v-if="policy" :active-from="policyMetadata && policyMetadata.active_from" />
         </v-col>
@@ -45,6 +56,10 @@ export default {
     isCurrentRoute: function () {
       return this.policyActiveFrom === undefined
     },
+    formattedActiveFrom: function () {
+      if (!this.policyMetadata || !this.policyMetadata.active_from) return null
+      return new Date(this.policyMetadata.active_from).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' })
+    },
   },
   data () {
     return {
diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
index 6351706b..944d8988 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
@@ -1,10 +1,5 @@
 <template>
   <div>
-    <hgroup>
-      <h1>Terms Of Use</h1>
-      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
-    </hgroup>
-
     <p>
       PLEASE READ THESE TERMS OF USE CAREFULLY BEFORE USING THE SERVICES.
       BY ACCESSING THIS SITE OR USING ANY PART OF THE SITE OR ANY CONTENT
diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
index 22bbf4bd..616365bd 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
@@ -1,10 +1,5 @@
 <template>
   <div>
-    <hgroup>
-      <h1>Terms Of Use</h1>
-      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
-    </hgroup>
-
     <v-alert text color="info">
       <div class="light-blue--text text--darken-4">
         <div class="text-h6 mb-3">What changed from

From ffe1de462a2aaefa51750e442f4359236256a209 Mon Sep 17 00:00:00 2001
From: Dat WMDE <dat.nguyen@wikimedia.de>
Date: Thu, 13 Aug 2026 18:41:28 +0200
Subject: [PATCH 2/4] Add effective dates to ToU and HP pages and fix versions
 panel (#1167)

- Add `Effective` date in the subheader of the HP and ToU pages
- In the policy navigation panel, the ToU versions' titles are formatted
to `<DD Month YYYY> (current)` (e.g., `1 January 2022 (current)` or `1
January 2021`, not `Current version` or `2021-01-01`)

Bug: T434191

---------

Co-authored-by: Ollie <43674967+outdooracorn@users.noreply.github.com>
---
 src/components/Pages/TermsOfUse/terms-of-use/version-1.vue | 4 ++++
 src/components/Pages/TermsOfUse/terms-of-use/version-2.vue | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
index 944d8988..c175a19c 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
+    <hgroup>
+      <h1>Terms Of Use</h1>
+      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
+    </hgroup>
     <p>
       PLEASE READ THESE TERMS OF USE CAREFULLY BEFORE USING THE SERVICES.
       BY ACCESSING THIS SITE OR USING ANY PART OF THE SITE OR ANY CONTENT
diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
index 616365bd..2864276f 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
+    <hgroup>
+      <h1>Terms Of Use</h1>
+      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
+    </hgroup>
     <v-alert text color="info">
       <div class="light-blue--text text--darken-4">
         <div class="text-h6 mb-3">What changed from

From 6f4b2c150eecee868401a9878958d972c1fec43b Mon Sep 17 00:00:00 2001
From: Perside Rosalie <perside.rosalie@wikimedia.de>
Date: Fri, 14 Aug 2026 15:38:32 +0200
Subject: [PATCH 3/4] rebase on main and resolve conflicts

---
 .../Pages/TermsOfUse/TermsOfUseRenderer.vue      |  5 ++++-
 .../Pages/TermsOfUse/terms-of-use/version-1.vue  | 16 ----------------
 .../Pages/TermsOfUse/terms-of-use/version-2.vue  | 14 --------------
 3 files changed, 4 insertions(+), 31 deletions(-)

diff --git a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
index 9d922a80..6132e0ab 100644
--- a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
+++ b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
@@ -11,7 +11,7 @@
 
         <v-col cols="11" md="8">
           <hgroup>
-            <h1>Terms Of Use</h1>
+            <h1>{{ title }}</h1>
             <p v-if="policyMetadata && policyMetadata.active_from" class="text-subtitle-1 text--secondary mb-2">
               Effective: {{ formattedActiveFrom }}
             </p>
@@ -47,6 +47,9 @@ export default {
     PolicyNavigationPanel,
   },
   computed: {
+    title: function () {
+      return 'Term Of Use'
+    },
     policyActiveFrom: function () {
       return this.$route.params.activeFrom
     },
diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
index c175a19c..16c6127a 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-1.vue
@@ -1,9 +1,5 @@
 <template>
   <div>
-    <hgroup>
-      <h1>Terms Of Use</h1>
-      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
-    </hgroup>
     <p>
       PLEASE READ THESE TERMS OF USE CAREFULLY BEFORE USING THE SERVICES.
       BY ACCESSING THIS SITE OR USING ANY PART OF THE SITE OR ANY CONTENT
@@ -1285,19 +1281,7 @@
 
 <script>
 export default {
-  props: {
-    activeFrom: {
-      type: String,
-      default: null,
-    },
-  },
   components: {},
-  computed: {
-    formattedActiveFrom () {
-      if (!this.activeFrom) return null
-      return new Date(this.activeFrom).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' })
-    },
-  },
 }
 </script>
 
diff --git a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
index 2864276f..0f6d4747 100644
--- a/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
+++ b/src/components/Pages/TermsOfUse/terms-of-use/version-2.vue
@@ -1,9 +1,5 @@
 <template>
   <div>
-    <hgroup>
-      <h1>Terms Of Use</h1>
-      <p v-if="activeFrom" class="text-subtitle-1 text--secondary mb-2">Effective: {{ formattedActiveFrom }}</p>
-    </hgroup>
     <v-alert text color="info">
       <div class="light-blue--text text--darken-4">
         <div class="text-h6 mb-3">What changed from
@@ -1122,22 +1118,12 @@
 
 <script>
 export default {
-  props: {
-    activeFrom: {
-      type: String,
-      default: null,
-    },
-  },
   components: {
   },
   computed: {
     isMobile () {
       return this.$vuetify.breakpoint.xs
     },
-    formattedActiveFrom () {
-      if (!this.activeFrom) return null
-      return new Date(this.activeFrom).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' })
-    },
   },
   data: () => ({
     show: false,

From 1702611947e589a2bfd5cf3dcdf3020690d40716 Mon Sep 17 00:00:00 2001
From: Dat WMDE <dat.nguyen@wikimedia.de>
Date: Thu, 13 Aug 2026 18:41:28 +0200
Subject: [PATCH 4/4] Add effective dates to ToU and HP pages and fix versions
 panel (#1167)

- Add `Effective` date in the subheader of the HP and ToU pages
- In the policy navigation panel, the ToU versions' titles are formatted
to `<DD Month YYYY> (current)` (e.g., `1 January 2022 (current)` or `1
January 2021`, not `Current version` or `2021-01-01`)

Bug: T434191

---------

Co-authored-by: Ollie <43674967+outdooracorn@users.noreply.github.com>
---
 src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
index 6132e0ab..323a1f93 100644
--- a/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
+++ b/src/components/Pages/TermsOfUse/TermsOfUseRenderer.vue
@@ -11,7 +11,7 @@
 
         <v-col cols="11" md="8">
           <hgroup>
-            <h1>{{ title }}</h1>
+            <h1>Terms of Use</h1>
             <p v-if="policyMetadata && policyMetadata.active_from" class="text-subtitle-1 text--secondary mb-2">
               Effective: {{ formattedActiveFrom }}
             </p>
@@ -47,9 +47,6 @@ export default {
     PolicyNavigationPanel,
   },
   computed: {
-    title: function () {
-      return 'Term Of Use'
-    },
     policyActiveFrom: function () {
       return this.$route.params.activeFrom
     },