Add icon to show if bookmark archived and public

dillera · Aug 12, 2019 · 326f04d · 326f04d
1 parent 2cb95c1
commit 326f04d
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 22 deletions.
diff --git a/internal/view/css/bookmark-item.css b/internal/view/css/bookmark-item.css
diff --git a/internal/view/js/component/bookmark.js b/internal/view/js/component/bookmark.js
@@ -1,12 +1,16 @@
 var template = `
-<div class="bookmark" :class="{list: listMode, selected: selected, public: public >= 1}">
+<div class="bookmark" :class="{list: listMode, selected: selected}">
     <a class="bookmark-selector" 
         v-if="editMode" 
         @click="selectBookmark">
     </a>
     <a class="bookmark-link" :href="mainURL" target="_blank" rel="noopener">
         <span class="thumbnail" v-if="imageURL" :style="thumbnailStyleURL"></span>
-        <p class="title">{{title}}</p>
+        <p class="title">{{title}}
+            <i v-if="hasContent" class="fas fa-file-alt"></i>
+            <i v-if="hasArchive" class="fas fa-archive"></i>
+            <i v-if="public" class="fas fa-eye"></i>
+        </p>
         <p class="excerpt" v-if="!imageURL">{{excerpt}}</p>
         <p class="id" v-show="showId">{{id}}</p>
     </a>

diff --git a/internal/view/less/bookmark-item.less b/internal/view/less/bookmark-item.less
@@ -18,16 +18,6 @@
         background-color: var(--selectedBg);
     }
 
-    &.public .title::after {
-        content: "\f06e";
-        width: 1.25em;
-        text-align: center;
-        font-weight: 900;
-        font-family: "Font Awesome 5 Free";
-        margin-left: 8px;
-        font-size: 14px;
-    }
-
     .bookmark-selector {
         position: absolute;
         top: 0;
@@ -90,6 +80,12 @@
             &:first-child {
                 margin-top: 16px;
             }
+
+            i {
+                color: var(--colorLink);
+                margin-left: 4px;
+                font-size: 14px;
+            }
         }
 
         .excerpt {