aboutsummaryrefslogtreecommitdiff
path: root/src/components/bookmark_folders/bookmark_folders.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2024-10-04 10:11:49 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2024-10-04 10:11:49 +0000
commitbb0a7a81c5c5e9947471ccffff629af9ee6d6185 (patch)
treee67dca18d5f0343ae798e60bfec7d7969e54856f /src/components/bookmark_folders/bookmark_folders.vue
parenta1c3a7a742ea86b0ddeb67a42ca27f478f0f22a2 (diff)
parent216ca52073212942ffb6f75b63993a5f5c32a5d6 (diff)
Merge branch 'bookmark-folders' into 'develop'
Bookmark folders Closes #1335 See merge request pleroma/pleroma-fe!1945
Diffstat (limited to 'src/components/bookmark_folders/bookmark_folders.vue')
-rw-r--r--src/components/bookmark_folders/bookmark_folders.vue37
1 files changed, 37 insertions, 0 deletions
diff --git a/src/components/bookmark_folders/bookmark_folders.vue b/src/components/bookmark_folders/bookmark_folders.vue
new file mode 100644
index 00000000..d92e95df
--- /dev/null
+++ b/src/components/bookmark_folders/bookmark_folders.vue
@@ -0,0 +1,37 @@
+<template>
+ <div class="Bookmark-folders panel panel-default">
+ <div class="panel-heading">
+ <div class="title">
+ {{ $t('nav.bookmark_folders') }}
+ </div>
+ <router-link
+ :to="{ name: 'bookmark-folder-new' }"
+ class="button-default btn new-folder-button"
+ >
+ {{ $t("bookmark_folders.new") }}
+ </router-link>
+ </div>
+ <div class="panel-body">
+ <BookmarkFolderCard
+ :all-bookmarks="true"
+ class="list-item"
+ />
+ <BookmarkFolderCard
+ v-for="folder in bookmarkFolders.slice().reverse()"
+ :key="folder"
+ :folder="folder"
+ class="list-item"
+ />
+ </div>
+ </div>
+</template>
+
+<script src="./bookmark_folders.js"></script>
+
+<style lang="scss">
+.Bookmark-folders {
+ .new-folder-button {
+ padding: 0 0.5em;
+ }
+}
+</style>