From c21ea8b50653bfb3b4c93e7042d7ffa62abfcf2a Mon Sep 17 00:00:00 2001
From: Willem Melching <willem.melching@gmail.com>
Date: Tue, 22 Jun 2021 13:25:22 +0200
Subject: [PATCH] nav: home/work shortcuts (#21276)

* add home/work widgets

* remove todo

* set contents from response

* turn into buttons

* add navigate button

* fix includes

* close settings on nav press

* close sidebar when closing settings

* use live api endpoint

* larger fonts

* more text fits

* only place name

* remove static response

* properly clear
---
 selfdrive/assets/navigation/home.png          | Bin 0 -> 6128 bytes
 selfdrive/assets/navigation/home.svg          |  65 +++++++++++
 selfdrive/assets/navigation/home_inactive.png | Bin 0 -> 9165 bytes
 selfdrive/assets/navigation/work.png          | Bin 0 -> 5570 bytes
 selfdrive/assets/navigation/work.svg          |  66 +++++++++++
 selfdrive/assets/navigation/work_inactive.png | Bin 0 -> 8446 bytes
 selfdrive/common/params.cc                    |   1 +
 selfdrive/ui/qt/home.cc                       |   4 +
 selfdrive/ui/qt/home.h                        |   1 +
 selfdrive/ui/qt/maps/map.cc                   |   1 +
 selfdrive/ui/qt/maps/map_settings.cc          | 109 +++++++++++++++++-
 selfdrive/ui/qt/maps/map_settings.h           |  18 ++-
 selfdrive/ui/qt/offroad/settings.cc           |   4 +-
 selfdrive/ui/qt/window.cc                     |   4 +
 14 files changed, 269 insertions(+), 4 deletions(-)
 create mode 100644 selfdrive/assets/navigation/home.png
 create mode 100644 selfdrive/assets/navigation/home.svg
 create mode 100644 selfdrive/assets/navigation/home_inactive.png
 create mode 100644 selfdrive/assets/navigation/work.png
 create mode 100644 selfdrive/assets/navigation/work.svg
 create mode 100644 selfdrive/assets/navigation/work_inactive.png

diff --git a/selfdrive/assets/navigation/home.png b/selfdrive/assets/navigation/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a4f65c7d7a8367e4d4241e6318b67dd5005de95
GIT binary patch
literal 6128
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

literal 0
HcmV?d00001

diff --git a/selfdrive/assets/navigation/home.svg b/selfdrive/assets/navigation/home.svg
new file mode 100644
index 0000000000..f5d89514c3
--- /dev/null
+++ b/selfdrive/assets/navigation/home.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="200"
+   height="200"
+   viewBox="0 0 200 200"
+   id="home-15"
+   sodipodi:docname="home.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   inkscape:export-filename="/home/batman/openpilot/selfdrive/assets/navigation/home_inactive.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <metadata
+     id="metadata99">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs97" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1278"
+     inkscape:window-height="1418"
+     id="namedview95"
+     showgrid="false"
+     inkscape:zoom="1.810488"
+     inkscape:cx="100.16296"
+     inkscape:cy="24.659346"
+     inkscape:window-x="2480"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="home-15" />
+  <path
+     d="m 58.038143,147.98997 c 0,1.11009 0.899932,2.01003 2.010031,2.01003 H 90.19059 v -24.12037 h 24.12035 V 150 h 30.14242 c 1.1101,0 2.01003,-0.89994 2.01003,-2.01003 V 101.76651 H 58.038143 c 0,0 0,46.22346 0,46.22346 z m 95.918637,-57.647675 -7.49259,-6.58406 v -30.22199 c 0,-4.44041 -3.59964,-8.04012 -8.04013,-8.04012 -4.44047,0 -8.04012,3.59971 -8.04012,8.04012 v 16.08023 l -26.67147,-23.39675 c -0.75981,-0.80642 -2.02886,-0.84597 -2.83737,-0.0884 l -0.0884,0.0884 -50.243521,43.92317 c -0.758989,0.81013 -0.717501,2.08216 0.09263,2.84115 0.365504,0.34242 0.84574,0.53603 1.346559,0.54295 l 14.095938,0.201011 h 86.405544 c 1.11011,0.004 2.01302,-0.893251 2.01672,-2.003361 8.4e-4,-0.51306 -0.19282,-1.00727 -0.54377,-1.38155 z"
+     id="path92"
+     inkscape:connector-curvature="0"
+     style="stroke-width:8.04012012;fill:#ffffff;fill-opacity:1" />
+  <circle
+     style="fill:none;stroke:#ffffff;stroke-width:3.26192951;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path104"
+     cx="100"
+     cy="100"
+     r="98.369034" />
+</svg>
diff --git a/selfdrive/assets/navigation/home_inactive.png b/selfdrive/assets/navigation/home_inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..a58fd3864fdf30a983878556fe17b9a85ee1ccc8
GIT binary patch
literal 9165
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

literal 0
HcmV?d00001

diff --git a/selfdrive/assets/navigation/work.png b/selfdrive/assets/navigation/work.png
new file mode 100644
index 0000000000000000000000000000000000000000..611f9b038dc9cd271b9ff79bbc70e32b1c342630
GIT binary patch
literal 5570
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
N<TXp<w?;0H{|^fsi+TV6

literal 0
HcmV?d00001

diff --git a/selfdrive/assets/navigation/work.svg b/selfdrive/assets/navigation/work.svg
new file mode 100644
index 0000000000..2da7bb7d39
--- /dev/null
+++ b/selfdrive/assets/navigation/work.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="200"
+   height="200"
+   viewBox="0 0 200 200"
+   id="home-15"
+   sodipodi:docname="work.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   inkscape:export-filename="/home/batman/openpilot/selfdrive/assets/navigation/work.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <metadata
+     id="metadata99">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs97" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1278"
+     inkscape:window-height="1418"
+     id="namedview95"
+     showgrid="false"
+     inkscape:zoom="1.810488"
+     inkscape:cx="13.441829"
+     inkscape:cy="50.152652"
+     inkscape:window-x="1200"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="home-15" />
+  <ellipse
+     style="fill:none;stroke:#ffffff;stroke-width:3.26200008;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path104"
+     cx="100"
+     cy="99.999969"
+     rx="98.369003"
+     ry="98.369034" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path17"
+     d="M 130,74 V 58 c 0,-8 -8,-8 -8,-8 H 82.3976 c 0,0 -8.8312,0.016 -8.3976,8 V 74 H 58 c 0,0 -8,0 -8,8 v 56 c 0,8 8,8 8,8 h 88 c 0,0 8,0 8,-8 V 82 c 0,-8 -8,-8 -8,-8 z M 86,62 h 32 V 74 H 86 Z"
+     style="fill:#ffffff;stroke-width:8;fill-opacity:1" />
+</svg>
diff --git a/selfdrive/assets/navigation/work_inactive.png b/selfdrive/assets/navigation/work_inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..679e6a54b2852e69248e8387ef0b251f05b4e23f
GIT binary patch
literal 8446
zcmXAv1ymH@+s9`CVWpSuSOGzhS_CO2mXHRKl!gUKr9onmTDoKDC4ZoRv~(lF(ujmK
z5+V|kQt$eI_ng@|Gjs2qGxy%P&-eRzCQ3(3g^ZYq7ytmWXR2^L+<x%i1}4P)R~l92
z;dTTb3eWVxxL*L+7KJ;$`&!l50|3bT{%xQ%esX5qNk&g4BhTk<2u~j?cRRqx$4Bs$
ztCNR~)oVLJH+TE&-!e=9zyUmi%j^5*?B)9Tntny!cJ3z$eD)SjEGcpJRxPL(vqDdD
zay`_vQtSCxFYs<QSwNDU%>;aBNQclwzmYswkD~;iC%(a`G1N$nFY)77ImH6fSHq&$
zx`Wn{AMMdxvr!E>XJ?U~mHczj63+~WFJvgjivBElRCU15c0GQ#Z?#1h3=&sXcJnEa
zPE$phK&L4WGcsQ>bv*|;+!_NcEN<2y9opOPL>x4?ZLk|ZY2+S!me5if7T6bSj+nb=
z=coNV#Y<)MW=jn$Y9fbOKfCPga?ZjZl*EcLcd-C<fc}=zkRZSe_)~Y80-by%KSl<W
zckLx-boF^dV?!*39e(a7u#g<cK=a08F8~BXr4zvuypMUP8LEll6dtriok=AIV#){L
zN~6ZMqzNfwii?%t=RC+EkvwZ5<OtA+H%mV5jc8^q*n>}x#V!JJTtq1NQ$ToF4WY{x
zQ<R0~2j!`8l@3HWh>@-IQo`)}8BUHtzIO{AVU70OzjjItoN|YYsuFiwj@SFRott6<
zKu9GZo=FKt_>r+dBI+PL^<273HVHM`=J{&z{@nELp)WaT$PrY*y|$hyk`49%rmgim
zh1>}G91$0)Zu<in-(8!qrArEmj0DJqJ-SDaU|W#8{9W{Tk8Q(v@_}RGE+<eMQyh6)
zv+b8;S;<5xN4yX@FRpiUz{nk8ik0V}0IM(rJ7m=g3i)2Yv*<M>!0npY*jRN>gJ*6K
z8wbRH*Zyh-<lS+I`@&^Wzp%&b&LvXhE5oWn!l`XTM*@0+-xad+lM0i;=z@UFJBu&O
zunb}O)kZlEIj85aZ8Tj9K<TQ}WGnoN7gkwSF6p`W?hXmGc^d7~(%L$*-+4RH<{;LB
zLX8r=_ROl#1)NY0N=iy|)CTV#WhtT~o{JLRB@9iuyzKP?szB$Nt3Ug09dFFRhl#zq
zP2!)a$ohBpWa1_LAxTC#zn6*RC?JcSZWeRbBO^0rlC%z#N^Xg1{H^4)(Arp37KlYm
zBW(;6l!!Jl6I^)TJd=@d9+2w+n(K>=N%Hk8x4)0PME4Gx34Z%5nV#`HdWM7Fz%yvV
zd2=`F6JuAgRmBIQ?GOh~3&V~@%Po=+xdJH`Wmbp<@px3P{@k#}8CqjPnuYvxnIwHC
ze)K5ElYF;|)HPyg3sV<}FOnNshT6`Hi1@ojnrQg({5tm!`iCeYCjoQj5(pSX^sb#c
zKb;wUq-2x$V>lzj&``UXs*8+4YQ%;e5Yj!aiin8t@u;ryHEOQC9_FF0A{+;F{DxM|
z0N3&l^;e}vOEdK0@-lg&9;iYekQnTT4ud5{Qd=_yvx=|SN6Qx?w{oCL@D1;~OsuZB
z@Ko@pmnRgAP{B}|dU=B?=iAyjftze}XNo&7-bW!SNR!y3uV+lqD)_<WHLRHCDZVAX
zrIzGX?3cc$0@G*8av@B`t*r}fcEge1gzK0U-MaGa2VMwf>^;OUP7`3$-l|c6@7tEv
z>5=c*Y)V&D47myQSs8XS_O0(c4ndiMuAUEJ&N6o*thZ-K81t*wNf8}HU4|(M2ib7z
zSBi?)P7z?{`*&;-)6>&ykB%y`fh&S9+PbHr>zg|N?T>D5Zhn+MqLF&nT~N~b)bk;d
zIq7?^O6Eo5{Cuz5!&LO$J64J3kDFM#+BWXBrO(w*|EPHTnbIoydhMht>lsa;W#-$y
zZyG#RLSb)H+9Xil7HSAqT0t5!;XWekCS`RUX{cFVm*^xb#F4*rR@7^vWcJQ|&K_Da
zGVy%fd1b{VroQz<4XEfc$#`<AVl^Hjd&=*NvSJwDfRdAwO57ZF59laQpvJTp_DniA
zn4B?jxpZ!n$j{HW#8X25f{`g+t6<o&!HX9`>g6N659!um<-u5N6Tqv^vf4@9P5+oB
zek3AFU2%!AZ<j29UhclN@l&7=F^6aSu>L+r^y;B6UK!=8JXdx1oH9J-j|*|4unCea
zzq<WySIRgVzl#KZ#5}~(A3ALJHjUSx3Tf}T`U=}Nu)FsO%WKw~gs9PRwL(->=Kdhu
z*5c9_#$F9qRJhxlnJsP&ls~r({mk~(+0AT`+YF-<7PW1PibD_}gRhs)M)Tc!?t0|;
zt%lQ+1_L(dl*71Qpen?U#m0E91|e!&U!Ei|@n|H$Wb)!;P_vQ6qz~I1&wl5Q+6||Z
zG4PNQGWYGD89w7<!+#wi*v8uBr&YFR7i!B#+O>anTbH`_W}8Y~_)m;p#HfgSd%P9l
zp|1=PBu(~?WtCuC2zpenIZG|&oMg2OV0lk+tIcI??4a-XLXmWGhAv02uWRb>3rDz-
zz4+AJ$;pXy+<5UIg^6kCbL{3gwdzf8^O7}$WcTOK#vdlyqhwStmH(K#-h@I?H>xzU
z-&S8A|1e2_-lDi?!LsC*A%a(p{ZP7%c`nI7?7}3Kj1FqtaT^P=^un!5b3-h|WbeQJ
zz4*N-O$R#86ufG9ZS>^Z#KfD|^AW}z_Ohy1)jf597UPwBPZ2F`dVlyQExDw?wYqnP
zpz{v8dp%Oni^Z4M@*~eEs7ML<|6VEvBS%?)JpE0bUli}ZGF5!2f2q)?{YnIp^PuGX
z`sl~-^Nb5b_y^`N^sD_P9e$*nlL+*$ja|tPs2zE~s!`>Pj*`+vIMCv?I`#g2+4-WY
z&rJ35hv1Oq<u^pIpY`q^Vq){MtLr3aFCxD>E;7fF=Mc%|&yJaxO7G4%2m2W8%LjCv
z@*qqwB<;@)l*=kqnxhZL=b3W!4CqWg#|qsqJjO4pyXkNaw4WiR%1^uGqCyKkfhdfQ
zeC8X8?&;n&dqfTH#2Y{M<rOG-IXk<3ZX@0y#7`I{6z|8{RqyK{l=QeAgZZ829FSjF
zf8dLEpL+EUm-pp7XV{g$_{}-uij9kb)F5-@ikE8B5>d<N!7Ca*Y<J0yaECV5(E}Pu
zdNP@D_e~ik2AA3~Z$UZ5B#Tvu9}h$|W!k5LcNFg9mdQYlspS;iP+yr4WrWyIg)w~t
z6W5^)A6^=!w6yeF;2;3nL!MC9oA+gZa8_3J*CyYQVIQo58q@SaBVZAA7ZE+l`K0;K
zi>q<{CI_uGG#z^od(83h;X^yQV(O?p!XCglO_FA=wERnpqFN(poN7Xo$JzoXupIMN
z-XuXnQ!@;&NxLLGG5PNwZA8DEn02uDjBVOc@ObOrxRe>?p*_pNroCbde7g^AYpk6-
z%BPmCRuG|cbfV}?1Mk+0LKas}yo)#8*kIJ6s_N?M#xhCu=~q_tb#qlm27K-#|Dxpt
z?;Pk?d?Xh6Qe*-%6Gp0M{^UXmx#?hsc)9ET@Hcu;k~aEqa@MHxZb3d5)N?KUA-g#&
z$s>LN7lQT~kZ$8c*sH=R<7Fv`2ys7rXUDJlPFH@tC~SFpY3Yem+g7$5g>?r-)b#0F
zP>nu!vH?Tf!d^OdO%K`NDNmaOUX)(?6F1E9#A4<0Z|W)bld&CCcY{RGa8Vk|5Ky5M
z1`F)ynp>CrmT5sVkRjhewzBQ((2ILRIuM@ks$Z_3c(V}=`Xf8<j*9@L_b8|i_adM4
zd9V5>8UJNw-U}8n(Gh3#&pjGgZ1rK2nA!EjKK*a(+Z$HcF5CLioL1TOmzumXohZA!
z3?EQH$b<<Gp==LJ%l9AdfzI{G&Z~#@!3n6Kvb3o4tO&x(>d)@+B8<g#bsi?XToTX@
z2r(?ryV;opcUoa!YgZ~s@-HbBER7^r6T9ly?@U!KalnF{TJOJ&feXMsCx^LeoN=sv
zyz=4lz8fvP{<EfD$o5_LitXmM4KJGq(4`Bv>m2K!cP+9UcmdR(xf7vBFzg8>*Z<vG
z&CkD^LSxi5$2ta-7nVOC*@bIZEO*(dE{zo$oe#t^){RP-z#CC6L|UvZ<D#9*x8e0<
zdJGNns2&N98f{A>RB^MA5(R{IPpMBMgQ1c$TR0{gaA5STC@ywVS@6~;G;Xfl)q%Rs
z1ll>>t$KKyHGx-q2NJyKKsML+!{oan!6E{4jGyq?W6)tfeu#tT`LP<8Iq`2;_ReWd
zv;ba3EM4NmOh0{kbxuVtx3BFoAGjX028it`i>V4T<dClDnGHJC%{9g=+F(+~_8;?r
ze{iW|l5nx;A=2SnxZt15>w7m7%o7}effycus6Qsz_&ZE1jyN0xFFG;=Y}+1lGttIf
zzNd(_OvLGIXb)`^SoXL3*LD~ri8x$Wz}Whh2-z*u3IF6+ymN5*NEO#Nl0f|A5Y}D8
zjgvMyAQZhnO>2LA>MH9Ld~&wW7E+RvnSV*2F?>^Yt#7#fTFND2sm`|@^r+6C;icdu
ziMiW~8=!@X%mQTcs)FX(xG2FaqZ;;(cF<AZQO@ulFsfjfUemsz!HYGi%GD$^toM6Z
zpWghFl&BU_ZXJwpa^R%^EAV$+DTPv3rKP2psc+Al1nSNWZ5u+=?Xgu=Dd;+gNtpV8
zz&{n#GyP^c4?hx?m!l;qTKrV7#p#m|qRFlw$@cE=OWA!=dlg~y%)>)mGWR5SG)FMJ
z$Crue=Qq&y#1M8;>Sa48VH8<4RW^_4)PshZm%7fB5b9M<v+cFj(rb#lEPflh%Y+Bq
zl>#NCr8By`(V)U&r%Uxi(-^J@DP{0ty{o^^7phBUW8E?xhS=U!U)GhlC=^3&tpBIC
ziAwWCP=iZ<-e}gvtdqWm>Lgp7*j?x(U7V)kqrQC3Pt%V|ZIjYnv$0<A<x&+z&5;J;
zMJ!@;I)fI>!V9-EW&9>hfVcIcx*HnThs7E9*t9LlAoau)(z%T>wL&7&^$iXAa4r^j
z0F!ldQnYvX^E{o8eoZoYT{iH?LI!J3ALpKWG}wg7s`~gep}~KsM;tVNb0NralMtt>
z4nI=X=b@_M&U#s*DyQXmukj!jd<2ze{?cr0d$k5d5QV4M!YQ1Hdv%a`iYeO)rN*=-
z7Q=nwkL_X`8&^CFYcq(SmYa%n(Nm^X@)M+}zVg>K{P261WNe1`?_0`i*owAw`34D5
z)560ruxtoiO+Wk)%Ny2as<pKi3|yfNc-G{FNQvq3%6J~E{P_N5nDp?w)-pp)A@tiu
z;8NwR2E<>9p2?9Cfz=Gqs(49B^VYRYp;Ru2Ij}6zInlSYxtIEL^9rfnujX80w8FVd
zW=hq?J!xs_GSHh)c#&sYN7Y<xlRKXvb*cicVhLqXw$6W7nm}lZ``KO$7PLmlsrCy7
zJ}B*Z$@1a~*G9(GtxHyRWh?5V5`VUa7&D4FjIoaTg;Mtk8?h3P<)#F6ev&X)w}%5B
zF43mPD+;RX@F?h`B<WfaEYK^oZ4}etJ*MO~yQ~A`>Kh5mIBNLFHA)@I?OY6b0YFdf
zx*_<ry83~fm3X9m@$_>--Bd0+yD#55=45pE0ps^ECkuP0V+A^?9OBt~Ho#?lEoCMr
zN~h@kR1uXJuUgu9!*Wr~G%?as=*@O0i<2Jj5m_$LIc2v-Xlo-?4U;*a8WX~K>IrpJ
zIo?Wn%lZP@c(Kj~wG_pHzI^fWS$3*C4R;*nGqy~gOc8F~^dXMuWaX!Qc)~9@YR)8q
z`ILD%3@>-)g~uKYQb7R3{I+zMH6T`sl7r71Ojs&60|oifA4m&%UuCAq=;Td?X8voB
zEQw{DHigVuw45`&upXj7DuPnLsD>hccidy*9uE5XfJP}HRWDfkNun)f;eVp2!eT2r
zMbbic557=dHKsx?isDlaM^p)~OQzpPBF<<=+k+8IYE(%Ru@WDYfW06Pp`0%_^h*g}
zjE}}IH0Xi|=>qk-X$57`M9V-Yo>5w5Q!1Qr5G&!SnXq#wm!0u=3E^rcJ5xe$xO6vr
z-33)JgF=L|9NbSJ*zK>ZIo((>jeEGaD$3%r!NeFmFHo$Zmi}S_7hz?$hHz~bRJwf4
z05m3tl2E@Odg*7y)9NGj|LLR>@H`jWnNNTZy@liO1`*QCL`O~P!T+itdCNU!C%!u`
zmT3Ac7ra0H`Z5|fFn9QN_*>QpEni>aGu6I9Dd;*<*0}QbWZti5+o*(dV?z{lv$mxp
zn~?IMT#b2nI?P~#>0%|NXE^6Tj`upu0FfTW1_zffd&d>iRM6|D(!kRt0m5ZadPepV
z;Tqwa$1M4Hz82C9amrhpCIt#sT=2~Im)}hd4V%bRzlS0jcd2Om%A3=0>k$cT>|3Du
z`#?4^Fr;$oMSgW@4zF7Hc|+AMP2X^6zUPVgOkf@zm;iw=Ln|Z^;i!QHi0aw*D2M;#
z9UaL7@#XRj(y5k5lb(e4=!6wadG?#p(r(_e%9I8geYBJ(=u$U98w+6LWWswKHlSv!
zN;rl5m6#7r`$}^Sc8k+W>c;75d^8a_Dg6+5s0u%3QxyTj40fZx{`isdb=_P^cWRma
zFOTQj4b`Z!lg}xnYd8W!bf8>`6&M?8Q3&rbI_`b%!^FHRu|q+g(q=+>3Wa+H&DiqM
z5K;%XT?U#tXgcO{5?ZAvY)7kH2AJJP$Y(29Jq`-q`T`v9=Cf&4!umMc+nFu!4y>S5
z4gY@?`=PV3>Gasym%Cw<GW64;>$9+K^DsvG_f0>etwYgKV0xY*8qd~6(T1gu%-fVv
z1yzs#MG<ZiCR*a&1AqKKXx$Xlfnx7h<{6G`@%Gku)qHYQaXW)N1uL<7xZ&)E=gh6&
zCzJmLEOkWvE1U-WK&Q(W9iE=P5(59E%1?c$23=eIS-My>?ySrV?4`YZAvP2P<A073
zjyO6>B$KmiV~B!dmpr|unEDWPE_bNhX3#s68h7=1NtJ_#52lm3W1ealz6mpP^$V|h
zos3(_E2DOX9$d!K6{rrI7u|6<4`3w$athL-K3YHhdghimG<0<T<heG`fq3_~mJsrU
zu{j+Ve-Fwhn5YKXcZstfJP>$4WzY{MtTCz7MYO2UOMTuy3+8sg$G0l|7B^GCkQZ>_
zf<qTJ=vS{9i6FnHwO!cbArVG$FVgz)Ez7*M_;ysNQ_!p^-?RxPn%)$l&N#{=6RxU@
zz01=RKNV+~-W{ALlSE#6VIuyKtI4kt(IeRsGQ=y7ioAFu4ot3^L{evF;+YV$o|t8E
z35m0WX;*kCfc(<e*}W1+mqxAR#*i@Ryyo3nlA2xzYO}AW>*vTu_im9%gx~v?IdW9i
zwZgU?s4%!3U%L1osddxBQ#{{~^qdMdrlu-Ob|G%g^+5wHH*|6du`f-N%(fw$2jzkp
zyEa8>^-WD<c>l@M|8<d}|BlL3x#Xsc**Vow6$d>A<j|C#Aad)o#fbcK3U@10)5~Y@
z9{Ij9&|@aKwC>61+$X@k$W#n=a(UL_GG^kPSfOsq-6*GP56+F;A{XgW;})DEr^lW@
zYh!>Y<ZZuxyu>yvNfZ6D*4^&%kcYaG$TB+8)l16dDXYt+E?Er~JUF}$A&ubcH?wi7
z*4dy-iTbVF!y=9DE&45s6k#gHV63E(rk)sBKu7$a0eA9nsNs1)2ni@KNW#7KWz{Y7
zu;jpOD1dWS%fNA!0b<ia$fBby;KP<KZ|xVHRUJkjl9+AZl92`kEgOx&5TQ7GN(tMs
z_{RRiO!mj;SIoRLgs;0mL>3g5>A2eOv$L~%ZDhwjWlZ|FvyK5*LWgS|4yoEkwS6}U
zhk4qVK^hmAkZR)YV2~>FoXn2r{3zR4^T78|2jTTdRqSMrt!UEcJ@16e09^Qd-MXj%
zcAY>Mu?t&B;@ryRJMZS7%QgceE#u#_vWy)^P(3;bY~}?%a&uSVsfU!%TxMf8SYul#
z$Ysx}6YoHxQX@?I=#Z?nQ0&0paKyHB!3%SOd(zhX?xS}ZxzZtdSpa+u<Cqe)(AwIn
zavfog86;R-TtsZD5?RA!0gfIG&3l^m>``}@VUKf9c0r^q>5OHrb4ON7nh1RwiS~B(
z@9?nTnIUXI-SCUsrt1bqGREd|91s0P2UI)SAvz|ucJ<M#w36NX`#BUVf8k-@3|^!y
z=QVaS45H-e1dJ$?l7Ifs1Y(c6aq{R`BgX=x`Z=05*CJKVn^Pp$7UvkBOkmQK2iS(i
z#b?~0J)&mYU`_=y9BNK&Oi~a5{o}0&k7Ict(n$ny)rB(+Ddqcv+iznc2(u{)49vEV
zZ*FvyTcpCFX-i9$om`XqLW5_`FB?ZSf>Z`9eu+d@0m*bb7Q2U@FH;*s6hz3|mQMQt
zvl5ba6Jz7N!+^WSU*?x)X1u~ElTLtFXB?Ns8&f!gw|lyvgJHOXTQvjte$)Xx{fhZn
zBj;tlwY{;)Y2}=8aWTvHsk~I%*wI`BY=8U>%iF)vQup9Up^4fB1Jx!N_NRYNm?)7u
z6p+KAK@Z^C6sj;4axnGtOS*O2c|b=w+!wD)|KUKaonXdwIF3{p+^3hyJ>ic!$d3Y#
z&_IuUaRw)+BTYdhRgObv#My-GK&0iM5=Sd<>f=P^W_;qU5l0tNS8{q<g&E<A_EIeI
z9nQg>g$Fq9OnZHeDJw8#9gHQ)9sS$C)A(?Z#yCGu3yx(mCtmS0^JRnGvC00#PqTw7
zoPKjNUZiR+b@?k#R+_2Sg`9&(78S9)Uu{h{CcLh1cJ70lQ0gBHoOlhTXu=h-EUQGI
z8*}K86A|IxF&0gOK8?hw5lQ@ibY5W$|H{kE*9!-F@ZNvTlHfa{9hjP&)H60WKLI1d
zTMm|ohPI{up{}WhVKK?&_QwBryse-BP5R$eAL?_M$M8S!zOfEgJtPADUOOx`8uh(v
zX=!n3o=*P5UF+rLwID!O19bVD`N{_eZ_mxltfao&)!m@a&CQ*HLS!OsJw8bEupmK%
zAZs2*hL1VqD|Tk*G<AL}kMhTSG+Ml)*9LI#2gZ`_1j@-l9nFV;hIf=R@r5l>CHJ3<
zUa=zgfA%b(FD`LoqOH86x51Wh|1~k>X;pR}!AAG^!ngp}$jHcbtIz&pdbtcinKV@1
zssBRdzmjwbW$RQ>&->Y-(%$<^HG|uidWvr;$q+o%60fNti>dA#At50*!=F<Q)RS&K
zeSEV2ffhCRZTyDQ8$a9(NpL^Rv*9}G;b1a%Yb7b51MFH3)K@=#6f`p_6W<Ylu4%&z
zL66Po<0%h+kdd9z6?v8<8xn#5T=P<0W_&giXC)iz)1DV=98b&wX_392tJ>&`HD@gu
z779OmN&rlN7pVgE1$XhaybeR}lZO8du84RU{wzS%>mFng)yL!x7_mo<-_g`OX;*%w
zu42wafU?`Fs>(Z3=XjMX4YVOd-?T5fE?b5P_Mad4wm3!=f`C8C2?zLTX+I1%c0G&Q
z9-$&WPg&hxdkfOv?P*27$;F|YWC{uQ=wqCm(8ZxUQJ_-}TFwmoism*N{Ka&nk#dF`
zC)4w+k?-Uy*?f`a=~Nlw;`2AIxO?0j`bx#~tPv%OQPTql4=fusx$Ir5c)_8-v-NMx
ziS-w}6vFF`vTwa_+~;cT@FVW(ldc{5@_;t;DJM=;o!d$Ke&2Jes(8>T``qt+t!6g^
z{9Yqpk%J~0LJI8T2NX@cI%9@vfPe#EsWHxEAAD6cYppN|lx+&mtIBFlwH2?B;`RBb
zJTz^*NkqH$j_>8R7U_04{`0iT4*V~!f^H29b>GlKMl~esGf+W68%dE%jOyOzMl{9p
zV)F|N_DWFCec`8Ssf-{*OLI+4PzvXoTG;97sj=SVSf*~|hDsC1S{behCC*#IJ1&%D
z|DR950bahy9=H*0Tykq-aB%<*KC|<2F9JIEl7HU?A(yz<oS2xLwHf}UK*Hsbvq#wW
zw?u;WrTKV|d2wArnPj1M=#=sPH>)B6-Cc9HtvB!^N5pJm06sY&9d*8i6CSrdHEr03
zOrZ|{+*qat{xE7=1t8au!~%Ktbi-y<El(LZsx70mDVoW<I<2?8{z$@ZXRIMU8}5?M
zg1l0=dJT8VNFXibU3S2O$eEQ+JnQ~0Ib(Z|IxoYj6IwjBge{K3T7Rg3-N0e5{tnUW
z>VD|W@PBtS=Sm&O3jc|DkboiOVJC>e^_kmK7#p-F8kb!1D!D=Aq08Ibo$^xKXjWnX
zebVPH(#XrO#Lj=he$&WWi_bsQp>NZhH9$n}8~$T)&4x43l@>0cw%Bq0Lr*m3+kzj9
z$1xOIK_twt*)ReRpnx=`t4($$i=dQ+8N^Oblt!V^f_JtBie<8<Yofpj@FMq-jV~!P
zo4d9xhgA8bQtT_?fEi$^oK*n<v_)cOmX>_-|0&)`QL?fP(!$SMe^>{cy+Pkm$Mj$z
zU^I3M^g#r@5#!x@ovW~GX02FuYEvQ>D2*TvAnLkt=W>Itr6r-}T5Z3qQFs)I-txY}
zNdVZzwON_!7kcW$a8>g`7|Q|>bf=&Jd!@#!e}m{)+-|BTpb!wEVAl?7#=5h~l__M<
z%95Faf>7vpTK3oZBzp;R;yQ%Sy7#<eva-;BfHxorU5PFAGP^9$*)OmJ?O85K%^n{5
zIOp0FoT}N*Z|KeHD5_*nX+;R@Ahr~TAYerZvAw7R3Pg|^c&g~1Qm>kh(7A^p6~%LL
zVO2qEv?Vge067sGkI0Iw*pX}iJ8;D)w*Yd!zs8ES7J}?2Cl^zKLF29g?~B8fz;swo
zj-(GjpFW@817tZoGr~y7Fs4sgw8%~ZNe`IZgL}sHuFlH*FMT}7fLdIMv?t-*!WYY6
z`~zZnRbK^}RS0Xq8mVyI=<8bDEGwWL^C);jH7N7PBpxx9tZVXQjl|+ozVg3BSgr~q
za32h~{reVRr&}_;7Qagwxdh-c&l63WJV8Y`8TdBdi-vZH!?>`7+qa;fDi1Vhf^-b;
zqDT8lag^fKV5pGKaF3J7SaUac{=kI-3GRX*PdUUj7TB2czU;w|8N1lkqs;kgB&qoJ
gzcfV>^!MBnd3^6H({I$7!rdBprlbY0Qm}mYe?b%8Gynhq

literal 0
HcmV?d00001

diff --git a/selfdrive/common/params.cc b/selfdrive/common/params.cc
index 582291c183..a440352743 100644
--- a/selfdrive/common/params.cc
+++ b/selfdrive/common/params.cc
@@ -151,6 +151,7 @@ std::unordered_map<std::string, uint32_t> keys = {
     {"ApiCache_DriveStats", PERSISTENT},
     {"ApiCache_Device", PERSISTENT},
     {"ApiCache_Owner", PERSISTENT},
+    {"ApiCache_NavDestinations", PERSISTENT},
     {"AthenadPid", PERSISTENT},
     {"CalibrationParams", PERSISTENT},
     {"CarBatteryCapacity", PERSISTENT},
diff --git a/selfdrive/ui/qt/home.cc b/selfdrive/ui/qt/home.cc
index 4fef26de24..f2ac7ff6d2 100644
--- a/selfdrive/ui/qt/home.cc
+++ b/selfdrive/ui/qt/home.cc
@@ -44,6 +44,10 @@ HomeWindow::HomeWindow(QWidget* parent) : QWidget(parent) {
   slayout->addWidget(driver_view);
 }
 
+void HomeWindow::showSidebar(bool show) {
+  sidebar->setVisible(show);
+}
+
 void HomeWindow::offroadTransition(bool offroad) {
   if (offroad) {
     slayout->setCurrentWidget(home);
diff --git a/selfdrive/ui/qt/home.h b/selfdrive/ui/qt/home.h
index db3e2f8f6e..ab60af0a21 100644
--- a/selfdrive/ui/qt/home.h
+++ b/selfdrive/ui/qt/home.h
@@ -54,6 +54,7 @@ signals:
 public slots:
   void offroadTransition(bool offroad);
   void showDriverView(bool show);
+  void showSidebar(bool show);
 
 protected:
   void mousePressEvent(QMouseEvent* e) override;
diff --git a/selfdrive/ui/qt/maps/map.cc b/selfdrive/ui/qt/maps/map.cc
index d74e753d90..7bfb97b581 100644
--- a/selfdrive/ui/qt/maps/map.cc
+++ b/selfdrive/ui/qt/maps/map.cc
@@ -276,6 +276,7 @@ void MapWindow::recomputeRoute() {
 
   if (*new_destination != nav_destination) {
     setVisible(true); // Show map on destination set/change
+    // TODO: close sidebar
     should_recompute = true;
   }
 
diff --git a/selfdrive/ui/qt/maps/map_settings.cc b/selfdrive/ui/qt/maps/map_settings.cc
index f6a3bdaeb2..bf17091bc9 100644
--- a/selfdrive/ui/qt/maps/map_settings.cc
+++ b/selfdrive/ui/qt/maps/map_settings.cc
@@ -1,19 +1,124 @@
 #include "map_settings.h"
 
+#include <QDebug>
+
+#include "selfdrive/ui/qt/request_repeater.h"
 #include "selfdrive/ui/qt/widgets/controls.h"
+#include "selfdrive/common/util.h"
 
+static QString shorten(const QString &str, int max_len) {
+  return str.size() > max_len ? str.left(max_len).trimmed() + "…" : str;
+}
 
 MapPanel::MapPanel(QWidget* parent) : QWidget(parent) {
   QVBoxLayout *main_layout = new QVBoxLayout(this);
   Params params = Params();
 
-  QString dongle = QString::fromStdString(params.get("DongleId", false));
-  // TODO: Add buttons for home/work shortcuts
+  // Home
+  QHBoxLayout *home_layout = new QHBoxLayout;
+  home_button = new QPushButton;
+  home_button->setIconSize(QSize(200, 200));
+  home_layout->addWidget(home_button);
+
+  home_address = new QLabel;
+  home_address->setWordWrap(true);
+  home_layout->addSpacing(30);
+  home_layout->addWidget(home_address);
+  home_layout->addStretch();
+
+  // Work
+  QHBoxLayout *work_layout = new QHBoxLayout;
+  work_button = new QPushButton;
+  work_button->setIconSize(QSize(200, 200));
+  work_layout->addWidget(work_button);
+
+  work_address = new QLabel;
+  work_address->setWordWrap(true);
+  work_layout->addSpacing(30);
+  work_layout->addWidget(work_address);
+  work_layout->addStretch();
+
+  // Home & Work layout
+  QHBoxLayout *home_work_layout = new QHBoxLayout;
+  home_work_layout->addLayout(home_layout, 1);
+  home_work_layout->addSpacing(50);
+  home_work_layout->addLayout(work_layout, 1);
 
+  main_layout->addLayout(home_work_layout);
+  main_layout->addSpacing(50);
+  main_layout->addWidget(horizontal_line());
+
+  // Settings
   main_layout->addWidget(new ParamControl("NavSettingTime24h",
                                     "Show ETA in 24h format",
                                     "Use 24h format instead of am/pm",
                                     "",
                                     this));
   main_layout->addStretch();
+
+  clear();
+
+  std::string dongle_id = Params().get("DongleId");
+  if (util::is_valid_dongle_id(dongle_id)) {
+    std::string url = "https://api.commadotai.com/v1/navigation/" + dongle_id + "/locations";
+    RequestRepeater* repeater = new RequestRepeater(this, QString::fromStdString(url), "ApiCache_NavDestinations", 30);
+    QObject::connect(repeater, &RequestRepeater::receivedResponse, this, &MapPanel::parseResponse);
+  }
+}
+
+void MapPanel::clear() {
+  home_button->setIcon(QPixmap("../assets/navigation/home_inactive.png"));
+  home_address->setStyleSheet(R"(font-size: 50px; color: grey;)");
+  home_address->setText("No home\nlocation set");
+  home_button->disconnect();
+
+  work_button->setIcon(QPixmap("../assets/navigation/work_inactive.png"));
+  work_address->setStyleSheet(R"(font-size: 50px; color: grey;)");
+  work_address->setText("No work\nlocation set");
+  work_button->disconnect();
+}
+
+
+void MapPanel::parseResponse(const QString &response) {
+  QJsonDocument doc = QJsonDocument::fromJson(response.trimmed().toUtf8());
+  if (doc.isNull()) {
+    qDebug() << "JSON Parse failed on navigation locations";
+    return;
+  }
+
+  clear();
+
+  for (auto location : doc.array()) {
+    auto obj = location.toObject();
+
+    auto type = obj["save_type"].toString();
+    auto label = obj["label"].toString();
+    auto name = obj["place_name"].toString();
+    auto details = shorten(obj["place_details"].toString(), 30);
+
+    if (type == "favorite") {
+      if (label == "home") {
+        home_address->setText(name);
+        home_address->setStyleSheet(R"(font-size: 50px; color: white;)");
+        home_button->setIcon(QPixmap("../assets/navigation/home.png"));
+        QObject::connect(home_button, &QPushButton::clicked, [=]() {
+          navigateTo(obj);
+          emit closeSettings();
+        });
+      } else if (label == "work") {
+        work_address->setText(name);
+        work_address->setStyleSheet(R"(font-size: 50px; color: white;)");
+        work_button->setIcon(QPixmap("../assets/navigation/work.png"));
+        QObject::connect(work_button, &QPushButton::clicked, [=]() {
+          navigateTo(obj);
+          emit closeSettings();
+        });
+      }
+    }
+  }
+}
+
+void MapPanel::navigateTo(const QJsonObject &place) {
+  QJsonDocument doc(place);
+  Params().put("NavDestination", doc.toJson().toStdString());
 }
diff --git a/selfdrive/ui/qt/maps/map_settings.h b/selfdrive/ui/qt/maps/map_settings.h
index b2deec696f..26e4f95f95 100644
--- a/selfdrive/ui/qt/maps/map_settings.h
+++ b/selfdrive/ui/qt/maps/map_settings.h
@@ -1,8 +1,24 @@
 #pragma once
 #include <QWidget>
+#include <QLabel>
+#include <QPushButton>
+#include <QJsonObject>
+#include <QJsonDocument>
+#include <QJsonArray>
 
 class MapPanel : public QWidget {
   Q_OBJECT
 public:
   explicit MapPanel(QWidget* parent = nullptr);
-};
\ No newline at end of file
+
+  void navigateTo(const QJsonObject &place);
+  void parseResponse(const QString &response);
+  void clear();
+
+private:
+  QPushButton *home_button, *work_button;
+  QLabel *home_address, *work_address;
+
+signals:
+  void closeSettings();
+};
diff --git a/selfdrive/ui/qt/offroad/settings.cc b/selfdrive/ui/qt/offroad/settings.cc
index 84f3533858..4ec5b6ebe0 100644
--- a/selfdrive/ui/qt/offroad/settings.cc
+++ b/selfdrive/ui/qt/offroad/settings.cc
@@ -345,7 +345,9 @@ SettingsWindow::SettingsWindow(QWidget *parent) : QFrame(parent) {
 
 #ifdef ENABLE_MAPS
   if (!Params().get("MapboxToken").empty()) {
-    panels.push_back({"Navigation", new MapPanel(this)});
+    auto map_panel = new MapPanel(this);
+    panels.push_back({"Navigation", map_panel});
+    QObject::connect(map_panel, &MapPanel::closeSettings, this, &SettingsWindow::closeSettings);
   }
 #endif
   const int padding = panels.size() > 3 ? 25 : 35;
diff --git a/selfdrive/ui/qt/window.cc b/selfdrive/ui/qt/window.cc
index 2a821abde4..04c50684b0 100644
--- a/selfdrive/ui/qt/window.cc
+++ b/selfdrive/ui/qt/window.cc
@@ -67,6 +67,10 @@ void MainWindow::openSettings() {
 
 void MainWindow::closeSettings() {
   main_layout->setCurrentWidget(homeWindow);
+
+  if (QUIState::ui_state.scene.started) {
+    emit homeWindow->showSidebar(false);
+  }
 }
 
 bool MainWindow::eventFilter(QObject *obj, QEvent *event) {