From 367f420dd298f45087bead313183aff3810946d9 Mon Sep 17 00:00:00 2001
From: Jose Celano <josecelano@gmail.com>
Date: Fri, 13 Sep 2024 17:38:05 +0100
Subject: [PATCH] feat: [#617] new static page with terms

http://localhost:3000/terms

It also add a link on the footer. Page content is laoded in markdown
format from the API (settings->website).
---
 app.vue           |  2 +-
 package-lock.json | 25 +++++++++++++++----------
 package.json      |  4 ++--
 pages/terms.vue   | 34 ++++++++++++++++++++++++++++++++++
 4 files changed, 52 insertions(+), 13 deletions(-)
 create mode 100644 pages/terms.vue

diff --git a/app.vue b/app.vue
index 591a8429..5fd4ab8f 100644
--- a/app.vue
+++ b/app.vue
@@ -12,7 +12,7 @@
     <div class="flex-grow" />
     <footer class="p-4 footer footer-center text-base-content">
       <div>
-        <p><a target="_blank" href="https://torrust.com" class="link link-hover"> Powered by Torrust </a> ⚡ <a target="_self" href="/license" class="link link-hover">Copyright © 2024</a></p>
+        <p><a target="_blank" href="https://torrust.com" class="link link-hover"> Powered by Torrust </a> ⚡ <a target="_self" href="/license" class="link link-hover">Copyright © 2024</a> &nbsp; <a target="_self" href="/terms" class="link link-hover">Terms</a></p>
       </div>
     </footer>
   </div>
diff --git a/package-lock.json b/package-lock.json
index 87e74fd4..a60ea9a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,8 +17,8 @@
         "dompurify": "^3.1.4",
         "marked": "^12.0.2",
         "notiwind-ts": "^2.0.2",
-        "torrust-index-api-lib": "^3.0.0-beta",
-        "torrust-index-types-lib": "^3.0.0-beta",
+        "torrust-index-api-lib": "^3.0.0-beta.2",
+        "torrust-index-types-lib": "^3.0.0-beta.2",
         "uuid": "^9.0.1"
       },
       "devDependencies": {
@@ -44,6 +44,13 @@
         "vite-plugin-eslint": "^1.8.1"
       }
     },
+    "../torrust-index-types-lib": {
+      "version": "3.0.0-beta.2",
+      "license": "SEE LICENSE IN COPYRIGHT",
+      "devDependencies": {
+        "typescript": "^5.2.2"
+      }
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -20324,19 +20331,17 @@
       }
     },
     "node_modules/torrust-index-api-lib": {
-      "version": "3.0.0-beta",
-      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-3.0.0-beta.tgz",
-      "integrity": "sha512-CbNOjneTiuChZ/xDfLosVIbZ6zdS06GBbeezsJ+2AofJXbAu7Q8KFgWnLJUZUVMtqiELc83CZflC7EVGubif3A==",
+      "version": "3.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/torrust-index-api-lib/-/torrust-index-api-lib-3.0.0-beta.2.tgz",
+      "integrity": "sha512-hfgK5LmEnHLcW4imTvBMtrFM8w/4ccqsMfaYFIMpQargjhHTmE1xgjoFPc4apa9SKYTyvLs3i+StDXPO3ar3rA==",
       "license": "SEE LICENSE IN COPYRIGHT",
       "dependencies": {
-        "torrust-index-types-lib": "^3.0.0-beta"
+        "torrust-index-types-lib": "^3.0.0-beta.2"
       }
     },
     "node_modules/torrust-index-types-lib": {
-      "version": "3.0.0-beta",
-      "resolved": "https://registry.npmjs.org/torrust-index-types-lib/-/torrust-index-types-lib-3.0.0-beta.tgz",
-      "integrity": "sha512-OoNnvhvRy9D+DnsgTWvRTRwbys6kusPfRggfzuM40G+8iH/9gvJvvELKZrVflw3rb1zOpNsuJ8UVN7e2Y23tFA==",
-      "license": "SEE LICENSE IN COPYRIGHT"
+      "resolved": "../torrust-index-types-lib",
+      "link": true
     },
     "node_modules/totalist": {
       "version": "3.0.1",
diff --git a/package.json b/package.json
index d3e2ed8c..af1f72e0 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,8 @@
     "dompurify": "^3.1.4",
     "marked": "^12.0.2",
     "notiwind-ts": "^2.0.2",
-    "torrust-index-api-lib": "^3.0.0-beta",
-    "torrust-index-types-lib": "^3.0.0-beta",
+    "torrust-index-api-lib": "^3.0.0-beta.2",
+    "torrust-index-types-lib": "^3.0.0-beta.2",
     "uuid": "^9.0.1"
   }
 }
\ No newline at end of file
diff --git a/pages/terms.vue b/pages/terms.vue
new file mode 100644
index 00000000..8d41332e
--- /dev/null
+++ b/pages/terms.vue
@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <Markdown :source="pageContent" class="px-40 pt-2 pb-5 prose-h1:text-center max-w-none" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { useSettings, useSeoMeta } from "#imports";
+
+const settings = useSettings();
+
+const pageTitle = ref("");
+const pageContent = ref("");
+
+watch(
+  () => settings.value,
+  (newSettings) => {
+    if (newSettings?.website?.terms?.page) {
+      pageTitle.value = newSettings.website.terms.page.title;
+      pageContent.value = newSettings.website.terms.page.content;
+    }
+  },
+  { immediate: true }
+);
+
+useSeoMeta({
+  title: () => `${pageTitle.value} - Torrent`
+});
+</script>
+
+<style scoped>
+
+</style>