From 48296dc54f80242df5398dd1e6c1133e458f1e69 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 16 Feb 2023 13:39:21 +0100
Subject: [PATCH] Overwrite DocsPageBottom component to use gitlabedit compo
---
components/docs/DocsPageBottom.vue | 49 ++++++++++++++++++++++++++++++
1 file changed, 49 insertions(+)
create mode 100644 components/docs/DocsPageBottom.vue
diff --git a/components/docs/DocsPageBottom.vue b/components/docs/DocsPageBottom.vue
new file mode 100644
index 00000000..16271c62
--- /dev/null
+++ b/components/docs/DocsPageBottom.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+const { page } = useContent();
+const { config, tree } = useDocus();
+</script>
+
+<template>
+ <div v-if="page" class="docs-page-bottom">
+ <div v-if="config?.gitlab?.edit" class="edit-link">
+ <Icon name="uil:edit" />
+ <EditGitLab
+ :owner="config.gitlab.owner"
+ :repo="config.gitlab.repo"
+ :branch="config?.gitlab?.branch"
+ />
+ </div>
+
+ <!-- Need to be supported by @nuxt/content -->
+ <span v-if="page?.mtime"
+ >Updated on
+ <b>{{
+ new Intl.DateTimeFormat("en-US").format(Date.parse(page.mtime))
+ }}</b></span
+ >
+ </div>
+</template>
+
+<style scoped lang="ts">
+css({
+ '.docs-page-bottom': {
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ flexDirection: 'row',
+ gap: '{space.4}',
+ marginTop: '{space.8}',
+ fontSize: '{fontSize.sm}',
+ color: '{color.gray.500}',
+ '@dark': {
+ color: '{color.gray.400}'
+ },
+ '.edit-link': {
+ flex: 1,
+ display: 'flex',
+ alignItems: 'center',
+ gap: '{space.2}'
+ }
+ }
+})
+</style>
--
GitLab