From eb0db5041377be15a2a0a3eaf5583aa5adacc85f Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Sun, 5 Jul 2020 23:53:44 +0100
Subject: [PATCH] item external link

---
 template/index.html                      | 10 ++++++++--
 template/static/images/external-link.svg |  1 +
 template/static/javascripts/app.js       |  1 +
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 template/static/images/external-link.svg

diff --git a/template/index.html b/template/index.html
index e4a01dc..cfbea2d 100644
--- a/template/index.html
+++ b/template/index.html
@@ -98,10 +98,16 @@
                             <img v-if="itemSelectedDetails.status=='starred'" src="./static/images/star-full.svg" alt="" style="width: 20px; height: 20px;">
                             <img v-else-if="itemSelectedDetails.status!='starred'" src="./static/images/star.svg" alt="" style="width: 20px; height: 20px;">
                         </button>
-                        <button class="btn btn-link p-0" style="line-height: 1" v-if="itemSelectedDetails.status!='starred'" @click="toggleItemRead(itemSelectedDetails)">
+                        <button class="btn btn-link p-0"
+                                style="line-height: 1"
+                                :disabled="itemSelectedDetails.status=='starred'"
+                                @click="toggleItemRead(itemSelectedDetails)">
                             <img v-if="itemSelectedDetails.status=='unread'" src="./static/images/circle-full.svg" alt="" style="width: 20px; height: 20px;">
-                            <img v-if="itemSelectedDetails.status=='read'" src="./static/images/circle.svg" src="./static/images/circle-full.svg" alt="" style="width: 20px; height: 20px;">
+                            <img v-if="itemSelectedDetails.status!='unread'" src="./static/images/circle.svg" alt="" style="width: 20px; height: 20px;">
                         </button>
+                        <a class="btn btn-link p-0" :href="itemSelectedDetails.link" target="_blank" style="line-height: 1">
+                            <img src="./static/images/external-link.svg" alt="" style="width: 20px; height: 20px;">
+                        </a>
                     </div>
                 </div>
                 <button class="btn btn-link p-0" v-b-modal.settings-modal style="line-height: 1">
diff --git a/template/static/images/external-link.svg b/template/static/images/external-link.svg
new file mode 100644
index 0000000..6236df3
--- /dev/null
+++ b/template/static/images/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
\ No newline at end of file
diff --git a/template/static/javascripts/app.js b/template/static/javascripts/app.js
index a2b08d2..943b0e8 100644
--- a/template/static/javascripts/app.js
+++ b/template/static/javascripts/app.js
@@ -13,6 +13,7 @@ var vm = new Vue({
       'feedSelected': null,
       'items': [],
       'itemSelected': null,
+      'itemSelectedDetails': {},
       'settings': 'create',
       'loading': {newfeed: 0},
     }