From 96ae9beb06d26f52db213f73a523451a5b8c5ecc Mon Sep 17 00:00:00 2001 From: "F.N. Claessen" Date: Thu, 18 Feb 2021 22:04:21 +0100 Subject: [PATCH 1/5] Add hover tooltip showing asset name. --- flexmeasures/ui/templates/views/dashboard.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/flexmeasures/ui/templates/views/dashboard.html b/flexmeasures/ui/templates/views/dashboard.html index e7d93e405..81944e2f3 100644 --- a/flexmeasures/ui/templates/views/dashboard.html +++ b/flexmeasures/ui/templates/views/dashboard.html @@ -250,6 +250,11 @@

{{ asset.display_name }}

next(); }); }) + .bindTooltip("{{ asset.display_name }}", + { + permanent: false, + direction: 'right' + }) .on('click', clickZoom) .on('click', lookForState); // .openPopup(); From c1b2c227f0b61f535b3c8d6e154d5b71d77e0acb Mon Sep 17 00:00:00 2001 From: "F.N. Claessen" Date: Thu, 18 Feb 2021 22:05:21 +0100 Subject: [PATCH 2/5] Add empty marker to custom webfont. Overlay map icons on empty marker. --- flexmeasures/ui/static/css/flexmeasures.css | 36 ++++++++++++------ flexmeasures/ui/static/font/seita-webfont.eot | Bin 9492 -> 9632 bytes flexmeasures/ui/static/font/seita-webfont.svg | 4 +- flexmeasures/ui/static/font/seita-webfont.ttf | Bin 9304 -> 9444 bytes .../ui/static/font/seita-webfont.woff | Bin 5932 -> 6024 bytes .../ui/static/font/seita-webfont.woff2 | Bin 4872 -> 4952 bytes .../ui/templates/views/dashboard.html | 8 ++-- 7 files changed, 32 insertions(+), 16 deletions(-) diff --git a/flexmeasures/ui/static/css/flexmeasures.css b/flexmeasures/ui/static/css/flexmeasures.css index 5c30c8c9b..9007dde01 100644 --- a/flexmeasures/ui/static/css/flexmeasures.css +++ b/flexmeasures/ui/static/css/flexmeasures.css @@ -318,16 +318,22 @@ i.center-icon:after, i.center-icon:before { /* map icons */ .map-icon { + color: #ffffff; display: flex; - flex-wrap: nowrap; align-items: center; justify-content: center; font-size: 24px; } +.map-icon > i.overlay:before, .map-icon > i.overlay:after { + font-size: 20px; + z-index: 9; + right: -5px; + top: -40px; +} .map-icon > i:before, .map-icon > i:after { position: absolute; - top: -22px; - left: -16.5px; + right: -25px; + top: -50px; } .map-icon.opportunity { color: #c21431; @@ -335,9 +341,16 @@ i.center-icon:after, i.center-icon:before { .leaflet-marker-popup { min-width: 240px; } +.icon-empty-marker { + color: #000000; + opacity: 0.7; +} /* rotating icons, because why not? */ +.map-icon > i.icon-wind:before, .map-icon > i.icon-wind:after { + right: -8px !important; +} i.icon-wind:hover:before { transform: rotate(720deg); transform-origin: 37.4% 40.2%; @@ -377,12 +390,12 @@ i.icon-wind:hover:before { @font-face { font-family: 'seita-webfont'; - src: url('../font/seita-webfont.eot?93228496'); - src: url('../font/seita-webfont.eot?93228496#iefix') format('embedded-opentype'), - url('../font/seita-webfont.woff2?93228496') format('woff2'), - url('../font/seita-webfont.woff?93228496') format('woff'), - url('../font/seita-webfont.ttf?93228496') format('truetype'), - url('../font/seita-webfont.svg?93228496#seita-webfont') format('svg'); + src: url('../font/seita-webfont.eot?7470033'); + src: url('../font/seita-webfont.eot?7470033#iefix') format('embedded-opentype'), + url('../font/seita-webfont.woff2?7470033') format('woff2'), + url('../font/seita-webfont.woff?7470033') format('woff'), + url('../font/seita-webfont.ttf?7470033') format('truetype'), + url('../font/seita-webfont.svg?7470033#seita-webfont') format('svg'); font-weight: normal; font-style: normal; } @@ -392,7 +405,7 @@ i.icon-wind:hover:before { @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'seita-webfont'; - src: url('../font/seita-webfont.svg?93228496#seita-webfont') format('svg'); + src: url('../font/seita-webfont.svg?7470033#seita-webfont') format('svg'); } } */ @@ -401,7 +414,7 @@ i.icon-wind:hover:before { font-family: "seita-webfont"; font-style: normal; font-weight: normal; - speak: none; + speak: never; display: inline-block; text-decoration: inherit; @@ -452,6 +465,7 @@ i.icon-wind:hover:before { .icon-seita:before { content: '\e80d'; } /* '' */ .icon-wind-blades:before { content: '\e80e'; } /* '' */ .icon-wind-tower:before { content: '\e80f'; } /* '' */ +.icon-empty-marker:before { content: '\e810'; } /* '' */ .icon-batteries:before { content: '\e801'; } /* '' */ .icon-buildings:before { content: '\e803'; } /* '' */ diff --git a/flexmeasures/ui/static/font/seita-webfont.eot b/flexmeasures/ui/static/font/seita-webfont.eot index c85aa94ca9792b4d4b23fb55e772226013ad9a12..9fa03a85b42fe50baaaeddddbd2663b86b3cbc87 100644 GIT binary patch delta 520 zcmbQ@wZNNofhq&TlZmY6EG$bG=1+8(SMR0Gz`)qUz`zieoSRtia_YWc3=B*s zQ<=8#>GVPd29_lZ3^Fbmsfj5vp8K~0)jj}XvkagB`*jv&AbSrGt7PPsRCp}={~c)F z6CmFsCqFsS&dqWQP=5`Oua=uwQNS3)JQFA{0pu&>CFZ8?kiMk25XgSPz`)E|kY8M~ z{HxJv1_tFXKn3q6S1>B83NbJO*+87Xa4AbXzs*+$Zf2lr28KH!cHA&}@&QIkMxn{K z7z-IWC;Kp2vmSWC@Iqj64^zbC2TbCcC15ic81fjH!7Lph%>^{Hgn@;@31|ij5CUxg z>QG=dWE9*Sz|70Yc?V=T5C~3AV>!h2LI5NW=4!C2u<$7{Fl_c=y(?W0)b~G=IgUAq zK@Mo55<43^o2ZDm7z7%bn?azdiMpD)8snFw&>#atV@(eedvy^m87>iZdlL^$V?%?W zQ05>InG{+ao8#xNFUHL+rtj~U6I%=v0%`#{M2O)Y)E^8Cra(R@To@)hC|+YSGMp@- sbb{H4!Ep0qr6NXPNQ9{NZt0y|ltM^>Pz`)qUz`zieoSRtiYW3S(1_mY#Aa+X6 zsZ4wCLHbTcYGR6r+g4+s+6O>vmH`xCzs{lrWbXlDm5khy3YUHVzXQ#C z0_3~oQ@s90_R>dyhm=O$JZFa|Qu1jr?JN!2*Op8-O}g zm<@qS*d`}3|CwCC%+AjPvVq|Om}FoOn4H6MXtD*X%H{;tyV8@FD!yehw46Le=>)SO YgXQLU -Copyright (C) 2019 by original authors @ fontello.com +Copyright (C) 2021 by original authors @ fontello.com @@ -37,6 +37,8 @@ + + \ No newline at end of file diff --git a/flexmeasures/ui/static/font/seita-webfont.ttf b/flexmeasures/ui/static/font/seita-webfont.ttf index b8b514e4e14e90894474a0561d1b8fd0f1592394..71562bf7e3cfe7be07acb0bb369da8cbe9bbc2bc 100644 GIT binary patch delta 512 zcmccN@x*h2QoWZp0|R3Z0|P@?a&BV5%c=W*F)%Rc0C7NiPG#D{r_&1=7+97tFvz%M zq$Z}wc<$d0RQmvk%`$)j?AKY8f$Tj%tdfyiQsJ@e|97ByPk?-noc!cOJ2%TMK>am9 zzFKZ#MFC?F^Gu+;1dy+gmzbNnL;8~9LLmDE0|PT>L4I+`@~=jx85oqm02REOxJTJu zh=CEv1mgUKOIhOiZN4&aGXoVfFx&~Tvql3})#7X)d6q5(X9qC!kIiAOxBK)RDqu z$SMewVVk^=>DS~9Oq~2YAmbVCfJp`h!O5$b4{^N^04W9v2~N&oQDNazVqn-jf#t4r z8qkpcnapv_K@4(0LzLLr*x5uy#Kj=c$lMG9O-{~c)F6CmFuCqFsSK*e$kP=5|c zJ~y$VfH9DHCQx1i$XCcq%uU@ceMw^_kPTG8%vq3MT=H&4*iHrpVWRCzuTx XEH^J!Dq>_5oGhlIG}%gJCdhgK`O#ZA diff --git a/flexmeasures/ui/static/font/seita-webfont.woff b/flexmeasures/ui/static/font/seita-webfont.woff index 2a78964a715f6693af7015cabc627960c6842b6d..f38b016eae167d895152ee7544ec882b92e31cd4 100644 GIT binary patch delta 5811 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 delta 5760 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 diff --git a/flexmeasures/ui/static/font/seita-webfont.woff2 b/flexmeasures/ui/static/font/seita-webfont.woff2 index 94867702b60f308c3dc5f9d9a4e09ebb2b12a576..b637d9570f9cc8228c701320654f57faac97f802 100644 GIT binary patch literal 4952 zcmV-e6Q}HVPew8T0RR91025dM3jhEB03_r9022rR0RR9100000000000000000000 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 Whzk0(54PlVzBHU22X+Af6$b`OYj2+b literal 4872 zcmV+j6Zh52?v2+8+{%l5q68z@*?|-1lySTLx({O z-hv8^tWCZM*}~wE!8>dH#zJWF%m_(l;s0sBcJ9o4U9pOYCz@p{p{iE#NTL)<5KF|3 z#8=uL(VWfRd6K)_MGU(joTN--N!15di;NGu2P{|J~wf zCIt3|hz3FcQhSqLPo0rAPRm}f1B`7A$Ci(6wSND9|2J3K&F#(W>?vSZI`s8@r)zA5 z|1*J`KRL+eXmWt1-4dn%sH%Z<>$6+Jlvx71*0GRvb)r^R$ZA_Hsxq8Up>!_T{Kx3r zRbPYjfJWX50?3I42Vl#&#nr%XH4pZI2?&Z*EHRl?TV0*az%X`f6G&s~sTHRUa*{m(PI03=34d}p74b}wZk?m z-Uh`8N?|EvqS^^f#w+**pB1BW6lq=#Wrzj#R$ys|J`D|Jse~v29kX zRgI|SaVnKfrR3MsDHhq1zH|v>d9^AOM6syLWmzgMRPP?i$M5yqhvLDTu)f%B-_Q47 zr%x4jZ1I_OFYo@?;&k~@X$3NhVD)e^{KB>Q1G1QdR^>zk>xs=jh(G~0B`auDBdzyT{m3PL(m3XQ>!RP6W#KhDvo`gDjP3CXvUkC7D-1sEAzb$}HC zF3hpg#3?L~y<9$er`|je58vwdkL|-n2((F=SM`kH!l7nPiv%U6T{o;8vshw{_IlVG zIZoGD`aNsGw<^)6q}$y*QM}uFYrtvuh_VX#g}uqIKz?Z{?m^X)a#reT$mZ| z17xL=VU7%z3j9z4AcQLBqb53|Kk%7Uj7dlmfzSY)LsD44nG;2X-lyY98ZgAl!G7q6 z!R%I}C{#;VN(rtX1Ys}|#`ygg@C6xr93t?e*6E$f$=0`s#Yvvwjy))ew3P-iE#k)KqH=+>_bN>?%(yPb!a+WsM+wc#ddH4K?hF>l zT?jTZ6SYmeEzLG*TF*gpsvbH?kT2sn8rMCHF?6`fz?@E6R~luy5JNHaSiPkvFRe_&O_PF?PBeF1qaL16I3nRZv6gtOV(g>m z=%OuvbX_T*FLjmJ=kn4uZ6>Q8r}5mXU)yPQO`S5B}%BAO6SRe>lG6>h_GAP0h~CxC6yQ z=J)da`(x^9l#ttJ&Gs)6DCP5~3*q^T0VRC4X&^c|8`aC^L}eSZB0_qE`+Nx$&W$X^ zIyDyx%dqza_&+Puiu)rY^7100 zMoib9+7Z3D>tFl74U409Tz@i4U+pbS8(%e^R#@%b!KJn)C$|m(>hVLZDakFRc~hE0 zCQ1uSCko3yKiGUytOM?U_Ft<=xgj@UGF>%>35^r^C4* zy$g0VcdJQ~4p`b~&FkycuTCc~-iZ(W1(A3+;WcHMZqQTTJ~w*){9G z|2P-KXK{9p4+@vX2lBgMqrSbhbDBruSKiK_>S2xqT^Ia5p7U??dDqJ?+C1|da@<8rIhZ0U#}%GYwu2>Mye4$4qp?Fsl!S`Y{9F814C*u zQg5ZYF2&mgOkg3(y%9V2CT3ZBO-~j*UZViTEuDC8$hR}u>uX$`F?GctPk)rQq$t*zpC22=tJ!w2{7DsbT;=^@U9zRSaqd)b;s|g%uwyhU^cY9{8N5+D>?KS7FOA zce>ZH@e7P*Nq0NEUu=YzFV~aWtecp-uIIhtptJ^qrP`m{{Cg!|&KDcYd=^jT%X1vg zfEhW?26IVPY(`84TgjG~M`AWbEi){Py!P5t`<&Mo2aGwc-^;6Rje$gWq$D3PVb6GX zczOTIQ(H6`X=KY98i*A%j=cFEX4#)h`Esm3= zPrv4PjZM0H<29e^la4K=zEwU|@h7Wp-784=*d2S%I&S<|-Xs6lD3-;%ByF~kN;^+> zJ~~P@Ucm6kVfG@;F)Efv;$NUsJjM0n_XyXaPI+A?1o!FS6THizdWxF_1L@T6Q$@4^omKM zSComvW-lbTvr7Mf66eri`bN`< zd;k{zhCEJ+Aqc9;bPln8^k*zhv}ne~Z_NO7it` zUL4g2o+nLs;wg#O@nbE zRfTC%l!Z%ZK9mXN>HKJfY1GMVv9?JcPX}w>XkGV-DVo_LEi!<4Nhu*^;nIs#A=@o1 z4-~a_j1^IE9VN0Bn$Tew&*E5x3R4r}O4h=f3wB4cc(SpMz!QxP1nXgfqL9UY7ib(q|5uXVQdVq3|W!s~YAP{(L(6F=|eo z)-NbmwLO-^tQdq^1xCm;Qv|LR?cx$Et_5rw=U5B-fUpu668;dh808%x=0J!*351B@ z$cl*-lG={ZJ823R38c%Ao?$G^PFx#L%oH-sdV2$Q3&Sh4_G~iQ+-CD^O|7u1@1P|E z#CYPEs-dPyk{AoE3hb=Q^JgqMq?JG*nx7UZq)N7wpQyu8a& zPv4x;9;_(s2vehP_= zxEuPG_9G-BgauhJRi_|4DC)VcBj`U^RSCnVs>-V|)XHmt|SB`|b z@u#;pwT3H z5)8q)>55GDX>C^E*#0t;VBh-N@?}?FXS84FD$A0}rjwewhS4)CC7(9$_w~a8;y}x) zW?|)1pL!I&dd)5d=h9w!gd*rG?h)&!D}TF!3C44KR8;elnSz#jbn%9;=0#hBeldo& z4z1IiKKnt`ZSw2PuRn_AzPLz+Gj+z2TyKV_qzWfzj@VvTt5XGLZl=`Yg2U^w$;*-b zP7Mp4O8{D3?gzYb&YkT;rUP%-v{~(W2I@YflfzL7UNu>U+dzy4oeL|mM+TktpI{RM zkA-RQSu@Ca=UsXkeFXv#u(>rbV1_d7H%5+s2|%;*_VaMsNn4#^C0+wS3I_1j&$@UJ zUN0hlShbp_tjV#Qjo9Q-lb=uKzpPncZDthJz>Tl~psR~{TMD$GyAB_MHg8Ny1xI|T zgC-OG5h=g`Qd=4!rxjz6zS5j1m_KC!HJk!3vA}k2z#UYIFrlDQ3|{Go6DdLhq`j0x zhZZ9Rva?i1ExNpye152l{<*&`D?<7@ZR-rAdHu9>-Lk|_qVtoB6Fu!+gUvrv#f#>f zMV2H>PMMb%ZEu|ti+b5DH7F5& zfD!Z5He#`oEZB0{A<@r+^@+ab9)c1ddTh^Hi5{S<#|{Vk4zT?advIv zs;H`(>JaDi>*&9e5-nC^f2+@_XI>1u_&dKl`rX2t?^#$k}vS_&k=Dp60f8kF26!iQobNzA77Edozmw diff --git a/flexmeasures/ui/templates/views/dashboard.html b/flexmeasures/ui/templates/views/dashboard.html index 81944e2f3..7fe0ca043 100644 --- a/flexmeasures/ui/templates/views/dashboard.html +++ b/flexmeasures/ui/templates/views/dashboard.html @@ -171,10 +171,10 @@

var {{ asset_groups[asset_group].parameterized_name }}_icon = new L.DivIcon({ className: 'map-icon', - html: '', - iconSize: [24, 24], // size of the icon - iconAnchor: [12, 12], // point of the icon which will correspond to marker's location - popupAnchor: [0, -12] // point from which the popup should open relative to the iconAnchor + html: '', + iconSize: [100, 100], // size of the icon + iconAnchor: [50, 50], // point of the icon which will correspond to marker's location + popupAnchor: [0, -50] // point from which the popup should open relative to the iconAnchor }); var {{ asset_groups[asset_group].parameterized_name }}_opportunity_icon = new L.DivIcon({ From 61f3c7665138185037c9c0d01299562fc5392a6d Mon Sep 17 00:00:00 2001 From: "F.N. Claessen" Date: Fri, 19 Feb 2021 11:09:52 +0100 Subject: [PATCH 3/5] Pan on click such that the asset lies just below map center. --- flexmeasures/ui/static/js/map-init.js | 9 +++++++-- flexmeasures/ui/templates/views/dashboard.html | 2 +- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/flexmeasures/ui/static/js/map-init.js b/flexmeasures/ui/static/js/map-init.js index 4d8552409..a7c836855 100644 --- a/flexmeasures/ui/static/js/map-init.js +++ b/flexmeasures/ui/static/js/map-init.js @@ -16,6 +16,11 @@ function addTileLayer(leafletMap, mapboxAccessToken) { } -function clickZoom(e) { - assetMap.setView(e.target.getLatLng()); +function clickPan(e, data) { + // set view such that the target asset lies slightly below the center of the map + targetLatLng = e.target.getLatLng() + targetZoom = assetMap.getZoom() + targetPoint = assetMap.project(targetLatLng, targetZoom).subtract([0, 50]), + targetLatLng = assetMap.unproject(targetPoint, targetZoom); + assetMap.setView(targetLatLng, targetZoom); } diff --git a/flexmeasures/ui/templates/views/dashboard.html b/flexmeasures/ui/templates/views/dashboard.html index 7fe0ca043..06ea75467 100644 --- a/flexmeasures/ui/templates/views/dashboard.html +++ b/flexmeasures/ui/templates/views/dashboard.html @@ -255,7 +255,7 @@

{{ asset.display_name }}

permanent: false, direction: 'right' }) - .on('click', clickZoom) + .on('click', clickPan) .on('click', lookForState); // .openPopup(); {{ asset_groups[asset_group].parameterized_name }}_markers.push(marker_for_{{ (asset.name | parameterize) }}); From 61686aa168d0425e28889b924ae9171dd0452276 Mon Sep 17 00:00:00 2001 From: "F.N. Claessen" Date: Fri, 19 Feb 2021 11:19:09 +0100 Subject: [PATCH 4/5] Fix icon alignment on map markers. --- flexmeasures/ui/static/css/flexmeasures.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/flexmeasures/ui/static/css/flexmeasures.css b/flexmeasures/ui/static/css/flexmeasures.css index 9007dde01..1f8677512 100644 --- a/flexmeasures/ui/static/css/flexmeasures.css +++ b/flexmeasures/ui/static/css/flexmeasures.css @@ -327,12 +327,12 @@ i.center-icon:after, i.center-icon:before { .map-icon > i.overlay:before, .map-icon > i.overlay:after { font-size: 20px; z-index: 9; - right: -5px; + right: -13px; top: -40px; } .map-icon > i:before, .map-icon > i:after { position: absolute; - right: -25px; + right: -33px; top: -50px; } .map-icon.opportunity { @@ -346,11 +346,21 @@ i.center-icon:after, i.center-icon:before { opacity: 0.7; } - -/* rotating icons, because why not? */ +/* map icon alignment */ .map-icon > i.icon-wind:before, .map-icon > i.icon-wind:after { - right: -8px !important; + right: -16px !important; +} +.map-icon > i.icon-solar:before, .map-icon > i.icon-solar:after { + right: -14.5px !important; +} +.map-icon > i.icon-charging_station:before, .map-icon > i.icon-solar:after { + right: -15.5px !important; } +.map-icon > i.icon-building:before, .map-icon > i.icon-solar:after { + right: -13px !important; +} + +/* rotating icons, because why not? */ i.icon-wind:hover:before { transform: rotate(720deg); transform-origin: 37.4% 40.2%; From a856db53434e744cdf073effbe85d38bc0e16979 Mon Sep 17 00:00:00 2001 From: "F.N. Claessen" Date: Mon, 22 Feb 2021 15:02:23 +0100 Subject: [PATCH 5/5] Use new marker in asset.html --- flexmeasures/ui/templates/crud/asset.html | 8 ++++---- flexmeasures/ui/templates/crud/asset_new.html | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/flexmeasures/ui/templates/crud/asset.html b/flexmeasures/ui/templates/crud/asset.html index a4d7be970..3e461fd16 100644 --- a/flexmeasures/ui/templates/crud/asset.html +++ b/flexmeasures/ui/templates/crud/asset.html @@ -209,10 +209,10 @@

Location

// create marker var {{ asset.asset_type_name | parameterize }}_icon = new L.DivIcon({ className: 'map-icon', - html: '', - iconSize: [24, 24], // size of the icon - iconAnchor: [12, 12], // point of the icon which will correspond to marker's location - popupAnchor: [0, -12] // point from which the popup should open relative to the iconAnchor + html: '', + iconSize: [100, 100], // size of the icon + iconAnchor: [50, 50], // point of the icon which will correspond to marker's location + popupAnchor: [0, -50] // point from which the popup should open relative to the iconAnchor }); var marker = L .marker( diff --git a/flexmeasures/ui/templates/crud/asset_new.html b/flexmeasures/ui/templates/crud/asset_new.html index 74b455c96..4cc1b6d5b 100644 --- a/flexmeasures/ui/templates/crud/asset_new.html +++ b/flexmeasures/ui/templates/crud/asset_new.html @@ -178,10 +178,10 @@

Location

var location_icon = new L.DivIcon({ className: 'map-icon', - html: '', - iconSize: [24, 24], // size of the icon - iconAnchor: [12, 12], // point of the icon which will correspond to marker's location - popupAnchor: [0, -12] // point from which the popup should open relative to the iconAnchor + html: '', + iconSize: [100, 100], // size of the icon + iconAnchor: [50, 50], // point of the icon which will correspond to marker's location + popupAnchor: [0, -50] // point from which the popup should open relative to the iconAnchor }); // dummy location somewhere else