From 4a7b42202eef1236c3a29c4a76d7bd2d1132e4ab Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Sun, 29 Sep 2019 14:48:36 +0200
Subject: [PATCH] add edit and delete button

---
 htdocs/css/openwebrx.css          |  28 +++++++++++++++++++++++++++-
 htdocs/gfx/openwebrx-edit.png     | Bin 0 -> 1325 bytes
 htdocs/gfx/openwebrx-trashcan.png | Bin 0 -> 797 bytes
 htdocs/openwebrx.js               |  15 ++++++++++++---
 4 files changed, 39 insertions(+), 4 deletions(-)
 create mode 100644 htdocs/gfx/openwebrx-edit.png
 create mode 100644 htdocs/gfx/openwebrx-trashcan.png

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 283cabc..619ebb3 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -164,7 +164,6 @@ input[type=range]:focus::-ms-fill-upper
 {
     height: 25px;
     background-color: #444;
-    overflow: hidden;
     position: relative;
     z-index: 1000;
 }
@@ -177,18 +176,45 @@ input[type=range]:focus::-ms-fill-upper
     padding: 2px 5px;
     cursor: pointer;
     white-space: nowrap;
+    max-height: 14px;
+    max-width: 50px;
 
     position: absolute;
     bottom: 5px;
     transform: translate(-50%, 0);
 }
 
+#openwebrx-bookmarks-container .bookmark .bookmark-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#openwebrx-bookmarks-container .bookmark .bookmark-actions {
+    display: none;
+    text-align: right;
+}
+
+.bookmark-actions .action {
+    line-height: 0;
+}
+
+.bookmark-actions .action img {
+    width: 14px;
+}
+
 #openwebrx-bookmarks-container .bookmark.selected {
     z-index: 1010;
 }
 
 #openwebrx-bookmarks-container .bookmark:hover {
     z-index: 1011;
+    max-height: none;
+    max-width: none;
+}
+
+#openwebrx-bookmarks-container .bookmark[editable]:hover .bookmark-actions {
+    display: block;
+    margin-bottom: 5px;
 }
 
 #openwebrx-bookmarks-container .bookmark:after {
diff --git a/htdocs/gfx/openwebrx-edit.png b/htdocs/gfx/openwebrx-edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab403a53316d388fea4dd78f122e32685afcc53a
GIT binary patch
literal 1325
zcmV+|1=9M7P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T70004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ^gM|4t5Yx$WWauh!t_vDionYs1;guFuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|;_9U6A|?JWDYS_3;J6>}?mh0_0YbgZG^=9*&~)2O
zCE{WxyDE0Qq6Z@gA&i*JEMrcRlJFg0_XzOyF3Pj~&;2?2)SShDfJi*c4AUmwAfDc|
z4bJ<-VOEq?;&bA0lP*a7$aTfzH_io@1)do;)2VslFtJ!@W2KE*(bR~ih$E_|Q@)V#
zSmnIMSu0mr^Pc>Lp`5<5%ypW>NMI35kRU=q6(y8mBTB1IiiH&I$9?=mu3sXTLaq`R
zITlcX2HEw4|H1EWt$b|KOA5t-&KJk|7zMg^fkw@7zK<QJaRLONfh)b`uhfB=Ptt2G
zEpi0(Zvz+CElt@2E_Z;zCqp)6R|?V;@_FF>jJ_!g4BP^}YhG{7eVjf3Y3eF@0~{Oz
zV+G1y_jz}BdvE`qY4-O6mHTqF9-dB^00006VoOIv0IvYA0I#2U7aRZp010qNS#tmY
z4c7nw4c7reD4Tcy000McNliru;|U!M7a9Vbsy6@t11d>GK~z}7?byF-6JZz!@b7bP
zYFb)KQqbO|heWC9B&gtzL202~L@I)de?i5`%?^U;AXISDK^;Y06vP&XN-e2^?se{v
z;Tm&R+ZbBgrhV^m@GhLmCAs{#G)Uhq_vY?CdEV!Jp34z4qn(F>HXr*yXJk{UNZSHe
z)0qT^I~RYM=FzqTuBI~yBHROT*s?fTD^h6@&KWf$mDb>B8K7q_<a{=hiSHS(C~}67
z%1~76zX{NN`&gVAAN@p<nq8=ia1v5E9n}wgb>`PHnJF;t*dJ3w7>=lFswENh$T<OF
zJvL3V+c^+b)rndnsRWmESg@xqg)Qr?VHjNnq}G2Iga>|dQVA$>?>6M_WdhFu0E0$)
zgqZmUsj3q$WSkjEFJ!|x=z#-(-5sIm`FuXtBg8a=Mgf4pAJ(ND({+8bkdxocrvQ%^
za&mj?R3skHHYI{3%SyOqPlY;m`K+$%o9j|uEf>k0u`&qYigP_?Ja^+70v6+hREF46
zmI^l`D-QtWkZZ>GlTug<01w!>$-bDHXvz|M;d0ns?hb|K!MFfmeUq*JSS<G2Ima-J
zF86W+u$%yu!_^hRa=0ELrfnPme&oivBk9`RRdF=~E8$!lVJ@m^o;U18cmTklE9WZW
zY65z-FB>=G#@SKYDLy}EtPDyalK^x8AVQ)V&Nr|WCx%_P5jW0VLMq`Rsyf+}hlSE*
z6~or<#*cb&%$W3xtGbIlitq}+UjRA>K&=PoXIXs#i*Q>2I!nLB(;HIW2ntsg=(SsA
zhjjvy$3Zwk;52|25lwq(*Rw!yp1`8WWrP$Ld-a1$elOTeT*)R`HO=!yITw{7d3>*M
zB|wF_IM2dhyve4`F(0^Ne|u|fb*_Oj!&CO=IKafOD<N%M(rNs))VaEWMD(7)*Qz0d
z#8oZSeVR5~2^lobS0^clYz5ADFYeQ{SrD!R*tU_cq>!K751T>Y03cLu!UE3xOq;HG
z+9tvi0^bG@c3NFCN=aQnVmu_O{IpGkL{tkVat;3{2`c9*Mv(IPMHvc@R{vFUGor;l
jx8mI*?Y~6--+_Msv7JpDKJhMD00000NkvXXu0mjf><m+1

literal 0
HcmV?d00001

diff --git a/htdocs/gfx/openwebrx-trashcan.png b/htdocs/gfx/openwebrx-trashcan.png
new file mode 100644
index 0000000000000000000000000000000000000000..c47dd48846d2be8e9e5b777a10e2cb54ce38bdbd
GIT binary patch
literal 797
zcmV+&1LFLNP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T70004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ^gM|4t5Yx$WWauh!t_vDionYs1;guFuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|;_9U6A|?JWDYS_3;J6>}?mh0_0YbgZG^=9*&~)2O
zCE{WxyDE0Qq6Z@gA&i*JEMrcRlJFg0_XzOyF3Pj~&;2?2)SShDfJi*c4AUmwAfDc|
z4bJ<-VOEq?;&bA0lP*a7$aTfzH_io@1)do;)2VslFtJ!@W2KE*(bR~ih$E_|Q@)V#
zSmnIMSu0mr^Pc>Lp`5<5%ypW>NMI35kRU=q6(y8mBTB1IiiH&I$9?=mu3sXTLaq`R
zITlcX2HEw4|H1EWt$b|KOA5t-&KJk|7zMg^fkw@7zK<QJaRLONfh)b`uhfB=Ptt2G
zEpi0(Zvz+CElt@2E_Z;zCqp)6R|?V;@_FF>jJ_!g4BP^}YhG{7eVjf3Y3eF@0~{Oz
zV+G1y_jz}BdvE`qY4-O6mHTqF9-dB^00006VoOIv0IvYA0I#2U7aRZp010qNS#tmY
z4c7nw4c7reD4Tcy000McNliru;|U!MDl;m^dgTBB0UAj}K~z}7?U_*y!9Wm(f9g@4
zfM>x4I7l7DK|BbTXkYQ*0vtea0PQWB-wU$Y#Okgs#r(-8JLz=y%T79*nSvxNM~mcw
zWX9skNX|)yw)?>Wa7}k@NY-rjtC56-1_1VWO??2zqRtJ=#k-n4F8E%o%zI@52AZ8X
zoM2$%Tt~&FpWp~U+u%Rc?8sry;gjcQ0NcBzeKj#ZuUKWOe26O#XiAcicJ%N(R7H>c
zB*ebcjIGogVhUiVq>_oljpH3K(r%R-V8<~>eqV?MPyhu`00mG01yBG5Pym0rCQ)mR
ztu`N50WdN2SCYREac-#Kd@FYWJQ-?W-#WU4_yAz_hA1vgfX^B{;q~`HT0$Q%B{?J6
bG%;KNQNqnyh|#~t00000NkvXXu0mjf=jUA$

literal 0
HcmV?d00001

diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 80e218e..76949d6 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -1337,11 +1337,20 @@ function on_ws_recv(evt)
     }
 }
 
-function update_bookmarks(bookmarks, source) {
+function update_bookmarks(bookmarks, source, editable) {
+    editable = !!editable;
     var $container = $('#openwebrx-bookmarks-container');
     $container.find('.bookmark[data-source=' + source + ']').remove();
     bookmarks.forEach(function(b){
-        $bookmark = $('<div class="bookmark" data-source="' + source + '">' + b.name + '</div>');
+        $bookmark = $(
+            '<div class="bookmark" data-source="' + source + '"' + (editable?' editable="editable"':'') + '>' +
+                '<div class="bookmark-actions">' +
+                    '<div class="openwebrx-button action" data-action="edit"><img src="static/gfx/openwebrx-edit.png"></div>' +
+                    '<div class="openwebrx-button action" data-action="delete"><img src="static/gfx/openwebrx-trashcan.png"></div>' +
+                '</div>' +
+                '<div class="bookmark-content">' + b.name + '</div>' +
+            '</div>'
+        );
         $bookmark.data(b);
         $container.append($bookmark);
     });
@@ -1355,7 +1364,7 @@ function loadLocalBookmarks() {
     var bookmarks = getLocalBookmarks().filter(function(b){
         return b.frequency >= start && b.frequency <= end;
     });
-    update_bookmarks(bookmarks, 'local');
+    update_bookmarks(bookmarks, 'local', true);
 }
 
 function position_bookmarks() {