From 2b943ceac3869f262a8b38df1ea6976aad6c97c8 Mon Sep 17 00:00:00 2001
From: Matthias Bilger <matthias@bilger.info>
Date: Mon, 13 Feb 2023 13:32:40 +0100
Subject: [PATCH] Added linkding widget

---
 src/components/Widgets/Linkding.vue   | 58 +++++++++++++++++++++++++++
 src/components/Widgets/WidgetBase.vue |  1 +
 2 files changed, 59 insertions(+)
 create mode 100644 src/components/Widgets/Linkding.vue

diff --git a/src/components/Widgets/Linkding.vue b/src/components/Widgets/Linkding.vue
new file mode 100644
index 00000000000..2f527ca55f6
--- /dev/null
+++ b/src/components/Widgets/Linkding.vue
@@ -0,0 +1,58 @@
+<template>
+<div class="linkding-outer-wrapper">
+  <div class="linkding-wrapper" v-if="links">
+    <ul>
+      <li
+        v-for="link in links"
+        v-bind:key="link.id"
+        class="lingkding-link"
+          v-tooltip="mvgTooltipConnection(connection)"
+      >
+        <a href="link.url"><span class="linktext" v-tooltip="link.description">{{link.text}}</span></a>
+      </li>
+    </ul>
+  </div>
+</div>
+</template>
+
+<script>
+import WidgetMixin from '@/mixins/WidgetMixin';
+import { widgetApiEndpoints } from '@/utils/defaults';
+
+export default {
+  mixins: [WidgetMixin],
+  components: {},
+  data() {
+    return {
+      links: null,
+    };
+  },
+  computed: {
+    endpoint() {
+      if (!this.options.host) this.error('linkgding Host is required');
+      return `${this.options.host}/api/bookmarks`;
+    },
+  },
+  methods: {
+    update() {
+      this.startLoading();
+      this.fetchData();
+      this.finishLoading();
+    },
+    fetchData() {
+        this.makeRequest(this.endpoint()).then(
+          (response) => { this.processData(response); },
+        );
+      }
+    },
+    processData(data) {
+      this.links = data.results;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.linkdign-wrapper {
+}
+</style>
diff --git a/src/components/Widgets/WidgetBase.vue b/src/components/Widgets/WidgetBase.vue
index 0f310a9d90f..fd6543e7172 100644
--- a/src/components/Widgets/WidgetBase.vue
+++ b/src/components/Widgets/WidgetBase.vue
@@ -84,6 +84,7 @@ const COMPAT = {
   joke: 'Jokes',
   'mullvad-status': 'MullvadStatus',
   mvg: 'Mvg',
+  linkding: 'Linkding',
   'mvg-connection': 'MvgConnection',
   'nd-cpu-history': 'NdCpuHistory',
   'nd-load-history': 'NdLoadHistory',