From bcbebb4dd6f46b630bd6bdbb59c5ee1049b33727 Mon Sep 17 00:00:00 2001
From: Paolo Possanzini <paolo@teamdev.it>
Date: Thu, 1 Mar 2018 19:03:51 +0100
Subject: [PATCH] jog menu -- working on

---
 .../assets/icons/under-hood-png/cat-1.png     | Bin 0 -> 2678 bytes
 .../assets/icons/under-hood-png/cat-2.png     | Bin 0 -> 3332 bytes
 .../assets/icons/under-hood-png/cat-3.png     | Bin 0 -> 4273 bytes
 .../assets/icons/under-hood-png/cat-4.png     | Bin 0 -> 2326 bytes
 .../assets/icons/under-hood-png/cat-5.png     | Bin 0 -> 1985 bytes
 .../assets/icons/under-hood-png/cat-6.png     | Bin 0 -> 2456 bytes
 Step/wwwroot/assets/styles/base/buttons.less  |  90 ++++++++++++++---
 .../assets/styles/base/plc-softkeys.less      |  91 +++++++-----------
 Step/wwwroot/assets/styles/style.css          |  90 ++++++++++++-----
 Step/wwwroot/dist/2.build.js                  |  10 +-
 Step/wwwroot/src/modules/nc-softkeys.vue      |  22 ++---
 Step/wwwroot/src/modules/plc-softkeys.vue     |  12 +--
 .../src/modules/under-the-hood/jog-menu.vue   |  23 ++++-
 13 files changed, 222 insertions(+), 116 deletions(-)
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-1.png
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-2.png
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-3.png
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-4.png
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-5.png
 create mode 100644 Step/wwwroot/assets/icons/under-hood-png/cat-6.png

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-1.png b/Step/wwwroot/assets/icons/under-hood-png/cat-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1cb26cc7a7b54becd69a4e4adc7f9ce5c30872e
GIT binary patch
literal 2678
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

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-2.png b/Step/wwwroot/assets/icons/under-hood-png/cat-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..7426c683be942c1d5365a3fc70ce3c4b5817afe3
GIT binary patch
literal 3332
zcmV+f4g2zmP)<h;3K|Lk000e1NJLTq002(_001cn1^@s71D-@z00001b5ch_0Itp)
z=>Px>zDYzuRA>d=n+b50)fLC{US7xogs=q(L|y_325D1Gk%q;sjur$ejEHuSaVSHJ
zI67LvN_Fa>Rvb{QpqRoiI5-v<Wfu`;H;4prVU;xk0Yccqz9sbc|C;;!^1biny(9!j
z&&<i)&OP_sbI(2Z-21&mMg0gKvcj<7J#pg1wiz>KJZPizl5eN7GEpZ_p3EmnP~O1h
z%a>Pe+_>?XxpU_}a|Q6JVdct|W67UV{>+&(7nJ&ZzFS3*k&&@eWdpHf+~o6)9zA*_
zZPA9%jmWfFsUa|_Dz8+cs3=&IAumD?B9%Lc+NY<dX9nsdv<fDzXh>CAKsniPbP`2v
z-n{vNiVjMW^hZOgmt9WP3vLEGTe*rq0nYZyQ29i0cEar0v-^kYpn4W)mc89t!HSBL
z9>6rpJ{mP@)c)edi-AQkZO4xvzkSoDO*ttkDarBi@%KuIQ>RXCOH546vNMdQ{wzGj
zpxnmW@G)sp<Hn7@hjuwMcazEzq8c`Acmv5ThDd2W8l}v74s_F-rFhXBm_L91`}DJB
z<7HZ>3JMD5sd3SwMQ@xtckU34HG+W7=xxv2nOR0<uZSpLUS59Lh;L7;>U{qE`Ej(z
z*=Yj$@p`>6T969VcB~Q*;Ltb!hhY%f7uU64jFHl<b?45V|5(0!`JdagX_IE7t8b@`
zwl%0eB*WCy)Q+?#eD>LAxnF<%^<2}Bw9*duV947cY$0wyNQPLzuCr&)t}=|E?P$vf
zrXFNhHX>^T+aIrKD=RBIYw{N^T#&B}tcg7BZYq*NyJ5%J7zMIVJ@wR0hLK5W%rXR)
z{gsxMYRb*PQ1)o(P1<bKs8Pcy^Z;9$$|(H&qaS_r(Z4m)>C>kV@7=q19gUUFgaC0h
zGn)U8I;dvns>lN?Z1huAI$^?ul&YB3w#{vZSJ-{2V3rGJOU?E{n>TNMtGygy-h;*M
z?AEPYPODa}a`*4wKaGBsTtb9=g2-ZYFxWNf2qJ<y*emwz*^|URTTY#Pd*h==k3LVD
zjyK*Vo`(({nnAgepl%w}W;9zx`ADrCQg@KkeEaRU?@CKcOJX|~LUp7^j~>1zO`42G
zu3a%PG3n~rqD6}Vl+R6{K7A-fYl}JsjILL&UKYpUeh4qzfB*e`A*|%%#Hbper93=t
z+_-|SUAx}0d-v`km`EYKOYXe$&c9BXGUZP!??joBo#()T1M?_nfKK@=vIIgo%OepG
z6yTB88pH*zhj}H4V2QmA8Z=1ew76vN$N~G`)~#D-JOm6HG$_~JraY2#0)5WqQ#qL+
zV|`LmQfp?`hw>#b6e#4}1eSy%u+=9p?ipJ-WVTbMPJ`C3U%wE7<8DMT*vXEHSu}AY
zs70NxS+i!DEc<!!cf!!2Lr1{-SD^Ml06fQz9s8GvvAqvC0@j$0mo8l@RUHhAsk=yz
zz-bofU9*f<N&%I2Yy&VJbmc8VVM9=a=fOl!$Fk~6!D3K5O6T`6unfFrAR*i!RK1h7
zW&xg)ON3<)2k~IDyx~%Ir3^kOijQ!tuw+jE;`!>UuOii26uVo|MA$&oO^R8wX4S){
z3rCI|*_w8z999>nAS%o56l^&)qPAqTxq>tR2q>F99jJ&PbMWB74%~nr!&#r?27DW*
z$RFu;1gsRBhGM0exM6GOQbVWB6fxl3A6vY5@dI>7$0MvHP30iaW@{8NlMsX{wGj>%
zwWN3N-ntOC0TT!W@?L-a^&2aAUhdVaS1alROYB_M5Hba-C0tRUL?*&z^{{ykVqXt7
zZQ9gJK+uVBEQRIWn3Iz;+0L&|pFUX&7A*Llx*$&=spZ$?t(7|MuG*S=;e{8x82&DJ
zWfD^Tlhh9;;`C=YSHYBN*L@%ek_>@TZfGw<5l}Pv>I&z@#$;ED?-~)Qyi4lWE(OmM
zNW6LAz=4hSF_nM(@y8V<1)Us?M~oOTTm-zVtbm{$SYzSFj~}13X3d&cKKbO6N7<R<
z;H76B>w-=G4vx>cojZ5#aOB950*z^au@}=WFHi|2h+jnby9wkg9mbTat2y76EnA)+
zK74rRXP<pG(+tj%9-KIFVo#N^yLC&KE`7wbDc!ek-#3gEw6xyB!osm4AlyCxere)6
z<uU3DYO@1O!nu+-COXRAM|t{XO`0@mFlje-@d11L>eZ`1bQ3PlP83NVCXqzYitT~`
z8&p7B=4{~c>OMEV+M%6A{PD*hzeoNLRp33eWrOMy4m{s|_ub!}Lb#Q=izpiU4e0a~
zR;Xm10vk4LcoPD}U9!7Ss2vrluZ-tJ*y$#ay$*g-h;>@ncOrF`<Fn4U=;&yr3fUEG
zhQiAgeMrK>Ii3S^)~;PU$&Hd7yBCLkH*Fh0X)oYQ?6bGj$!t_->P;HtwZ)_wP@0>Y
z`#0!cOG`^jA2MXf%`ErPnKNhZrtSc^AFLEa#7eE~%1zuOKD4V?eu$;8UbL8T4jqk<
zWNQUlG1;m@E^R28jdK;PiUhp%IbQm=vxOyj095|`^UqaRmY0`TTdf87k})Q8mb?O1
znT=&mqydm7G=rv~8YMsqsEdc}NvhU$Pyyu$P|U6wxGj@iy%P3nYOGola}&<VK*C1z
zoX|ZsHa3$}B9cB%9zkW^oXfbcEF)yvL!()>AiAG(g%sDIsHkX)eIsAZ{IX@s`Y=X~
z?n$*&tc*aOQ)h`%yG2tB59$~WuJBIza^Jpv7i4E=x5fGB<vbGW^Y!f6vkR`bS5*TX
zK73dnPjbjN)H&?fv7@=)@Be@ul*riYxjb~|iSrP1d+3KBevn_196`>lrh-XPnw+e|
zxON3|;ZV<3?RjU@x3`c`@%R@mID}QLz(b^a4+<;Zx^=70(e{%kPwvO#<QDQBxc=Qj
zSX9V~G>WpEzmBd*3<R>e0i8lA&c|@47VA=Zd`k17l(&ewzaKkx?Cr>t30@C2!4*Bq
z!hS%$Ett$5<}Z?s2lrJ|r%t_#I=zBu4nK(!e=6m9xG!bkUbdo$scg$E?o=}gz*ex3
zGf~)^#l^)VQP9m}#*FF0;`QKlq{z9bDnnl|V88$=T!B=zeIk8o4A)wDUKBKht$7%W
z8;I05eDTE>PZFgrB<}}PL0O&he%>QqK|ev)EjJ}XJDWawywgP{B1@E}V=?==tl|+T
zB4i0G`y@1>O#7NBZ`-zQ4cV6S3GeeCe)!?vB9AOZ6V*4b@m$Wwk@tg1+~`|DoA0Ke
zaCKO30X#B5`RA}!s6(PTC(^1=jJa062#v0HZp`Xhc^=+n+Do>D3l|PUQLEWz%fR>9
zn&XK}ht8Wf@7BSC2WN8)8N_0r6fMS3(yw2?N03>5tqa%*{2kYn$!f0(`02-ZX#HSV
z3zR}cbRBpT<{!8#Bg}uOy8+aR8tP=KbLBC1EL(E`)>QKJ(@)<^Syq<@`uVv;+me!!
z_w33*aiv_<dv)*Ly{l2C+6htKrB6D%M%w9}d3>p^+j_KZ3`WbkLV;o(#XQGAAA<(I
z?bNSdU*CdMuS=h<M{ay#UV7;zKff<Zr@byf<6b0=oI|>lZS~r#ufBR8Pnnw%5)y9Y
z24g*V*azl)KQ1dPD{9@kb;Ud}ZRCBT3koV*vSi6V=n`ADY?*AQcjj3n=|D!I`Ffn~
z_Ocp%pMLsjH|Gjm&GJ<WRkTZV8NZGlvO0`><-~JSI(F=s1-%wFbK10N_hOabgz0zX
zop;_D1AR7_1nO225~RF1e#w@`s;-4`xr4dNwZSrCt^BySxHQJm#IFYUo_p@OG(r!{
zzd7WsRgw3kMF@C1sKY3ftD@;g(2DAG$s|J8?+z@;&(F`J?nclLwy6OsWY9+)Mf38j
z8s}<(wpB9@jxUY8wN0_OH{f|2D7huC3@akA96vFX^%EBf^6j_ZikS|JDor;c?sY??
z#b~I|g_C!4O_axha%s+-In&|O1N=3pj}+2HwZKvymS_Fc;%A~fGeJ3aeKxwD`|Iyl
ztXPqUPuzoIf`Vh>#M9fiZ(qkD_acX*PHu%UI=y8iRVqy@6~ocq8~>(`dIV61Se$Dw
z6jtdMIh4zAusXK2r9~IhzkmODVyj$^{SK7Fo<`7IOR(n0fO^=FGEzYKS}8{%S9`E6
zs9Q*LPzsOOuO;FmR@TJ4-TDv;=z3Hw-vIr!2Kg<a6e~1kvXO!5tQARa*REYE-(U3q
z1bS<~2zs7);)xE!h7Eg!6HLG7<<pEuf3DyIi-@t_f<`f)29M|DjN!HUG+Vrgvf@DT
zP(1dF1SwBolqe+#G-092*7hYeThX*hF$$s;II7O9obn2=4ISBECj1XJ(~F7DhT^0E
O0000<MNUMnLSTaX9de@p

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-3.png b/Step/wwwroot/assets/icons/under-hood-png/cat-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c9f7f1b184595095eac737ce0dfece518dfb676
GIT binary patch
literal 4273
zcmV;i5KixjP)<h;3K|Lk000e1NJLTq003kF000~a1^@s7;FKzE00001b5ch_0Itp)
z=>Px_Ye_^wRA>d&ns;#3RTjtdT6zMBAiV^TB1K?!S(K#=pt}PDh*CtV0?w`?FoFn(
z3$7^DL69OW5O66{c0r^l4h(`YH0fQM^xgv`r0nPW<98pwJl+cl_|M*%o8K+xo_p@;
z_r8RM-7jAIYkh9syg9|uchPp=xpQX{UypzM@ZrPXs&nJUjhRcAE-gc|oPUzW)vH(k
zeeBq=MP|%R=O1>*9UmXxw^prMgXv$e5xLHsIWzn6<;(FI85wTIwQHC=DJf~B8k9`x
z#njZ)7`4llE7yW=){!GeHt;pYT4Xx@Z|l~rMfU^RK}_F$>C&YR7SO3vrxwtNq6&j|
z_wL>QvL^U*`}XbL-+%voqRwN_hq>?Gy&Hb?=+U_hWC1*B&z?Q&?Q?jdqoZd*Ub4;t
zjKu)2+wIO8IB?)FVXa!VYIgzKXVB0k{Rvj0Y|?_wiKC0`T_c<TZ@>L^r4K&%;4kIN
zmw%2@qjTrZ^#r$K#ftZV69fGvTobBi&z_xUkGdgyv5h#vCg3S;cK-bN$p%LK1`Qg-
zn)T*;@#4ife(W^F%mHQ~B_$=2wj_~Jrc9ZaHGb&Op?X<aSz^2oaku7Mj4BCb(r<}g
z%tr`xAC&9Yuj>>R%!5%jb9MsTXlg%B&^~b7?u!6RE%^FWF@sO+IqPE~haGc^7cbt4
zkvq;wwNa6o7cN}LKYR9Ur~PQkvtYr3PSdAP-@k3!wv?JRYsQo=T{-~^D86jjvR?(@
zEK%a6Q}9s!{>hUkn*ikEyFk3B9qwF2TWr-STu?qv`U){p(E`+L#U)|evIs*B#q%^M
z>xx}A4-XGd&zCRX4J<w?Jw4qc*_0?zq8%{z&Ye3q1$itjT)1!tWa8I4sW<Wzo_l5|
zxePx56!+HzM^8R@@Zc&LIh*u<=9y;(U%7H+KX&b7e1u>?-W#|dof~L8Gc(h*Wy_XV
z)i%YeLDRW)>y~L}Hf`E;9OGX??L3{LWXY1P=*LrK<|<ODpb7(V(H4aL$31A!pwHCS
zF|l5YN&~QU>(&aQloO;dmPNfzJ!j_aF-P})bIOz{>z#v!a*es+v!!~l;v@QUeYq;I
zxnf*g+(!@;DHi*DzI3#;3yVcuu;N15Di<nL=w0M&t&zM9S9M^Q%atV#N}N$qQJgc?
zXY0fpAiNof)EvYO>p#I!Ru({HWaQqWMT-VIjDZ*DO!1+hvy6g5%xzp*FD5Tiop1(T
zU*VD6$_m6V!5LVyhrS6gX;M;B(mS+oP}8ZYR0B)%ei5*X0P}aa@S?b>VUNcHJ()k2
zEn8Oc&@56cnU2}z(>#Yw1AZM2e?f9`a>TlI>uR)U(PI0K9Xp!k&!4|`T3XtE+~l%K
zl`8E6M~3j)#kFL~l4onzu081Kr=Na<vDD+ok2i^ki0Gt<Bd!}jBOxsIHf!GL)~(xB
z<_tXs%=)^gPMum7!Wx@HXjE;DX^yTzoK>Jefp<A@21I)CJJD?XB8SMrbB-udq)4}4
ze);7~jA?<SbM4x-=TWhtaC9M#teyjp8)Bao3^AfGD)v4EcUNEgig;5+i;DJY+_>@7
zIdkSzplj%{=FA`E2y@VF`TmCraW@4O>&S$Yqmr83kesEgJqsL7aW(sijNKCx6BV1%
zu#qCGR;?NcLlSXETk*`p88^Pn5aY4;_q#P<LKZaQTO>IHfQRhYi_`5((lF78(O{9m
zX^wuND1}5JN7V!Jui;n>j@d;pG#jK4HGZv7p~9QM7^2M_Ll5E9*b^0PqAHFgQsby9
z@(Nd|K@Cd)6iKr`-lUdP0^fbMdiCm`GJcjSqs&dw-ty^%s51VXiWn!{cd3EQ&9=^k
ziYdw%4rZHtL`R{u7LH&%(iue}kdR9}hLI)%$@V3cY)fqeE*~~Dk(A15v)M>;Mzlx{
z@(Q!dsXBdbi<<*Xq9&kb7FUT!l~}xy8j5os5{};3Pc?Zd<7lMbQfY0hI3fq2KHl$T
zY9wB65L4Z#PMa0DKQy~fpFTYpVxsjeR;<`S=A1fh0SEgtdGh2$Y$H*wQ}Ym)*{4sR
zBQ!%DLQ;rYyLRol-+ue;7@qFZfddCp*!Lb@&V|<tCs2kbBqT)k@87?NaBkYPX)OUa
zzEh`8vqIrDYNTBLYZ0UP5GscRiGepn%1(M=C-n_id-m-4+4AMfcK|E<3RR>+CPfs(
zgiqC|n!X-rn#nf|db;wF6ofOV{aHGB;>3yfhz*un=&L>pH0LZ{3_2N=_$RR=KNFgF
zky`!{_j(3Z$RwWZ;t+=zPjfB|Xe$6q*F~5NSFo9=WjpL^D)^^Sr-E||s)lA+swP!e
zx)byejNkWIoP3s14Gr2-=|I!T)ff`)naY2ZOU1;*+##9|9zTA3SpE9-<C2n+5?+7(
z^#c$y61~UVZm%9NV8C}XX3Plmd|rs2Ne;Cem#r(U>_r(vv~X*GQ)Dw<uQ!9pewg^A
zv^k`@ySH!O{?~i=?m3M<Onr^B(5RAdTk0eg(xKTrp2O5{)~s1-_wL;X)T>vo$L7tO
z>n~ima5~&9435`^4I4Id?AWm-0`SPGL}E)d8TWC+7)cfot877pJF7O;;n0M#c&tVN
zcr@)VZVdZ1qu*v!eT~z1awv7pnl)36SJ8&RMPTSY2#e6+@GLRJl7hk`!sK<@v}rSn
zuCWJADGdoj0vBjU0arY5e*rm*aNz*nWXwsA6XgEWK(-OPW2>5zfXt2^JFX!{d;u5t
zVH2q&gfF6oQ4=Oi_<Zr=#WNv#1#b^~<T?#b8;>&uy3J*>J5gVr(G{o-W?kS{X*^@u
zG{*_!BB@&xj3aWR=)Jh0jMEgUnvg}>Uk`RtiYs0WIAS5NHEvTbGll~<dEtc@TF?#y
z&s%&hs%;mevI#swOqX=cM5wRstGMP)%m=;Wggl{*(9c;%Ux}Yd{ydc{SN=jOq`-zV
zILw?p%f<HX+keA%1y$EYT_>Hz;C<u)oQra5d(rO`+yzPp0%@Evr`HMu(JM<G9l{oS
z7=djMKys@hRIXL)<)%Y=8|HqO;)bI`A^M~foBA4OET@CGxu3k{)N#Dm&#ZA0tpk~Z
zIkzzF44j7(-i$x=Mg0^@Lc&V4@&w9ymHjFU7V*k_l>v*0P$itGK8r&~$di5e;fG`9
z&Yimr;9FFqI-%B@aT#zSsxsi5)J$}UCOtC-Jxs90*5P*T+Vvb)-5x~Y@zttT+X;f4
zILq`C747NTxpQYx9+Td{-pa}4Du&4R<OLNN$;ZCo^0pFKWdpfomXk1ZUa7ll{`~oo
zcu#KT`E`AdXRmOC;!|Z$E7Q?Flyo#Ao$)lx=pK$O4O%j*RH@R7wh!9UTD5A`XT*pR
zm7xD`qFXdmkE698gF`+gr~nwxRt$k=P<`*ljT`?2;&;Rpc|APj1a6p{n3F?#97Y)Y
z!M@s47tKB#{5gdk9mp9Gq`7GDDHx!P<}x)$a|yDE_Hglpmc#?kK+Y9ugw3874{{R$
zoOrd);4liKG109rG-s0FtmlDoD(hrzIa#S6wMC5GQ`^fep;pC;6?@2pAridqOr9W8
zajfIXrZxlfdke+Gvqb|^!me`UI;5XE8WIL~&)s$E)Jdi*Q&&XFtF>AJVV$&IQB5vQ
z`$)N@x#mmLuW%YO{0aPOZ8Ud;k)l`DOQ=?!Vtl-C%8Es+lqc6bGhtmDdRDJqUCju?
zFb1J`Bpi)1Ke}PVhPiQHF0Ow0aRVi>t}_TyIgU9vP5+@?<TO6ax-~hyPYR$(QzQ%$
zxB2`MvyL(0FqR=^<)s+-dni^qXVK%biW$G(d+^uAgPVKOq)Ekjt4)LsXQCJety#SD
zOItIs4z~otQdzF>IxRu?L+!!T!^LQh2Y*@?B8G_hMi@?TZ7NG4jUPgWdxW`AS}L3o
z+%G2J8mx<wOj;K)1auet8;BJ@G-=Z0JaAdGpC>(U&*g0K(4j+5GM4$$OE1NfAw0`H
zW?Qdbz2cLSl2X8TnwLfe#9)Gb)S)G4-Fx06Q?JOA?&m1UKE})$EQKUq)-G7EU?=E~
z5f2O>j9UZVU!3j<x30Ldl~>RyTqGrwJPX1gwg~Clx9?N^`t=)$|BizgV>JfG|5ZHU
zKsQH@9NBO5=+V*$Cvyy(4j;|Uc_<oR!ii5BFRhYrg$oz831%m2;oiM_>vQXUg@ajv
z94$P|Z?Y4)7>4n7-GiLAg5V@v-7bWK_6^oe!krytDwJEW6olvH?kH4U`FP#p=gpfp
zphu4$r-c)3ua2em;{5uF#`@&~+O;lMMduPd!VCT#b?essg8gzG$eo*rc@bz~UkHgc
z8sP+Rwlyy}!D}5g7}3&>wBf^tk41}aig^Zy4k;W8+=>?j*>lW!*RNk+9xG|fg*jF?
zcU2Bn^{cPG>O!`c!Hd=p(nzgCKvBTO@LCW@En2Enslm9%0pO8ak#7$y))^6KH8ERx
zy1rzNH2{p{*SiKh(f8HMwY-A_mKR}YGr>#obSBpSfotZ+!cEoQc`7c<w=Hjwuj;V5
zAw=3BO~CyB!wbV=b_<q*N>B=*as2Arklzy8LTI*MDs3&l_0vy3P3X{}!y$fqXi5gu
z9D#Yod>C}1Wy_WmxPxE9+TLQ{8e*gv7I;Eg8$$dUCM%=S9oVk~v@L<~&Br@cN%qJ;
zZQ8UWTw@iJvTRE(?6hRYAG_#W2w$;kGVxZiPnPm1m+Ifoi!d6AnA`|MtBf{i9o-dF
zxe8|>qiYc$LayO<zT>-!8b#G>j0EL@c~J;70`1Hoo%J<p)MyFg%WW7pub4$qmYxW+
zKTo9-8IKz`Zd?uGOLGofz$qA69WJ93Fw#mB_-R^2!m(a5@$quADq@h7CJqJ`z-k^6
zvVb0^h%V6+8yj1a^>Y8ATxn4BUWjo?BZJO{7!<tLF)bGnYOM|}L5U$s2d`081n<HX
zg;Cuw+rtlKgTPtR&>^AgP`IY6q{K>7Z&1(iF20iQT51%*Hx9R0izkIDyh1&-Xwf1G
zKGfk2El$M|v#hh5ed+&h#a8f8ya~CFcf*Da-w_l$J2fsOv^^oS#P8?C04EADL&bdW
z_h3esE?vB1#*F!d0A51wh(lPKs>5gx+{#gVofxSqhRa3X<Wcrg*REYp(EgUHgKJ)M
zQh@*4;%?Wj-CBO>{}e5`uK1ACNi;7w!D}6`f$kxv<<2=V&^Kz-sDZ?;5{h542noX0
zEDLt!%9UGah{<BMp-o>gUBZ#&=@zW_DqX@tSqM`>OBU|>rZTsnvrjNc@*%6va}i_Y
zcI4Y*@y+q%{<U~7s?Gy+QSJ`WxTf1=GiSIj>>#_^j3#R%F~MkKUJqmKNw99sZz|1$
z-FvXs6asHD>Gf{*k*gEq^STd9axAjOsHCK%0{nMTOK#dVNe<$k#C@?ggP%xF^J~O^
zhYT6A3;a@)JSmBoqoS`7j(n@Ci4S6gaTh{vwDoZrq<ws3SAQmcyn@vg!8$UC7w7iv
z+qb)S@7^1D1JdP6f|mv6=|I5erAR17A(d>XZ+MayJc1QJR7I~68gmcH6QBME1PMPD
T4-cti00000NkvXXu0mjfO0*hA

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-4.png b/Step/wwwroot/assets/icons/under-hood-png/cat-4.png
new file mode 100644
index 0000000000000000000000000000000000000000..44da66efcdf7209e4b87dfa2a36417d673829e23
GIT binary patch
literal 2326
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

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-5.png b/Step/wwwroot/assets/icons/under-hood-png/cat-5.png
new file mode 100644
index 0000000000000000000000000000000000000000..c68d90c29a3612d0cc0b6a2445958656264e3357
GIT binary patch
literal 1985
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
TpHV)~00000NkvXXu0mjfHH^*A

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/icons/under-hood-png/cat-6.png b/Step/wwwroot/assets/icons/under-hood-png/cat-6.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9e197605784654c781ce6b4e698afe634ba9a2
GIT binary patch
literal 2456
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
W^nbmy{%K$U0000<MNUMnLSTYXbi(TZ

literal 0
HcmV?d00001

diff --git a/Step/wwwroot/assets/styles/base/buttons.less b/Step/wwwroot/assets/styles/base/buttons.less
index 923176a6..e131205a 100644
--- a/Step/wwwroot/assets/styles/base/buttons.less
+++ b/Step/wwwroot/assets/styles/base/buttons.less
@@ -25,19 +25,17 @@ button.btn[disabled] {
     background-image: none;
     box-shadow: none;
     color: @color-warm-grey;
-
-    &:hover{
-      box-shadow: none !important;
+    &:hover {
+        box-shadow: none !important;
     }
 }
 
-.btn-demo{
-  color: #fff;
-  font-size: 22px;
-  font-weight: bold;
+.btn-demo {
+    color: #fff;
+    font-size: 22px;
+    font-weight: bold;
 }
 
-
 button.btn {
     height: @button-height;
     box-sizing: border-box;
@@ -81,16 +79,16 @@ button.btn.btn-success {
         box-shadow: inset 0px 0px 0px 1px #8eb5e2;
     }
 }
+
 button.btn.btn-success[disabled] {
     border-radius: 2px;
     border-radius: 2px;
     box-shadow: none;
-    color: @color-warm-grey;  
+    color: @color-warm-grey;
     border: none;
-    &:hover{
-      box-shadow: none !important;
-      background-image: linear-gradient(to bottom, @button-success-color-from, @button-success-color-to) !important;
-    
+    &:hover {
+        box-shadow: none !important;
+        background-image: linear-gradient(to bottom, @button-success-color-from, @button-success-color-to) !important;
     }
 }
 
@@ -121,8 +119,72 @@ button.square {
     // width: @button-height;
     // height: @button-height;
     border-radius: 2px !important; // background-color: #4b4b4b;
-    
     &:hover {
         background-color: @button-success-color-to;
     }
 }
+
+.btn-spacer {
+    margin: 0 8px;
+    padding: 0 4px;
+    display: flex;
+}
+
+.btn-group {
+    margin: 0 8px;
+    padding: 0;
+    display: flex;
+    button {
+        border-radius: 0 !important;
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+        &:first-child{
+          border-top-left-radius: 2px !important;
+          border-bottom-left-radius: 2px !important;
+        }
+        &:last-child{
+          border-top-right-radius: 2px !important;
+          border-bottom-right-radius: 2px !important;
+        }
+    }
+}
+
+button.soft {
+    width: 96px;
+    height: 48px;
+    margin: 4px;
+    background-image: linear-gradient(to bottom, #f1f1f1, @color-silver);
+    box-sizing: border-box;
+    border: none;
+    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+    color: @color-darkish-blue;
+    font-size: 14px;
+    border-radius: 2px;
+    &:active,
+    &.active {
+        background-image: linear-gradient(to bottom, @color-cerulean, @color-clear-blue);
+        color: white;
+        box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+    }
+    &.spaced{
+      margin: 4px 8px;
+    }
+    &[disabled] {
+        background-color: #dddddd !important;
+        background-image: none !important;
+        box-shadow: none !important;
+        color: @color-warm-grey;
+    }
+    &.square {
+        width: 48px;
+    }
+    i.fa {
+      font-size: 24px;
+    }
+    &.inverted{
+      background: transparent;
+      box-shadow: none;
+      border: 3px solid #657178;
+      color: white
+    }
+}
diff --git a/Step/wwwroot/assets/styles/base/plc-softkeys.less b/Step/wwwroot/assets/styles/base/plc-softkeys.less
index 2aede976..137d4f06 100644
--- a/Step/wwwroot/assets/styles/base/plc-softkeys.less
+++ b/Step/wwwroot/assets/styles/base/plc-softkeys.less
@@ -1,11 +1,10 @@
 // out: false, sourceMap: false, main: ../style.less
 @import "colors";
-
-.keys-area{
-  position: absolute;
-  height: calc(~"100% - 88px");
-  right: 0;
-  width: 824px;
+.keys-area {
+    position: absolute;
+    height: calc(~"100% - 88px");
+    right: 0;
+    width: 824px;
 }
 
 #plc-softkeys-container {
@@ -29,6 +28,8 @@
             border-top: none;
             border-bottom: none;
             position: relative;
+            padding: 0;
+            width: 100%;
             &.active {
                 background-color: #657178;
             }
@@ -71,58 +72,36 @@
 }
 
 #nc-softkeys-container {
-  width: 312px;
-  height: 216px;
-  margin: -4px;
-  display: flex;
-  flex-flow: row wrap;
-
-  .empty-space{
-    display: block;
-    width: 96px;
-    height: 48px;
-    margin: 4px;
-  }
-
-  button{
-    width: 96px;
-    height: 48px;
-    margin: 4px;
-    background-image: linear-gradient(to bottom, #f1f1f1, @color-silver);
-    box-sizing: border-box;
-    border: none;
-    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5) ;
-
-    &:active, &.active{
-      background-image: linear-gradient(to bottom, @color-cerulean, @color-clear-blue);
-      color:white;
-      box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5) ;
+    width: 312px;
+    height: 216px;
+    margin: -4px;
+    display: flex;
+    flex-flow: row wrap;
+    .empty-space {
+        display: block;
+        width: 96px;
+        height: 48px;
+        margin: 4px;
     }
-
-    &[disabled]{
-      background-color: #dddddd !important;
-      background-image: none !important;
-      box-shadow: none !important;
-    }
-  }
 }
 
-.jog-menu{
-  width: 100%;
-  height: 64px;
-  background-color: @color-gunmetal;
-  position: absolute;
-  top: 230px;
-  margin-right: 8px;
-  width: calc(~"100% - 8px");
-
-  &:before{
-    content: "\f0d8";
-    color:@color-gunmetal;
+.jog-menu {
+    // width: 100%;
+    // height: 64px;
+    background-color: @color-gunmetal;
     position: absolute;
-    left: 141px;
-    top: -26px;
-    font-family: 'fontawesome';
-    font-size: 38px;
-  }
+    top: 230px;
+    margin-right: 8px;
+    width: calc(~"100% - 16px");
+    display: flex;
+    padding: 4px;
+    &:before {
+        content: "\f0d8";
+        color: @color-gunmetal;
+        position: absolute;
+        left: 141px;
+        top: -26px;
+        font-family: 'fontawesome';
+        font-size: 38px;
+    }
 }
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 45d44388..d284018c 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -378,6 +378,68 @@ button.square {
 button.square:hover {
   background-color: #002680;
 }
+.btn-spacer {
+  margin: 0 8px;
+  padding: 0 4px;
+  display: flex;
+}
+.btn-group {
+  margin: 0 8px;
+  padding: 0;
+  display: flex;
+}
+.btn-group button {
+  border-radius: 0 !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.btn-group button:first-child {
+  border-top-left-radius: 2px !important;
+  border-bottom-left-radius: 2px !important;
+}
+.btn-group button:last-child {
+  border-top-right-radius: 2px !important;
+  border-bottom-right-radius: 2px !important;
+}
+button.soft {
+  width: 96px;
+  height: 48px;
+  margin: 4px;
+  background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc);
+  box-sizing: border-box;
+  border: none;
+  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+  color: #002680;
+  font-size: 14px;
+  border-radius: 2px;
+}
+button.soft:active,
+button.soft.active {
+  background-image: linear-gradient(to bottom, #007cc3, #1791ff);
+  color: white;
+  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+}
+button.soft.spaced {
+  margin: 4px 8px;
+}
+button.soft[disabled] {
+  background-color: #dddddd !important;
+  background-image: none !important;
+  box-shadow: none !important;
+  color: #878787;
+}
+button.soft.square {
+  width: 48px;
+}
+button.soft i.fa {
+  font-size: 24px;
+}
+button.soft.inverted {
+  background: transparent;
+  box-shadow: none;
+  border: 3px solid #657178;
+  color: white;
+}
 @font-face {
   font-family: 'Work Sans';
   font-style: normal;
@@ -1281,6 +1343,8 @@ footer .container button.big:before {
   border-top: none;
   border-bottom: none;
   position: relative;
+  padding: 0;
+  width: 100%;
 }
 #plc-softkeys-container header button.active {
   background-color: #657178;
@@ -1331,34 +1395,14 @@ footer .container button.big:before {
   height: 48px;
   margin: 4px;
 }
-#nc-softkeys-container button {
-  width: 96px;
-  height: 48px;
-  margin: 4px;
-  background-image: linear-gradient(to bottom, #f1f1f1, #bbbcbc);
-  box-sizing: border-box;
-  border: none;
-  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
-}
-#nc-softkeys-container button:active,
-#nc-softkeys-container button.active {
-  background-image: linear-gradient(to bottom, #007cc3, #1791ff);
-  color: white;
-  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
-}
-#nc-softkeys-container button[disabled] {
-  background-color: #dddddd !important;
-  background-image: none !important;
-  box-shadow: none !important;
-}
 .jog-menu {
-  width: 100%;
-  height: 64px;
   background-color: #4e585e;
   position: absolute;
   top: 230px;
   margin-right: 8px;
-  width: calc(100% - 8px);
+  width: calc(100% - 16px);
+  display: flex;
+  padding: 4px;
 }
 .jog-menu:before {
   content: "\f0d8";
diff --git a/Step/wwwroot/dist/2.build.js b/Step/wwwroot/dist/2.build.js
index 2beccca2..5ba759a5 100644
--- a/Step/wwwroot/dist/2.build.js
+++ b/Step/wwwroot/dist/2.build.js
@@ -76,7 +76,7 @@ eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_req
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"plc-softkeys-container\" } }, [\n    _vm._m(0, false, false),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"title\" }),\n    _vm._v(\" \"),\n    _c(\n      \"section\",\n      { staticClass: \"scrollable\" },\n      [\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\")\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"header\", [\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1.\")])]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2.\")])]),\n      _vm._v(\" \"),\n      _c(\"button\", { staticClass: \"active\" }, [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3.\")])\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4.\")])]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5.\")])]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6.\")])]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"7.\")])])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-4ce82f02\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjE5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvcGxjLXNvZnRrZXlzLnZ1ZT9mYjg4Il0sInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbigpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXCJkaXZcIiwgeyBhdHRyczogeyBpZDogXCJwbGMtc29mdGtleXMtY29udGFpbmVyXCIgfSB9LCBbXG4gICAgX3ZtLl9tKDAsIGZhbHNlLCBmYWxzZSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcInRpdGxlXCIgfSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcbiAgICAgIFwic2VjdGlvblwiLFxuICAgICAgeyBzdGF0aWNDbGFzczogXCJzY3JvbGxhYmxlXCIgfSxcbiAgICAgIFtcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKVxuICAgICAgXSxcbiAgICAgIDFcbiAgICApXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW1xuICBmdW5jdGlvbigpIHtcbiAgICB2YXIgX3ZtID0gdGhpc1xuICAgIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICAgIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICAgIHJldHVybiBfYyhcImhlYWRlclwiLCBbXG4gICAgICBfYyhcImJ1dHRvblwiLCBbX2MoXCJzcGFuXCIsIHsgc3RhdGljQ2xhc3M6IFwibnVtYmVyXCIgfSwgW192bS5fdihcIjEuXCIpXSldKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiLCBbX2MoXCJzcGFuXCIsIHsgc3RhdGljQ2xhc3M6IFwibnVtYmVyXCIgfSwgW192bS5fdihcIjIuXCIpXSldKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcImFjdGl2ZVwiIH0sIFtcbiAgICAgICAgX2MoXCJzcGFuXCIsIHsgc3RhdGljQ2xhc3M6IFwibnVtYmVyXCIgfSwgW192bS5fdihcIjMuXCIpXSlcbiAgICAgIF0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNC5cIildKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNS5cIildKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNi5cIildKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNy5cIildKV0pXG4gICAgXSlcbiAgfVxuXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG52YXIgZXNFeHBvcnRzID0geyByZW5kZXI6IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zOiBzdGF0aWNSZW5kZXJGbnMgfVxuZXhwb3J0IGRlZmF1bHQgZXNFeHBvcnRzXG5pZiAobW9kdWxlLmhvdCkge1xuICBtb2R1bGUuaG90LmFjY2VwdCgpXG4gIGlmIChtb2R1bGUuaG90LmRhdGEpIHtcbiAgICByZXF1aXJlKFwidnVlLWhvdC1yZWxvYWQtYXBpXCIpICAgICAgLnJlcmVuZGVyKFwiZGF0YS12LTRjZTgyZjAyXCIsIGVzRXhwb3J0cylcbiAgfVxufVxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3RlbXBsYXRlLWNvbXBpbGVyP3tcImlkXCI6XCJkYXRhLXYtNGNlODJmMDJcIixcImhhc1Njb3BlZFwiOmZhbHNlLFwiYnVibGVcIjp7XCJ0cmFuc2Zvcm1zXCI6e319fSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zZWxlY3Rvci5qcz90eXBlPXRlbXBsYXRlJmluZGV4PTAmYnVzdENhY2hlIS4vc3JjL21vZHVsZXMvcGxjLXNvZnRrZXlzLnZ1ZVxuLy8gbW9kdWxlIGlkID0gNjE5XG4vLyBtb2R1bGUgY2h1bmtzID0gMiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///619\n");
+eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"plc-softkeys-container\" } }, [\n    _vm._m(0, false, false),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"title\" }),\n    _vm._v(\" \"),\n    _c(\n      \"section\",\n      { staticClass: \"scrollable\" },\n      [\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key3\"),\n        _vm._v(\" \"),\n        _c(\"soft-key1\"),\n        _vm._v(\" \"),\n        _c(\"soft-key2\")\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"header\", [\n      _c(\"button\", [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-1.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-2.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", { staticClass: \"active\" }, [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-3.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-4.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-5.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [\n        _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6.\")]),\n        _c(\"img\", { attrs: { src: \"assets/icons/under-hood-png/cat-6.png\" } })\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", [_c(\"span\", { staticClass: \"number\" }, [_vm._v(\"7.\")])])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-4ce82f02\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjE5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvcGxjLXNvZnRrZXlzLnZ1ZT9mYjg4Il0sInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbigpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXCJkaXZcIiwgeyBhdHRyczogeyBpZDogXCJwbGMtc29mdGtleXMtY29udGFpbmVyXCIgfSB9LCBbXG4gICAgX3ZtLl9tKDAsIGZhbHNlLCBmYWxzZSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcInRpdGxlXCIgfSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcbiAgICAgIFwic2VjdGlvblwiLFxuICAgICAgeyBzdGF0aWNDbGFzczogXCJzY3JvbGxhYmxlXCIgfSxcbiAgICAgIFtcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTFcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkyXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5M1wiKSxcbiAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgX2MoXCJzb2Z0LWtleTNcIiksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwic29mdC1rZXkxXCIpLFxuICAgICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgICBfYyhcInNvZnQta2V5MlwiKVxuICAgICAgXSxcbiAgICAgIDFcbiAgICApXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW1xuICBmdW5jdGlvbigpIHtcbiAgICB2YXIgX3ZtID0gdGhpc1xuICAgIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICAgIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICAgIHJldHVybiBfYyhcImhlYWRlclwiLCBbXG4gICAgICBfYyhcImJ1dHRvblwiLCBbXG4gICAgICAgIF9jKFwic3BhblwiLCB7IHN0YXRpY0NsYXNzOiBcIm51bWJlclwiIH0sIFtfdm0uX3YoXCIxLlwiKV0pLFxuICAgICAgICBfYyhcImltZ1wiLCB7IGF0dHJzOiB7IHNyYzogXCJhc3NldHMvaWNvbnMvdW5kZXItaG9vZC1wbmcvY2F0LTEucG5nXCIgfSB9KVxuICAgICAgXSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJidXR0b25cIiwgW1xuICAgICAgICBfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiMi5cIildKSxcbiAgICAgICAgX2MoXCJpbWdcIiwgeyBhdHRyczogeyBzcmM6IFwiYXNzZXRzL2ljb25zL3VuZGVyLWhvb2QtcG5nL2NhdC0yLnBuZ1wiIH0gfSlcbiAgICAgIF0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwiYWN0aXZlXCIgfSwgW1xuICAgICAgICBfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiMy5cIildKSxcbiAgICAgICAgX2MoXCJpbWdcIiwgeyBhdHRyczogeyBzcmM6IFwiYXNzZXRzL2ljb25zL3VuZGVyLWhvb2QtcG5nL2NhdC0zLnBuZ1wiIH0gfSlcbiAgICAgIF0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtcbiAgICAgICAgX2MoXCJzcGFuXCIsIHsgc3RhdGljQ2xhc3M6IFwibnVtYmVyXCIgfSwgW192bS5fdihcIjQuXCIpXSksXG4gICAgICAgIF9jKFwiaW1nXCIsIHsgYXR0cnM6IHsgc3JjOiBcImFzc2V0cy9pY29ucy91bmRlci1ob29kLXBuZy9jYXQtNC5wbmdcIiB9IH0pXG4gICAgICBdKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiLCBbXG4gICAgICAgIF9jKFwic3BhblwiLCB7IHN0YXRpY0NsYXNzOiBcIm51bWJlclwiIH0sIFtfdm0uX3YoXCI1LlwiKV0pLFxuICAgICAgICBfYyhcImltZ1wiLCB7IGF0dHJzOiB7IHNyYzogXCJhc3NldHMvaWNvbnMvdW5kZXItaG9vZC1wbmcvY2F0LTUucG5nXCIgfSB9KVxuICAgICAgXSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJidXR0b25cIiwgW1xuICAgICAgICBfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNi5cIildKSxcbiAgICAgICAgX2MoXCJpbWdcIiwgeyBhdHRyczogeyBzcmM6IFwiYXNzZXRzL2ljb25zL3VuZGVyLWhvb2QtcG5nL2NhdC02LnBuZ1wiIH0gfSlcbiAgICAgIF0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIFtfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJudW1iZXJcIiB9LCBbX3ZtLl92KFwiNy5cIildKV0pXG4gICAgXSlcbiAgfVxuXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG52YXIgZXNFeHBvcnRzID0geyByZW5kZXI6IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zOiBzdGF0aWNSZW5kZXJGbnMgfVxuZXhwb3J0IGRlZmF1bHQgZXNFeHBvcnRzXG5pZiAobW9kdWxlLmhvdCkge1xuICBtb2R1bGUuaG90LmFjY2VwdCgpXG4gIGlmIChtb2R1bGUuaG90LmRhdGEpIHtcbiAgICByZXF1aXJlKFwidnVlLWhvdC1yZWxvYWQtYXBpXCIpICAgICAgLnJlcmVuZGVyKFwiZGF0YS12LTRjZTgyZjAyXCIsIGVzRXhwb3J0cylcbiAgfVxufVxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3RlbXBsYXRlLWNvbXBpbGVyP3tcImlkXCI6XCJkYXRhLXYtNGNlODJmMDJcIixcImhhc1Njb3BlZFwiOmZhbHNlLFwiYnVibGVcIjp7XCJ0cmFuc2Zvcm1zXCI6e319fSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zZWxlY3Rvci5qcz90eXBlPXRlbXBsYXRlJmluZGV4PTAmYnVzdENhY2hlIS4vc3JjL21vZHVsZXMvcGxjLXNvZnRrZXlzLnZ1ZVxuLy8gbW9kdWxlIGlkID0gNjE5XG4vLyBtb2R1bGUgY2h1bmtzID0gMiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///619\n");
 
 /***/ }),
 
@@ -92,7 +92,7 @@ eval("Object.defineProperty(__webpack_exports__, \"__esModule\", { value: true }
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjIxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL25jLXNvZnRrZXlzLnZ1ZT8yZWE0Il0sInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbjxkaXYgaWQ9XCJuYy1zb2Z0a2V5cy1jb250YWluZXJcIj5cbiAgPGJ1dHRvbj48L2J1dHRvbj5cbiAgPGJ1dHRvbj48L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cImVtcHR5LXNwYWNlXCI+PC9kaXY+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24+PC9idXR0b24+XG4gIDxidXR0b24gY2xhc3M9XCJhY3RpdmVcIj48L2J1dHRvbj5cbiAgPGJ1dHRvbiBkaXNhYmxlZD48L2J1dHRvbj5cbjwvZGl2PlxuXG48L3RlbXBsYXRlPlxuPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHt9O1xuPC9zY3JpcHQ+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gbmMtc29mdGtleXMudnVlPzQ3Nzg5ZTkyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQkE7QUFDQTtBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///621\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjIxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL25jLXNvZnRrZXlzLnZ1ZT82Y2ZhIl0sInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbjxkaXYgaWQ9XCJuYy1zb2Z0a2V5cy1jb250YWluZXJcIj5cbiAgPGJ1dHRvbiBjbGFzcz1cInNvZnRcIj57eyduY19zb2Z0a2V5X3JlZnJlc2gnIHxsb2NhbGl6ZShcIlJlZnJlc2hcIikgfX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInNvZnRcIj57eyduY19zb2Z0a2V5X3Jlc2V0JyB8bG9jYWxpemUoXCJSZXNldFwiKSB9fTwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwiZW1wdHktc3BhY2VcIj48L2Rpdj5cbiAgPGJ1dHRvbiBjbGFzcz1cInNvZnRcIj57eyduY19zb2Z0a2V5X21kaScgfGxvY2FsaXplKFwiTURJXCIpIH19PC9idXR0b24+XG4gIDxidXR0b24gY2xhc3M9XCJzb2Z0XCI+e3snbmNfc29mdGtleV9yZWYnIHxsb2NhbGl6ZShcIlJlZlwiKSB9fTwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic29mdFwiPnt7J25jX3NvZnRrZXlfZWRpdCcgfGxvY2FsaXplKFwiRWRpdFwiKSB9fTwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic29mdFwiPnt7J25jX3NvZnRrZXlfdGVhY2gnIHxsb2NhbGl6ZShcIlRlYWNoXCIpIH19PC9idXR0b24+XG4gIDxidXR0b24gY2xhc3M9XCJzb2Z0XCI+e3snbmNfc29mdGtleV9yZW1vdGUnIHwgbG9jYWxpemUoXCJSZW1vdGVcIil9fTwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic29mdFwiPnt7J25jX3NvZnRrZXlfcmVzdGFydCcgfGxvY2FsaXplKFwiUmVzdGFydFwiKSB9fTwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic29mdFwiPnt7J25jX3NvZnRrZXlfYXV0bycgfGxvY2FsaXplKFwiQXV0b1wiKSB9fTwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic29mdCBhY3RpdmVcIj57eyduY19zb2Z0a2V5X2pvZycgfGxvY2FsaXplKFwiSm9nXCIpIH19PC9idXR0b24+XG4gIDxidXR0b24gY2xhc3M9XCJzb2Z0XCIgZGlzYWJsZWQ+e3snbmNfc29mdGtleV9qb2dpbmMnIHxsb2NhbGl6ZShcIkpvZyBJbmNcIikgfX08L2J1dHRvbj5cbjwvZGl2PlxuXG48L3RlbXBsYXRlPlxuPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHt9O1xuPC9zY3JpcHQ+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gbmMtc29mdGtleXMudnVlPzkxNzRlMDNlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQkE7QUFDQTtBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///621\n");
 
 /***/ }),
 
@@ -100,7 +100,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm._m(0, false, false)\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { attrs: { id: \"nc-softkeys-container\" } }, [\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"empty-space\" }),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\"),\n      _vm._v(\" \"),\n      _c(\"button\", { staticClass: \"active\" }),\n      _vm._v(\" \"),\n      _c(\"button\", { attrs: { disabled: \"\" } })\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-310affcb\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjIyLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvbmMtc29mdGtleXMudnVlPzQ2Y2YiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfdm0uX20oMCwgZmFsc2UsIGZhbHNlKVxufVxudmFyIHN0YXRpY1JlbmRlckZucyA9IFtcbiAgZnVuY3Rpb24oKSB7XG4gICAgdmFyIF92bSA9IHRoaXNcbiAgICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgICB2YXIgX2MgPSBfdm0uX3NlbGYuX2MgfHwgX2hcbiAgICByZXR1cm4gX2MoXCJkaXZcIiwgeyBhdHRyczogeyBpZDogXCJuYy1zb2Z0a2V5cy1jb250YWluZXJcIiB9IH0sIFtcbiAgICAgIF9jKFwiYnV0dG9uXCIpLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIpLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiZGl2XCIsIHsgc3RhdGljQ2xhc3M6IFwiZW1wdHktc3BhY2VcIiB9KSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcImFjdGl2ZVwiIH0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiYnV0dG9uXCIsIHsgYXR0cnM6IHsgZGlzYWJsZWQ6IFwiXCIgfSB9KVxuICAgIF0pXG4gIH1cbl1cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxudmFyIGVzRXhwb3J0cyA9IHsgcmVuZGVyOiByZW5kZXIsIHN0YXRpY1JlbmRlckZuczogc3RhdGljUmVuZGVyRm5zIH1cbmV4cG9ydCBkZWZhdWx0IGVzRXhwb3J0c1xuaWYgKG1vZHVsZS5ob3QpIHtcbiAgbW9kdWxlLmhvdC5hY2NlcHQoKVxuICBpZiAobW9kdWxlLmhvdC5kYXRhKSB7XG4gICAgcmVxdWlyZShcInZ1ZS1ob3QtcmVsb2FkLWFwaVwiKSAgICAgIC5yZXJlbmRlcihcImRhdGEtdi0zMTBhZmZjYlwiLCBlc0V4cG9ydHMpXG4gIH1cbn1cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi90ZW1wbGF0ZS1jb21waWxlcj97XCJpZFwiOlwiZGF0YS12LTMxMGFmZmNiXCIsXCJoYXNTY29wZWRcIjpmYWxzZSxcImJ1YmxlXCI6e1widHJhbnNmb3Jtc1wiOnt9fX0hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvc2VsZWN0b3IuanM/dHlwZT10ZW1wbGF0ZSZpbmRleD0wJmJ1c3RDYWNoZSEuL3NyYy9tb2R1bGVzL25jLXNvZnRrZXlzLnZ1ZVxuLy8gbW9kdWxlIGlkID0gNjIyXG4vLyBtb2R1bGUgY2h1bmtzID0gMiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///622\n");
+eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"nc-softkeys-container\" } }, [\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_refresh\", \"Refresh\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_reset\", \"Reset\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"empty-space\" }),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_mdi\", \"MDI\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_ref\", \"Ref\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_edit\", \"Edit\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_teach\", \"Teach\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_remote\", \"Remote\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_restart\", \"Restart\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_auto\", \"Auto\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft active\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_jog\", \"Jog\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft\", attrs: { disabled: \"\" } }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"nc_softkey_joginc\", \"Jog Inc\")))\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-310affcb\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjIyLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvbmMtc29mdGtleXMudnVlPzQ2Y2YiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcImRpdlwiLCB7IGF0dHJzOiB7IGlkOiBcIm5jLXNvZnRrZXlzLWNvbnRhaW5lclwiIH0gfSwgW1xuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJuY19zb2Z0a2V5X3JlZnJlc2hcIiwgXCJSZWZyZXNoXCIpKSlcbiAgICBdKSxcbiAgICBfdm0uX3YoXCIgXCIpLFxuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJuY19zb2Z0a2V5X3Jlc2V0XCIsIFwiUmVzZXRcIikpKVxuICAgIF0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJlbXB0eS1zcGFjZVwiIH0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJidXR0b25cIiwgeyBzdGF0aWNDbGFzczogXCJzb2Z0XCIgfSwgW1xuICAgICAgX3ZtLl92KF92bS5fcyhfdm0uX2YoXCJsb2NhbGl6ZVwiKShcIm5jX3NvZnRrZXlfbWRpXCIsIFwiTURJXCIpKSlcbiAgICBdKSxcbiAgICBfdm0uX3YoXCIgXCIpLFxuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJuY19zb2Z0a2V5X3JlZlwiLCBcIlJlZlwiKSkpXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnRcIiB9LCBbXG4gICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwibmNfc29mdGtleV9lZGl0XCIsIFwiRWRpdFwiKSkpXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnRcIiB9LCBbXG4gICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwibmNfc29mdGtleV90ZWFjaFwiLCBcIlRlYWNoXCIpKSlcbiAgICBdKSxcbiAgICBfdm0uX3YoXCIgXCIpLFxuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJuY19zb2Z0a2V5X3JlbW90ZVwiLCBcIlJlbW90ZVwiKSkpXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnRcIiB9LCBbXG4gICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwibmNfc29mdGtleV9yZXN0YXJ0XCIsIFwiUmVzdGFydFwiKSkpXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnRcIiB9LCBbXG4gICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwibmNfc29mdGtleV9hdXRvXCIsIFwiQXV0b1wiKSkpXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnQgYWN0aXZlXCIgfSwgW1xuICAgICAgX3ZtLl92KF92bS5fcyhfdm0uX2YoXCJsb2NhbGl6ZVwiKShcIm5jX3NvZnRrZXlfam9nXCIsIFwiSm9nXCIpKSlcbiAgICBdKSxcbiAgICBfdm0uX3YoXCIgXCIpLFxuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiLCBhdHRyczogeyBkaXNhYmxlZDogXCJcIiB9IH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJuY19zb2Z0a2V5X2pvZ2luY1wiLCBcIkpvZyBJbmNcIikpKVxuICAgIF0pXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW11cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxudmFyIGVzRXhwb3J0cyA9IHsgcmVuZGVyOiByZW5kZXIsIHN0YXRpY1JlbmRlckZuczogc3RhdGljUmVuZGVyRm5zIH1cbmV4cG9ydCBkZWZhdWx0IGVzRXhwb3J0c1xuaWYgKG1vZHVsZS5ob3QpIHtcbiAgbW9kdWxlLmhvdC5hY2NlcHQoKVxuICBpZiAobW9kdWxlLmhvdC5kYXRhKSB7XG4gICAgcmVxdWlyZShcInZ1ZS1ob3QtcmVsb2FkLWFwaVwiKSAgICAgIC5yZXJlbmRlcihcImRhdGEtdi0zMTBhZmZjYlwiLCBlc0V4cG9ydHMpXG4gIH1cbn1cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi90ZW1wbGF0ZS1jb21waWxlcj97XCJpZFwiOlwiZGF0YS12LTMxMGFmZmNiXCIsXCJoYXNTY29wZWRcIjpmYWxzZSxcImJ1YmxlXCI6e1widHJhbnNmb3Jtc1wiOnt9fX0hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvc2VsZWN0b3IuanM/dHlwZT10ZW1wbGF0ZSZpbmRleD0wJmJ1c3RDYWNoZSEuL3NyYy9tb2R1bGVzL25jLXNvZnRrZXlzLnZ1ZVxuLy8gbW9kdWxlIGlkID0gNjIyXG4vLyBtb2R1bGUgY2h1bmtzID0gMiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///622\n");
 
 /***/ }),
 
@@ -196,7 +196,7 @@ eval("Object.defineProperty(__webpack_exports__, \"__esModule\", { value: true }
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n//\n//\n//\n\nexports.default = {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjM4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pvZy1tZW51LnZ1ZT82ODMxIl0sInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cImpvZy1tZW51XCI+PC9kaXY+XG48L3RlbXBsYXRlPlxuPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcblxufVxuPC9zY3JpcHQ+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gam9nLW1lbnUudnVlPzY2NTIxNDk5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUE7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///638\n");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjM4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2pvZy1tZW51LnZ1ZT8wNjU0Il0sInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgPGRpdiBjbGFzcz1cImpvZy1tZW51XCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cInNvZnRcIj57e1wiam9nX21lbnVfYXNzZV94XCIgfCBsb2NhbGl6ZShcIkFzc2UgWFwiKX19PC9idXR0b24+XG4gICAgPGRpdiBjbGFzcz1cImJ0bi1zcGFjZXJcIj5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJzb2Z0IHNxdWFyZVwiPjxpIGNsYXNzPVwiZmEgZmEtbWludXNcIj48L2k+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwic29mdFwiPnt7XCJqb2dfbWVudV9yYXBpZFwiIHwgbG9jYWxpemUoXCJSYXBpZFwiKX19PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwic29mdCBzcXVhcmVcIj48aSBjbGFzcz1cImZhIGZhLXBsdXNcIj48L2k+PC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwXCI+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwic29mdCBzcXVhcmUgYWN0aXZlXCI+e3tcImpvZ19tZW51X1dDU1wiIHwgbG9jYWxpemUoXCJXQ1NcIil9fTwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInNvZnQgc3F1YXJlXCI+e3tcImpvZ19tZW51X01DU1wiIHwgbG9jYWxpemUoXCJNQ1NcIil9fTwvYnV0dG9uPlxuICAgIDwvZGl2PlxuXG4gICAgPGJ1dHRvbiBjbGFzcz1cInNvZnQgc3BhY2VkXCI+e3tcImpvZ19tZW51X3RlYWNoX2luXCIgfCBsb2NhbGl6ZShcIlRlYWNoIEluXCIpfX08L2J1dHRvbj5cblxuICAgIDxidXR0b24gY2xhc3M9XCJzb2Z0IHNwYWNlZFwiPnt7XCJqb2dfbWVudV9pbmNfcGxhbmVcIiB8IGxvY2FsaXplKFwiSW5jIFBsYW5lXCIpfX08L2J1dHRvbj5cblxuICAgIDxidXR0b24gY2xhc3M9XCJzb2Z0IHNwYWNlZCBpbnZlcnRlZFwiPnt7XCJqb2dfbWVudV9oYW5kbGVcIiB8IGxvY2FsaXplKFwiSGFuZGxlXCIpfX08L2J1dHRvbj5cblxuXG5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuPHNjcmlwdD5cbmV4cG9ydCBkZWZhdWx0IHtcblxufVxuPC9zY3JpcHQ+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gam9nLW1lbnUudnVlPzQ2N2UxZWI2Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBeUJBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///638\n");
 
 /***/ }),
 
@@ -204,7 +204,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"jog-menu\" })\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-c0fb6864\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjM5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvdW5kZXItdGhlLWhvb2Qvam9nLW1lbnUudnVlPzJmMjkiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcImpvZy1tZW51XCIgfSlcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG52YXIgZXNFeHBvcnRzID0geyByZW5kZXI6IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zOiBzdGF0aWNSZW5kZXJGbnMgfVxuZXhwb3J0IGRlZmF1bHQgZXNFeHBvcnRzXG5pZiAobW9kdWxlLmhvdCkge1xuICBtb2R1bGUuaG90LmFjY2VwdCgpXG4gIGlmIChtb2R1bGUuaG90LmRhdGEpIHtcbiAgICByZXF1aXJlKFwidnVlLWhvdC1yZWxvYWQtYXBpXCIpICAgICAgLnJlcmVuZGVyKFwiZGF0YS12LWMwZmI2ODY0XCIsIGVzRXhwb3J0cylcbiAgfVxufVxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3RlbXBsYXRlLWNvbXBpbGVyP3tcImlkXCI6XCJkYXRhLXYtYzBmYjY4NjRcIixcImhhc1Njb3BlZFwiOmZhbHNlLFwiYnVibGVcIjp7XCJ0cmFuc2Zvcm1zXCI6e319fSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zZWxlY3Rvci5qcz90eXBlPXRlbXBsYXRlJmluZGV4PTAmYnVzdENhY2hlIS4vc3JjL21vZHVsZXMvdW5kZXItdGhlLWhvb2Qvam9nLW1lbnUudnVlXG4vLyBtb2R1bGUgaWQgPSA2Mzlcbi8vIG1vZHVsZSBjaHVua3MgPSAyIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///639\n");
+eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"jog-menu\" }, [\n    _c(\"button\", { staticClass: \"soft\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_asse_x\", \"Asse X\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"btn-spacer\" }, [\n      _vm._m(0, false, false),\n      _vm._v(\" \"),\n      _c(\"button\", { staticClass: \"soft\" }, [\n        _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_rapid\", \"Rapid\")))\n      ]),\n      _vm._v(\" \"),\n      _vm._m(1, false, false)\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"btn-group\" }, [\n      _c(\"button\", { staticClass: \"soft square active\" }, [\n        _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_WCS\", \"WCS\")))\n      ]),\n      _vm._v(\" \"),\n      _c(\"button\", { staticClass: \"soft square\" }, [\n        _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_MCS\", \"MCS\")))\n      ])\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft spaced\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_teach_in\", \"Teach In\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft spaced\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_inc_plane\", \"Inc Plane\")))\n    ]),\n    _vm._v(\" \"),\n    _c(\"button\", { staticClass: \"soft spaced inverted\" }, [\n      _vm._v(_vm._s(_vm._f(\"localize\")(\"jog_menu_handle\", \"Handle\")))\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"button\", { staticClass: \"soft square\" }, [\n      _c(\"i\", { staticClass: \"fa fa-minus\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"button\", { staticClass: \"soft square\" }, [\n      _c(\"i\", { staticClass: \"fa fa-plus\" })\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-c0fb6864\", esExports)\n  }\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNjM5LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL21vZHVsZXMvdW5kZXItdGhlLWhvb2Qvam9nLW1lbnUudnVlPzJmMjkiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcImRpdlwiLCB7IHN0YXRpY0NsYXNzOiBcImpvZy1tZW51XCIgfSwgW1xuICAgIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJqb2dfbWVudV9hc3NlX3hcIiwgXCJBc3NlIFhcIikpKVxuICAgIF0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJidG4tc3BhY2VyXCIgfSwgW1xuICAgICAgX3ZtLl9tKDAsIGZhbHNlLCBmYWxzZSksXG4gICAgICBfdm0uX3YoXCIgXCIpLFxuICAgICAgX2MoXCJidXR0b25cIiwgeyBzdGF0aWNDbGFzczogXCJzb2Z0XCIgfSwgW1xuICAgICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwiam9nX21lbnVfcmFwaWRcIiwgXCJSYXBpZFwiKSkpXG4gICAgICBdKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfdm0uX20oMSwgZmFsc2UsIGZhbHNlKVxuICAgIF0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJidG4tZ3JvdXBcIiB9LCBbXG4gICAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnQgc3F1YXJlIGFjdGl2ZVwiIH0sIFtcbiAgICAgICAgX3ZtLl92KF92bS5fcyhfdm0uX2YoXCJsb2NhbGl6ZVwiKShcImpvZ19tZW51X1dDU1wiLCBcIldDU1wiKSkpXG4gICAgICBdKSxcbiAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnQgc3F1YXJlXCIgfSwgW1xuICAgICAgICBfdm0uX3YoX3ZtLl9zKF92bS5fZihcImxvY2FsaXplXCIpKFwiam9nX21lbnVfTUNTXCIsIFwiTUNTXCIpKSlcbiAgICAgIF0pXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnQgc3BhY2VkXCIgfSwgW1xuICAgICAgX3ZtLl92KF92bS5fcyhfdm0uX2YoXCJsb2NhbGl6ZVwiKShcImpvZ19tZW51X3RlYWNoX2luXCIsIFwiVGVhY2ggSW5cIikpKVxuICAgIF0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJidXR0b25cIiwgeyBzdGF0aWNDbGFzczogXCJzb2Z0IHNwYWNlZFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJqb2dfbWVudV9pbmNfcGxhbmVcIiwgXCJJbmMgUGxhbmVcIikpKVxuICAgIF0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJidXR0b25cIiwgeyBzdGF0aWNDbGFzczogXCJzb2Z0IHNwYWNlZCBpbnZlcnRlZFwiIH0sIFtcbiAgICAgIF92bS5fdihfdm0uX3MoX3ZtLl9mKFwibG9jYWxpemVcIikoXCJqb2dfbWVudV9oYW5kbGVcIiwgXCJIYW5kbGVcIikpKVxuICAgIF0pXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW1xuICBmdW5jdGlvbigpIHtcbiAgICB2YXIgX3ZtID0gdGhpc1xuICAgIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICAgIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICAgIHJldHVybiBfYyhcImJ1dHRvblwiLCB7IHN0YXRpY0NsYXNzOiBcInNvZnQgc3F1YXJlXCIgfSwgW1xuICAgICAgX2MoXCJpXCIsIHsgc3RhdGljQ2xhc3M6IFwiZmEgZmEtbWludXNcIiB9KVxuICAgIF0pXG4gIH0sXG4gIGZ1bmN0aW9uKCkge1xuICAgIHZhciBfdm0gPSB0aGlzXG4gICAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gICAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gICAgcmV0dXJuIF9jKFwiYnV0dG9uXCIsIHsgc3RhdGljQ2xhc3M6IFwic29mdCBzcXVhcmVcIiB9LCBbXG4gICAgICBfYyhcImlcIiwgeyBzdGF0aWNDbGFzczogXCJmYSBmYS1wbHVzXCIgfSlcbiAgICBdKVxuICB9XG5dXG5yZW5kZXIuX3dpdGhTdHJpcHBlZCA9IHRydWVcbnZhciBlc0V4cG9ydHMgPSB7IHJlbmRlcjogcmVuZGVyLCBzdGF0aWNSZW5kZXJGbnM6IHN0YXRpY1JlbmRlckZucyB9XG5leHBvcnQgZGVmYXVsdCBlc0V4cG9ydHNcbmlmIChtb2R1bGUuaG90KSB7XG4gIG1vZHVsZS5ob3QuYWNjZXB0KClcbiAgaWYgKG1vZHVsZS5ob3QuZGF0YSkge1xuICAgIHJlcXVpcmUoXCJ2dWUtaG90LXJlbG9hZC1hcGlcIikgICAgICAucmVyZW5kZXIoXCJkYXRhLXYtYzBmYjY4NjRcIiwgZXNFeHBvcnRzKVxuICB9XG59XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvdGVtcGxhdGUtY29tcGlsZXI/e1wiaWRcIjpcImRhdGEtdi1jMGZiNjg2NFwiLFwiaGFzU2NvcGVkXCI6ZmFsc2UsXCJidWJsZVwiOntcInRyYW5zZm9ybXNcIjp7fX19IS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3NlbGVjdG9yLmpzP3R5cGU9dGVtcGxhdGUmaW5kZXg9MCZidXN0Q2FjaGUhLi9zcmMvbW9kdWxlcy91bmRlci10aGUtaG9vZC9qb2ctbWVudS52dWVcbi8vIG1vZHVsZSBpZCA9IDYzOVxuLy8gbW9kdWxlIGNodW5rcyA9IDIiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///639\n");
 
 /***/ }),
 
diff --git a/Step/wwwroot/src/modules/nc-softkeys.vue b/Step/wwwroot/src/modules/nc-softkeys.vue
index 794d7a53..1aa84823 100644
--- a/Step/wwwroot/src/modules/nc-softkeys.vue
+++ b/Step/wwwroot/src/modules/nc-softkeys.vue
@@ -1,17 +1,17 @@
 <template>
 <div id="nc-softkeys-container">
-  <button></button>
-  <button></button>
+  <button class="soft">{{'nc_softkey_refresh' |localize("Refresh") }}</button>
+  <button class="soft">{{'nc_softkey_reset' |localize("Reset") }}</button>
   <div class="empty-space"></div>
-  <button></button>
-  <button></button>
-  <button></button>
-  <button></button>
-  <button></button>
-  <button></button>
-  <button></button>
-  <button class="active"></button>
-  <button disabled></button>
+  <button class="soft">{{'nc_softkey_mdi' |localize("MDI") }}</button>
+  <button class="soft">{{'nc_softkey_ref' |localize("Ref") }}</button>
+  <button class="soft">{{'nc_softkey_edit' |localize("Edit") }}</button>
+  <button class="soft">{{'nc_softkey_teach' |localize("Teach") }}</button>
+  <button class="soft">{{'nc_softkey_remote' | localize("Remote")}}</button>
+  <button class="soft">{{'nc_softkey_restart' |localize("Restart") }}</button>
+  <button class="soft">{{'nc_softkey_auto' |localize("Auto") }}</button>
+  <button class="soft active">{{'nc_softkey_jog' |localize("Jog") }}</button>
+  <button class="soft" disabled>{{'nc_softkey_joginc' |localize("Jog Inc") }}</button>
 </div>
 
 </template>
diff --git a/Step/wwwroot/src/modules/plc-softkeys.vue b/Step/wwwroot/src/modules/plc-softkeys.vue
index 7a6ca1b7..caf2c081 100644
--- a/Step/wwwroot/src/modules/plc-softkeys.vue
+++ b/Step/wwwroot/src/modules/plc-softkeys.vue
@@ -1,12 +1,12 @@
 <template>
   <div id="plc-softkeys-container">
     <header>
-      <button><span class="number">1.</span></button>
-      <button><span class="number">2.</span></button>
-      <button class="active"><span class="number">3.</span></button>
-      <button><span class="number">4.</span></button>
-      <button><span class="number">5.</span></button>
-      <button><span class="number">6.</span></button>
+      <button><span class="number">1.</span><img src="assets/icons/under-hood-png/cat-1.png"></button>
+      <button><span class="number">2.</span><img src="assets/icons/under-hood-png/cat-2.png"></button>
+      <button class="active"><span class="number">3.</span><img src="assets/icons/under-hood-png/cat-3.png"></button>
+      <button><span class="number">4.</span><img src="assets/icons/under-hood-png/cat-4.png"></button>
+      <button><span class="number">5.</span><img src="assets/icons/under-hood-png/cat-5.png"></button>
+      <button><span class="number">6.</span><img src="assets/icons/under-hood-png/cat-6.png"></button>
       <button><span class="number">7.</span></button>
     </header>
     <div class="title"></div>
diff --git a/Step/wwwroot/src/modules/under-the-hood/jog-menu.vue b/Step/wwwroot/src/modules/under-the-hood/jog-menu.vue
index eb668fe8..29015ce2 100644
--- a/Step/wwwroot/src/modules/under-the-hood/jog-menu.vue
+++ b/Step/wwwroot/src/modules/under-the-hood/jog-menu.vue
@@ -1,5 +1,26 @@
 <template>
-  <div class="jog-menu"></div>
+  <div class="jog-menu">
+    <button class="soft">{{"jog_menu_asse_x" | localize("Asse X")}}</button>
+    <div class="btn-spacer">
+      <button class="soft square"><i class="fa fa-minus"></i></button>
+      <button class="soft">{{"jog_menu_rapid" | localize("Rapid")}}</button>
+      <button class="soft square"><i class="fa fa-plus"></i></button>
+    </div>
+
+    <div class="btn-group">
+      <button class="soft square active">{{"jog_menu_WCS" | localize("WCS")}}</button>
+      <button class="soft square">{{"jog_menu_MCS" | localize("MCS")}}</button>
+    </div>
+
+    <button class="soft spaced">{{"jog_menu_teach_in" | localize("Teach In")}}</button>
+
+    <button class="soft spaced">{{"jog_menu_inc_plane" | localize("Inc Plane")}}</button>
+
+    <button class="soft spaced inverted">{{"jog_menu_handle" | localize("Handle")}}</button>
+
+
+
+  </div>
 </template>
 <script>
 export default {