From 76c99094fd7c87475867aeba2095ce4aad21bd6a Mon Sep 17 00:00:00 2001
From: Spitap <dev@asdrip.fr>
Date: Mon, 13 Mar 2023 16:57:16 +0100
Subject: [PATCH] Updated favicon, edited settings logic, specify type of
 parameters

---
 frontend/public/favicon.ico                   | Bin 4286 -> 10127 bytes
 frontend/src/components/layout/BaseNavBar.vue | 149 ++++++++++++++
 .../src/components/layout/ExtensionNavBar.vue | 154 ++++++++++++++
 frontend/src/components/layout/Navbar.vue     | 192 ++++--------------
 .../src/components/layout/SettingsDrawer.vue  |  86 ++++++++
 .../components/parameters/ParametersForm.vue  |   3 +
 modoboa/dmarc/forms.py                        |   3 +-
 modoboa/imap_migration/apps.py                |   3 +-
 modoboa/parameters/api/v2/serializers.py      |   1 +
 modoboa/parameters/tools.py                   |   9 +-
 modoboa/pdfcredentials/apps.py                |   3 +-
 11 files changed, 449 insertions(+), 154 deletions(-)
 create mode 100644 frontend/src/components/layout/BaseNavBar.vue
 create mode 100644 frontend/src/components/layout/ExtensionNavBar.vue
 create mode 100644 frontend/src/components/layout/SettingsDrawer.vue

diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..985be6b035613a73a23e7c8fbe7f5ded40f8d7fd 100644
GIT binary patch
literal 10127
zcmWk!1ymGW6rSCsySt>NQ$Sj}YYFKRl<tmQQ0Xp_1`$}g7bI311QAK4yQCBZr2hS9
z&YYQZXWra=@4k1x2LK@S`Tqd|Sb$(I0H8uY$LZ^;5#rI|p&tn~)RhhYfBXN1gN43X
z`cygr0GEP>vLZC-=h1R-3xjd%)!9iMqR_*Mq{u))kv8))7Y~sPB_%eK9wAX>Y&=W4
z-zvSMNR&v`8ce%m`I3_p#**<{Ul~I=B9=Uwn?*U*fYy-&j7!_u`RU--Dzi!<NOWa!
zwxaVUZ0-Ql^|95bo4Ft12Lv}bx+l^>+pkf?A0Ii<jfg?9q1?DvQB)M8Wf&}&EUGP!
zzbT80uo4z?=u`VuDQ3r}Rg{fRaD;^#y4{pXZL+mNynZ^W`%0PTkq<BOG!gdAq5Nz`
zZ2|7Ozj%eA!LWxV*V$fP68TG!>bqu4F}PRjyeKMzn|OV{yK<=-<FabZP;{gEsD9wN
zd=Aj5UbjSWs;!%airz<bR<qVC1rat73ek?#{xzRPPB-x=DzoF3s(iNyQeLk|F;=dy
zvj+0aD4M&pP^M5N9i4pFKw_lYT}LOrd*+Kb#)&g6)D#`t^W09t)*@Y1pt`&1ndwbM
z`Z>it!4k}e{8U0F*gR2YnQm0V4SR92$!}V668G&vp6!+~Dj8LW%7e`V!HbQpqnoHA
zSRPDT;W(je&AQ;^ljAo#0g&Ts38ek|l!qtAD+FEdx2PlN(`~M;+bEFKNb+@JaIdSZ
z1+u_*FzJyWObf`~8Y7ImL**bZ==82)`>au4U^;sRHvf`ZDT2t5<VdLR$_tusRo1d8
z^-+%36iAG38rW4B9jdtR@O}p<%j0*EzEl6cx4g<`r|v{sXo%E?3O;irJ*bUU{hfBS
z783Vq{VBU?ot|jWB5tR|sm5!5x8WI;1C%G+7oNv<?m45$zo>Wt&H)UmG7qO!w%qYf
zAb;6&^8$xd;d$^P&^+loc@<}Z8F%d22}`hgoczMVv&0DSdN;~dgKA6is00;`I-%(J
zHq-5TQIl_xC5a^fYBA8S3k}kKw!MkcPEWhVZQDGsBR!??ijL10K=i83C>u-IB1<g6
zFQbc_`miH;5T4lAWPJj+u4%~`au7aH2hBKlU$;SP%l82NWz=%<W+rcppy5;?ER1O(
z+A*oyVUirjIpKF%cHD`rUsRsB8FmgZbnx;b%DF$Vq)Gl1l<t3}8?Xe*kJ(c(XgyCo
zvTYjUfC-;|SvSFH#+1WxbC+gvu025Ma2u~VPpLP)k}j_C#<hi9+q{e~k{~y}PVGxW
z1t@$Du>2ZAn@;)Gl<qvpW(#i8y5~etxJib3`|de0cybYIstg|P1qoXo0f_PQZS5l%
zCV2%~8TF}<c|o$bKH+#H)~pPKziiRWmP`O@;7=6HqF*#VT=vBt8S3d(^u>|N3!Ezo
zp}_zdU5jP#OsQ&+9Dc>$qbH6zz#NL%4Fg4BAd9yUx3ZePSYL=CV6;x}-Fg+c_<3QC
z426FcBgU!eNQ5ax@h<)*Im8MdNjod`b`4APyNy=-^2A;Kt^O}s_a1Q8COjpLV$$#5
zFeH|NpGV$v_V*We?CHk>AfTh9Gi6K~dX3j0t?|aP;(-sMOYRp@Z4xpQAXM<}5?29B
z9H%8XwKOJm{7Cw)7S|HNv>F?e5V%0Z>3&xLjC~{tnsCr}0_XiC8Xir=LDFWim8yEN
zIscQj80r!vS7`j6Zo=Ts+QWbymi&P|XR}6E@x){{w~%YT9nt+9UU@>M(AWgE$Fl&2
zdBU(H26t<s`{ZTpVn=#Q#Rcbm4>A9FG*qj2hrY?6BtnTtILl&Ke;lj)cedMA(y$x<
z>D-tYB`6U<G1Y;Rb|2pGD;PwzLurz#2Pxa4U*+^@0Qa^I*anOoQYO_WA#%DFGWZPD
zV^KjL7RV`MLgYYKS^E0Ht+9omF8ukcg0reJhLXM?-n9!ClyNsD!fsrptL%^GXNimE
zHB52WrNP)(Ss|kVLYuSGgni5e?Ua(aAAC|aTfShdVWdK$$HwZcMOK<qfDTRHPW!JI
zE303MrW+56Pz*L(x2mn*vJNpqn(f9drKC=~?bgW8PZaZXon=b*?p2Yx)#Y`I8VkND
zKt#E?@M*UcO3gcIRbzFB)$q^2;%ESi!;}#&DsPq#$0@RyfM6kcc%OVMz}{~_Fs8nZ
zact-y7b7+A2Zf#=)}E<4Ua+Jt*AY*jgm1K+X~DlGQC!rOlWF>XPtHQ};J%jJX@qey
z&f5bcckJep5LS?Shn&?K#TsRsgZDpk&{aO&bu82*U{EfjP7heIbtn~F@kY__%|0ir
z$kQgfLe#I&M@1jz_A-BZ3JS_{vWCjzcM>0GGI2>;!@bh6R?vafBxjWe#5XHVQvY#+
z_rqSbZF=WZ2gMX~d3niBTf}~P0%}pVt{Kxn_DdDGk=d$}jPNbOYqU%`VN3dKf{juX
zK?z4@49<+4kRp7Zb&od4^SnB30MSLCmAg#WJ8fzW$@I+{azfKH>Rc5*>xc7xbAV}}
z<<BP+Q!;kma(a`SNB0YXp)ZMiKA?{If_f>lXj&GFWQWDAs9sFOe>K1u9Q(&9aBUO$
zSia)Mt(J9okWkR58&;<YRLT%65y&`5Qw;yWAw3Nw?Iu$CNJKjd4Rnkq5a8Vr>rE-e
zhSU#VVCB2raCv2wRt$NEN&n$Q9KlTH!*SQ76wB{5QzyYiLq{O5reUC0S&F=fw{+bt
zo9yH#2Cz0sq*b_1h=9Uqkt?taLSmf!y3!oA+3%}v*v$e~1;GDii(}>F{k4zF^|DDs
zsDUwOI*`H)WLd|$`g?Y1wkGR+TeNu*+BMZz+i$V8si)Y~T|hnWJm|OlI*oB|DJ9wF
zmfrNNx~cY;Ys((i>rAr4jIoG_qO&KNc%ZOAh?UK!<<S;w*u#ZP)sq-};zc4ShYL%v
z*`VOO4JWH83<973fsQUIUbq&;*SU}PU-|aFZuW;h0RdjIxKWiIvLm44qW)Ptzac%v
z2k?qUac`o_V1*mD7*lrv0JAKAd|&`2?^QYN!Ro|6ZbbbEdg}=K8H`gAd&cCNw8gfl
zm}EN11=|f@P}+EGJ%hkuP-qH3wKHZ+Q)YuCz+7t9hfm*f`M(H^)cMB)0w_`}ISt+|
zQf}L35~GKh<k8U<dGM}Mm<KfPwB^Y5XYC0Yil?K*E1qrz!l3Qr)38}{OuKf&n!kvk
z@@!_*HvfkfT&QLIOYW_f_+y?BjL}^1-CcpCPUa!0uHh8@rpv3`BiQ#Xj{uf;j5`Lw
z;;Jc_D-i90aEUukFq2Zt$Ad}g@n(bCcU1+Uue>C#UE-VjaSg^J*j=&j$wy{Z+_}W{
zz`a6a?MYL;LiN%nXRXm%fa_XLzq{<ZFW$`>g6L8NGon_g=-ro%;K8gm$blGoT<_zR
zz%P8)4v2b76NXMjD^Om&g7U7oO4C@>xMhzTzfZ3g6D<fESMN!Swn-4tQX#@P#<pMd
zmfCD`8D3FAt(1!7cMQoROUsV>G}#Dvl4{`^Q7h93%EKr23pDq({c2q~adEu_VFU{p
z?b8j5uTiq7(MF7%AaBt`HEfZK8fIwU==&KWOGm_;<QkD*LEuv-alFC`wT$uJ6d*^r
zb;IT<<FMJ5bNg@3Cnt~s%r3@}^G3a|55YLw_LCXYd9!_NZPCFcOVsqi?zvV9e<8Ug
z4WX92OY?EAfifVBEHC^uxAfXhK;lt;S)(;WN_MBc!yEZ(IV+hTF&`Ly9J&v0))+G)
z8P45CL+4v`c^y4)J@u<RlSZ8N<#65b2Pzq8lPGi#2QH-ZfH5Ap*eb?9t@Mt+#)X&>
z5TDM<+fLpm&l&0>NS*`$a>Tz<q$}AiGNl#tsJf~x*xqot#r*N)xqt)D#kX(G@5M)I
zP=r&WZ`ys~ALMpsrZCn_>E3LK*~q>keDEdUBi-U^99TU)yPrZ(i5B2Q`B<GgMxhp=
zQpt`-usr^TVL(eoQp;fnZ)a+5PvPV7BhLl{l7;8cUT{~&R?Oy`qf>A3U+CGTr-pQ4
zGAGQoK^SwE7uH_4`9K9B#tX9`%pp_OQ|Tuc?Pjf(oXLEvnul><Dpn=kfay_TS5XVx
z!}j8ardQv0KyneorrZ)yX6M^@H@F1pZqF<%ZY)Z?!Yp|sB#w|z3xELSixjtodPj1k
zp{*T7uB-pOf+^p3oUscl(kdVnoGU}pguR^X1u870oZy#zCH;;Xk0)ur_<=AJZuMkM
zUKlmm<#g;Yff<3=q+-+pKHFNs6ro=iMh@lhER*-73|jrdD>fKYmTVo!5TTEuu!kl_
zJz@(2^aKhMJ%Per{M?lqs34n~{_F9m?>&>-Qq2@2%Z+MlU#XbGFH3OcYw$nvRO00I
zPGK+RF-)HE1lPgH0G{JUI?15&d4jGS2s5>$wv}gbfjM3;<yA8LP^b1?2V*EYSJDrT
zKibFDb>2L=u7H(PnsjkbNJ?h|j!t5;mt`ubFGE*Un!nAws=2u;PjA%mztE;>^X~*b
z>RsZF->Zh#gHIq>URn*qJm5lwb20L3XN|9XNiogM4uTTW=LGlAxXo}Fo5oPoP;<#I
z`l*?|#{73HvMY`BQ}wS;$gds=l@of-0}&WL@9_c$XP+%pO$wX5(UcT^s|UgcNrQqH
zh5d6Y;I7JB%HLFKT>|Lj6okx*z`r>&1=Ia57aKFq$uc#?47J_qn$g*N`}7b;?fc5B
zrW^R1(%VXL!?0qbq8Bo^K36=XP9SE?wiZS`>R9+{Nq+4+t&KGJb{iz5@Gd8)1Gij)
z=ijSz4EffilOCLNBZFGMQ1kUbAA&WWweH83&5AybSI^T-kubYgeg~pSS>uWEJ<Q#Z
zE&Srp^*N%NiD+&%9Qo0ukBlspViMSYg3}#)l<;yYA<XeEgEk*8XrHD7Q9j|m$^u-^
z&oZ+ISt3cMPL$s)d7e|q8(9rdk4?r8#QuN^hsJpk)M=g_9I!91PRp<bKG}V-OIojw
z%R%+K_#tVG!PfaZpQxY+JL{?|;jYp1`ER+5?yU76WGC+rn;!4oKs&w>mu>oF4Snf;
z&MO+K{?b?M+e`Kb3dAn`WTb?UreUnebR6#s!ZlsEqLPf3gU5v7=4DJ@6uiLTtI{?$
zs_sMh(CY(N;g9d;76U(Er&iAp>u-HRwdh)&NVP{5^0D^17$>9zo_0E<)4T0JCqm&$
z@b=Vks`HE(*q4DnJ&SZ-<zGs_+m({cWJ#?hx#J#l8<NWqr;^|nVXLDw%>8#f&ZfX|
zi*@?q>FOXMya>E&k9<PM@3b@T=<cJmzT<L5(ZJkLb`<o~7Sju}??(+mUGi5v5o13N
zQxA_)`@dL!F#{_8__Gu$zQ}p`;q+2$Mdkv71Ztv-;hDMhwr!gkr3W3S_4Y4jyQvx8
zhP{ZW%Zw~2Ey9%3Iyn~WVw9xZMu=5(4mqCUu1XmFB`MK1ys<;Hnklb58u7H44O^Ut
zd?*BbvQ8=SoWUoWH|B>^0MoN=zs=y?cvapF^S0_<tSm1P^nz0uMZcfa3c=%3JGYcM
zq0l~8hZdyfhW}G6-%k+EtFBOs3d0Bz&aRfP8qu~@wB&CI597X26wxWXvB~`F|3m?_
zfHh^Lyh)7jV_(Ox@~gU?mBBsI$vvjhB<zXJE6e5I<3(X?(d^E2J(<S^{ARef8gJ^W
zPNhX9q#<FGjAYGK@jYs?cRV8jjvs#IRsJCQ%=QMfp_`bl_sC-Rgp#95wIu;>SDEYq
zR(AfR=W#AWxaS-mo($#Zvk0j!y7h$g^N&sE1$8Ol1PTF?7k2rLY^~8HJM7|45-P;1
z*MRy*vKsEivi<WpX(23<h*U>hFBc=)O+R|CG`emfCVp8*>30`r&M`&<LXd5i^iI6z
ztEQ*yUZkbFFT97Xg`f|5i3|#czb-i1HlHVi!U{^w8;@K;-@Ai}!hYh%m)|LV)xLPT
zX^MRhK)cNZCciKJd9N+QcizWoQ4&TWneTQimI$MVorIM3x;Xtx?C#S?RtYnF7+pIL
z@cSqsW1^LK;%T?D^RtKG=`2PnuS5dR4$j))E9(j!f(FY}8#;34-C!TjYLhXjaW3`m
zFLtDkT%@weju1_z8`-FLTc(j_XH=zA8$pgN<VK+p<&Rvt(szeHl`$waJ+7wbk*+_L
z3Gg6lkL=Y#L^G(0=`~Sz(g&d&Rpj{!FSTriXb2>TooYvB{;VBrq}f*<+!@Gt+NAcw
zRA3XN7Zs!ttRtat&*9cv`R4Cef1;D3Vvo0i&uF>jF;<iV#Ug-7Zb6;RB%`ChL8Vg0
zPc;6}Jtnd3WL;IfCMlGkWJcJ~66a(u5V`4$ztq(+G!7mRoR8#SeX#~XeUYXaLLA@c
zek`ZXyZ-UiL9p_5y$FJtT`IxeV(}~yUa5J>0hD2YGp4&#<HOQ1S)}9BY%roPe9K(+
zc@`CGwPXxC6P||zt%=vMJT_g4D|nj%;8O_1yAFoBMPgU~!8#<D$x2Djbbk<Ry36nV
zn!@^$M|R&Y6nI&z{xc8uy$$yi7aD+G50rCPsIm>Z)f(F@SBl-0Tp`RX+JVrr@kdqC
z-;Rg7IlUhDRoQnfmZgO`B?o;Wd?Eu4Fep=d^pB|1b<9sk`2#*V3~{AC{}(XfVo!QW
z)pvYv8$?#x`%SfBCQLA=Lq$2s&IZnf9u9K7Yv!*CFJGw0tNPG<2_jb{M-pFU$9HJU
zJp2&Lu1r?(XdoT%z9qBO7sh6Bdv+=C-n^iKr;6{Rmj8fc<xD%)HD$NyH77VC(dTVx
z!baNn<~E3Vj%`Ds+6%okq4cuxp{G|DIHyK4`3y+}jtFWBXy1go)3apuD(SR1<1lx!
zvRfg##}SBS&wLl~Dern4Si;ViO{KFC<16Xa{Y?4N^;Ynp_AObRj)zcw-Pk?5?`r*z
z*oPJ(OGpz-$n$%j<gdDq=HQ=0N?vVQ;S^yxrT)DSlP1_JH>f>N3+VM8lZ6ch6t{m{
z3|(Yfn?$`)y%p6FZyyLyIP@D4k*D5XDIV>K(rfHlfi>ZjeB9I9G~X9qT(1|PsX2k&
zuhtAxwQXvo86bJ;C@)<u=__P-5YIgQ2j|#X_DwtwNh1};E<82+KXE>7PK~=hiS!-%
zfW(xz&N^j!U6kM>c8XQ_P*a1#Q=WX*&4Y+cQPa#_Xv`_1)a28Cc155`8$@|jh01%u
z`k235uLGOJL+|(D0{)_z#A{GCm^xu(AImq=a^l$KStR#)SWu(zIF_7J6IBo9tzy<D
zX}54)mWXI4GxUI5`2{s)GGs;d`>A_<*ss@H18e5q?P%S9;;zlIt1x%^-}}oPLv$(E
zcWYgQZ}Jky*7IcT)Ym=GJvZfpQIrdxj}osh;y$_ZSgon2gxV?l$sE5y?bW}4-d9{?
zDAte%VOw`rbdF}2v7}8RsA*vQ_H;r&MXR}$|0z0U)Ro?(L)Cu1gMYF1wSe;W)Gd3y
z|0~%1joGTD6&LmZ3Q+0djefpPJ2f`so-fKFTDCWtQ9cy8*NoZwd_heZI~}TYunph3
zFi8KG?Vb|=7Gm#>>XuV)mJ`JKJGg1}`NOT0`Kx@Qf7+H`=FUu>uQ7kektvgQ$*7O&
z$@owTm4Ap;_>K8Nglaktqapo#5@Qcb$`&8G6MIm|6DDhlTmMC6=SS8b?4}=Vdmo}r
z|8<~>>e3<%*Ao(tl$Wi`-y4F}Z+^&dKEC;Nt3|Ya0p8`!|4Go*9=cswpMv#ef=J>F
za?&4v4_pyxEGx}l6$xfBX1}V3#43ukii;_6rt%F1=WtD_7}gchr(_;CF+#b5MU`yA
z0_NXM;)LPM8(HRgFhWS84?#7Pys&;{$CP3+fpb==Ua8*HT5>O=RA#((p||}S*(V-x
zH-k3RDxF>g3Q&7We_7bYmy8<Dr4@{Spxz}(#c$H3X}^jbTZC_)`|J7MV@wW&()Syn
zOpqCA60h-oYtwn=AJD)`NypN~>Zg=mJAOKjOxQEVQNzqS%~E`!qBmZ=g+)(3n9&~G
z*g=wY0$SXpdw6R&_@RlI?MM;D`D}-HXPoBI<7Ym6Ubt7-7~4YC+lcvk1R1n%9&um_
zXP(OCQRyBk{+%MWBDoyJ^2~_E!nwykXC7R^@+*s;fO;rzOHjh*Pp8un%%-ka{n#b!
z{g&;7#6ogK!sC&$S6$v?;vk)A@)KN%PEi4J7;)wA5Kr$vY}Qh@0b+(-(*gR2WSRXk
zrxCA}G=`ppTzF0E3S(tx5*L$mL5}eAi~jomQ&#r*ezuR*t&n&LmHBxOVH@U=pxLoM
zr|b#wrC5$(5572*OARnDO><+K6l@7sttF4le}Sw*1>mZWg%@o++GXpEk>_oZ3p}2{
zlkH{js2Zb|$*QK5g>9Lxir@bYvIOgtGbwSk?F)dYre$M<{2;^&O0VZ3yV%>Oefj?+
zX4QNd1)mvm$7DFz39c#F28NX3I1i27u_wTP){)bO2qSZ0nc7N~Ecvs)H#YB{PvrRj
z-uP@A-fs2|dz?ec`-k{Fbg$G=TH&UA6+#k@m!&<MeklCR2f4kzkt=)WbNA`{?}%U9
zFU8gH+<Ra7Y`=B>Hla+Td`&URBR79K-HI~>9SSi#0V(sE@?oJ%)Hb*aD#}!;^S%_;
z^qKvCXVdbk(B685$4rH!yAm1Il$*aY`si|;xQWza27L`N&^FYQYi>OY89~gxF4CXk
zB~8ZRxj4E_IY2sv-uiTJ-ApXQ?34wS7jp0U{y6oMv#!Yd``PDk!Um$*vCW<q{2^O&
zWpN&hd|mWq!cy3u&lAm!QDw_aagysX+c8~)^K#O6^}`A2-^0+X8)d)8sbgoVU(InF
z=to><E+2-O-Nuvfc_Y6(o}QDp5JKAf=yp%?hS4p6OlL>4LzP=Tkt?{3Tfqer;HCi^
zAzyoQvBLDBt8`-V@^eako|@xj2CY|J$|TT((xJ)Vo*z0{4zslz&AMw(h&5`(LWfQE
zcX-x=@tBAGAGwR7!nwIvElI^E?5PM|+HsH5_nY9^ut@1H&Tce&O7+E*x}5!N5%|_I
zROv%r8X9>1{_Fc7R2vRHyyzy_Q+ez{Epfd7PZVC@hP`)N^hrg0R$PqHEir_AR9itl
zC-7@JgOHLfwK9{@0_J6Yk$5C!8j}W~O11t+Y;PvnYWfF>#rM$R_De8iX}N}~NcRsb
z<6=z-!vFJaVdk8ev~EhU=C|ID;c3Ynu$K`ANh6b9xG3)@1Dll}tS?KN7sUr3WKW@L
z_4|^`!@y<Rz*52AH&5RK?8!Oc-s3HC#tQsej0hcf7R{Sy1v)^Xn7Zy4e+K8H?6{HH
z0;Ikgxk9yhtiA_k;jb-!#)<@PuNXleJuZQ{>vWyc6j1NU6`Cqd^G&ONJxmSji*z9n
zwi-!xMX3ST8ul*q%&nYn9NtRif(<Q&@$F5Z?h1O^HvQnPI^VU9ad?d_95&=3?LUxh
zn~u47^7{3@gT6KFfKeWj3`u0>viUDL!yuAkn@ZI3*TQq+xr4T9E>lPqL*SOA)q(SY
zf56*ub8sxWAP3BEU_ltM*X-6L&b)+MH<(@RFSe*ub~ExBwj}S4Iipur_7i^U0Da5x
zmUg08!=tcrRK0d>=E2;mc;kB@YQ!~oER3avHfGc81FD;*dwgiHmJ_zq6@}PiM2SDy
z^kPV$tGtz@<CnGH+?dnzG=3rF#Z*VVc3y!^dDl~$V4(+`sS6u!g{1p~lBe}3%xF?5
zY8eZhWkJ9|YhQmc^(GaT)ZKQ3^4E4+1x_*m7H^5Wl*miFbB_Dw8sXG9K_ij@Y`B~W
zrzUtEg7fdact>7%*E(K&TN-DFy}q_d*Ln6ox27!A4-~rUnO=oKGOMYjB1O8l=c7Kn
z-;k%g{T*rY@&^&S5iX#x-i}ATklgQW*krbTQ=8V;-v)sbaKhB_9~~5^Vs)w|Pdi~D
zg*}w17l|CR#yJ3071<4J1=nvKeK^U}Aic8R{8YN*<7^&($$)QkkKe>vf^X*n_>!kp
z|7>PQmL0K}<cwkfB*qDmrrU07MgNzOpIjyNg;|j}BJNe3$N>dQo?G?x3ZxpS;uF8g
z*5c6Cy`6L_^_U-cjp9|@J5M08kuiQV(STeMe`<BFa<$PslAdP~7l=hbh#xWFqYKGY
z!#~vVZb#Sn6RQWe+oGRmjH4l6<7*E6X2zIJw+|dV`A#m^$qawQsjSj~4f7KC!4G8L
zBi+lFkMl7tU8Ga}Nf$wGiN$0+`0udY{{P)`iEhKeRf)PCbUEMAs<RZkL9=Be_fSC(
zI~!f!_nuo1P~4%26|q?@ttJCji#$+aMIT<9ecUl(+?9GzkbFdSZ2p{a<hE|^SQAiy
z<~5M@Yaq$&b^q1?RQBh1M*IPT#L#&T03gRq;aw>~b^mXaU1ij4W1L=!s-~6ETAMUE
zDoOzocS1%3W@=(g*#sgfCZ(ULaq%@WjtuRMVF2GMv+ZRb%-1BBB0$4+(on}r@%%_s
z01JJ!E83*4lJg>`N^5@UyMn{}=u)(lwVMaJrJ0{U7!Yc;w|Z@t*$f<VWasz%=H6=@
z%5gO>D<7}@vr1xB1OVo<8$L40q_fQH>9A?q1bBwO;i;17e1v;%;{hTIc1TVj{-l5J
z6>1pPbrh6ec)>UFDs42fz#z^YTa-z53S!1VCm<6yW`KIwaKVw>uY@=&zg|7~J47s-
z4FIL+0K4*`80Ac?GfQ0eOZwRN%G*u1<Vm^f&cFHcT{1vHto<~V?wZvLQvg@;XbMAB
zb{$$Ek$NqDPmkb2t0rR}l$g)JT}r*4%oI3OfosWE7-(N@-V%~+^XX!SW$isibKk3=
zFv=?#p&w|(Z$1vLWl+GFl*!b}sQu|83=E7AzcorS1SMm9{2$}tp)Lyv5;Ghd(2zTt
zqs9eL^)p;}P0Xh{wg|Lxb*JQS1P5C;!rLGkT9e73E`3X0e$#a~xE}a2jbVCA(zO)z
zK)z0+eB92c{r=xa?1p%Gn&6jR&Ba_0&tZNVpTbEXQh_EOF)05Njpl{t04BI&N&KX;
zbPL4q(1<0Ms0XA<xwY@24YL2bM+X2Rq?VM|6kfBzC)|cN%>t#p)S<lA&eEy6`+34J
z@i?`3y--yIdvtVo+F3zsr)gHdHg|6$qdM1xKd~)kWaYkwTibvG(O3_PeJOBSkm8Eo
zt8!>%ax?h4&Ste&cuA+Hv&0!6KFX|a=;9{5bU97Tgw;dF&zG;JBw{nzzPv=(gVo`4
zWkTr$3EeOu{@WB86()|Lq*@>v$nIf+nB~o>pM?<D7BhgCw7={4g?ur5<4|gU@3shE
z*a`s-*RuLiO4jf_?KOOq@>1X&em2A=c{ab64Z`b=?U3;)S3*G_H-YuHjmx<!jx+><
zJgKwbCtuG4`{vEsuTrP`OPr~mI!jcL<lSM&5#Dm?H!x;28<@bL;a4GLCVMwS!~&p1
z4G-?HaymKOFq)tOw2KJIK>elnxV34PlN9GPg8xI*I2X|&$P89djKA2{9@6a21-kuv
zaZ@j=D)2%QbF_fXtt@(uvvDdg^Rser7X^;js=Eny10X4Ypkzk7aSoZ+q7(Hwq!=SF
zWT41o8?e<{vMq5Z^@=ODahcUTCKwg>l5ob0`jNyRdy#<(g)zeR+Z+y*gin19h+LB>
zLPPW(g3!AlN^JweMdP+>@jgL9Q`sSx1%X52EJ_Bor>2W=$J|e}(kOZaaqL+e+4)4&
zaqY-4k`CilCs8FD8z^Xlj6Tf)o^sO=_?AAMqB)Ttn7+(luxn$}?;~Vr`;x?hT|LQo
zwiIR2*UfbNwwawfrVuwOU-|4SlhfPyF8Uy0jnCglVV=@M0uC^FHi98Ro~7d9%hj(v
zjb6AcY*BYJIit0vygNxao{xSccTtYElxkreeneT(5GAN4^foYROL*h5B<Si-MwWJP
z6naEAwXz$<FJ=(1dJt~8#k><Hj>;@EU&mX7`_ZGfjKJi1`Qo{Z6e~c2U~9-P_J*WB
zUO4~NrSR*B>qR*Pq9{e@%w@;_;Z=9RoS=lpBsbw)`5O$Hi8%FQ5^inObgeAgVpUU8
ztgdO=eq|TUxeB{1)=9@aqPL^wFVFXa6xtMC^CvC>^J%#Ji=X}2a)1!^I<k14SZ*Fx
znpiGuke0<Xcy&=*I0M?v>himgizBm(HTYYZdI;t67B0LDGQ~Vo%`ty9Ji-CQ6q8v)
zx)uW%=+|l2g5*zk#J`S6pkew6@FGa^t11G*rTI(n<&00=SxQDV?w(%;m6y!k?Od1T
za)3}b>H^63m;!W7(yqN*kxOVw-~SYS>>d0NRZD)Pi=6uw87#w}e+?VV)#_4?hU}(Y
zm)Kw#FYqjJe8Q?tg8I;HM$m0)4Bu!e?4tX<LtFH|aUJ%Wqe0>+KB*KdU4Z}XcXUtE
zof}}sl<lD)q-JVi)UNlH1-P^*khE!N2;r1^@$)$(2gv8UPKcMFG5r(S#Hilul>+EK
z!HF~;cXn9qoeki=8$h$+Lk`p2MbUL9z4t_mqGw5rYCMX7vtfa|t#@_2l6w39r|cV~
zmff1wnOXC8y2w!>G1eBEFeI1yKZ)h%_$IBAUE-`QobvTODwg+{^Qn8Eq9Op2Eci=s
z`a=Ac8<AzHNc;t@;k1Sp%(H5&<4pZg3uEFYTK?S`ct_!ISI~zBw9dMH96$xRdF41}
z&mx0>92$k&wfWyJZJZ4xQ{-jl-nmD%`MbWjC=Da>tuS#0`V=b5%}EwC>ks9aw>0O-
zpq7S(0HLq%JD6Y@Z)uQ*X=NMc>voHuC0%#PVACF0TM{mgLQE5%hKjt8Nl~x3AWOC~
zCkpddpU_aD?k8@qGQ?Mr+N{WS#>8ejOR(2ZMYsh<a%{NOK-XgzX%^>xq%h#zMS(Ph
z67jc;>(pXG>dpd5=OJE0hjs?nG9xEBg4`WZOjbi^o1O*HOhr>fFwf$lzj=gqLt}_~
zR)6gF&mik5@q2-7GMFe;3TPN{ayOoc#$rE9I_wSs`AMx9+lNd$tfKjWn6jPuTEN#K
zv*Zz6RG*W3v7I!H^DWvO%_Z5ORh3q%Bnm6WUZ!<2So5Q7__#4!#ZX!B{8eadD2CUZ
zGsmecsT2p(gdkd%X=`-k)M!DF`bmNIV(%k|(3ZaGz*wu%!Otq9>*}9)=~0C?tRGSh
zaMrP36N#31scN}-@&fHaK}T2-tzL={TL+gr_U4B#9DuVw7Sh}{Ik%YjC()2b5k17q
zL>Q&R`g^eN_fB{1PxkiOc4BmJ)cAag4b-oG-@B-Deo34IFu*JnBNq@m5BAa|70vhZ
ZJBglrZg&ir=q+`ChKjCo-80*${{W0w6BGad

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/frontend/src/components/layout/BaseNavBar.vue b/frontend/src/components/layout/BaseNavBar.vue
new file mode 100644
index 000000000..4b5221654
--- /dev/null
+++ b/frontend/src/components/layout/BaseNavBar.vue
@@ -0,0 +1,149 @@
+<template>
+<v-list>
+  <template v-for="item in mainMenuItems">
+    <template v-if="displayMenuItem(item)">
+      <v-list-item
+        v-if="!item.children"
+        class="menu-item"
+        :to="item.to"
+        link
+        :key="item.title"
+        :exact="item.exact"
+        >
+        <v-list-item-icon v-if="item.icon">
+          <v-icon>{{ item.icon }}</v-icon>
+        </v-list-item-icon>
+        <v-list-item-content>
+          <v-list-item-title>{{ item.text }}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-group v-else
+                    color="white"
+                    :key="item.text"
+                    :prepend-icon="item.icon"
+                    no-action>
+        <template v-slot:activator>
+          <v-list-item-title>{{ item.text }}</v-list-item-title>
+        </template>
+
+        <template v-for="subitem in item.children">
+          <v-list-item v-if="!subitem.children"
+                        :key="subitem.text"
+                        :to="subitem.to"
+                        link>
+            <v-list-item-content>
+              <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+            </v-list-item-content>
+          </v-list-item>
+          <v-list-group v-else
+                        :key="subitem.text"
+                        :value="true"
+                        no-action
+                        sub-group>
+            <template v-slot:activator>
+              <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+            </template>
+            <v-list-item v-for="subsubitem in subitem.children"
+                          :key="subsubitem.text"
+                          :to="subsubitem.to"
+                          link>
+              <v-list-item-title>{{ subsubitem.text }}</v-list-item-title>
+            </v-list-item>
+          </v-list-group>
+        </template>
+      </v-list-group>
+    </template>
+  </template>
+  <settings-drawer
+    :parametersList="parametersList"
+    :extension="false"
+    />
+</v-list>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import SettingsDrawer from './SettingsDrawer.vue'
+
+export default {
+  props: ['parametersList'],
+  components: {
+    SettingsDrawer
+  },
+  computed: {
+    ...mapGetters({
+      authUser: 'auth/authUser'
+    })
+  },
+  data () {
+    return {
+      mainMenuItems: [
+        {
+          text: this.$gettext('Dashboard'),
+          to: { name: 'Dashboard' },
+          icon: 'mdi-view-dashboard-outline',
+          exact: true
+        },
+        {
+          text: this.$gettext('Domains'),
+          to: { name: 'DomainList' },
+          icon: 'mdi-domain',
+          roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
+        },
+        {
+          text: this.$gettext('Identities'),
+          to: { name: 'Identities' },
+          icon: 'mdi-account',
+          roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
+        },
+        {
+          text: this.$gettext('Alarms'),
+          to: { name: 'Alarms' },
+          icon: 'mdi-bell'
+        },
+        {
+          icon: 'mdi-history',
+          text: this.$gettext('Logs'),
+          roles: ['SuperAdmins', 'Resellers', 'DomainAdmins'],
+          children: [
+            {
+              text: this.$gettext('Audit trail'),
+              to: { name: 'AuditTrail' },
+              roles: ['SuperAdmins']
+            },
+            {
+              text: this.$gettext('Messages'),
+              to: { name: 'MessageLog' },
+              roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
+            }
+          ]
+        },
+        {
+          icon: 'mdi-information',
+          text: this.$gettext('Information'),
+          roles: ['SuperAdmins'],
+          to: { name: 'Information' }
+        }
+      ]
+    }
+  },
+  methods: {
+    displayMenuItem (item) {
+      return (item.roles === undefined || item.roles.indexOf(this.authUser.role) !== -1) && (item.condition === undefined || item.condition())
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.v-list-item {
+  &--active {
+    &::before {
+      opacity: 0;
+    }
+    background-color: #034bad;
+    color: white;
+    opacity: 1;
+  }
+}
+</style>
diff --git a/frontend/src/components/layout/ExtensionNavBar.vue b/frontend/src/components/layout/ExtensionNavBar.vue
new file mode 100644
index 000000000..7ee554ef0
--- /dev/null
+++ b/frontend/src/components/layout/ExtensionNavBar.vue
@@ -0,0 +1,154 @@
+<template>
+<v-list>
+  <template v-for="item in extensionItems">
+    <template v-if="!(item.activated)">
+      <v-list-item
+        class="menu-item unselectable"
+        :key="item.title"
+        :exact="item.exact"
+        color="blue-grey lighten-3"
+        @click="unselectable()"
+        >
+       <v-list-item-icon v-if="item.icon">
+          <v-icon color="#D3D3D3">{{ item.icon }}</v-icon>
+        </v-list-item-icon>
+        <v-list-item-content>
+          <v-list-item-title>{{ item.text }}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+    </template>
+    <template v-else-if="displayMenuItem(item)">
+      <v-list-item
+        v-if="!item.children"
+        class="menu-item"
+        :to="item.to"
+        link
+        :key="item.title"
+        :exact="item.exact"
+        >
+        <v-list-item-icon v-if="item.icon">
+          <v-icon>{{ item.icon }}</v-icon>
+        </v-list-item-icon>
+        <v-list-item-content>
+          <v-list-item-title>{{ item.text }}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+      <v-list-group v-else
+                    color="white"
+                    :key="item.text"
+                    :prepend-icon="item.icon"
+                    no-action>
+        <template v-slot:activator>
+          <v-list-item-title>{{ item.text }}</v-list-item-title>
+        </template>
+
+        <template v-for="subitem in item.children">
+          <v-list-item v-if="!subitem.children"
+                        :key="subitem.text"
+                        :to="subitem.to"
+                        link>
+            <v-list-item-content>
+              <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+            </v-list-item-content>
+          </v-list-item>
+          <v-list-group v-else
+                        :key="subitem.text"
+                        :value="true"
+                        no-action
+                        sub-group>
+            <template v-slot:activator>
+              <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+            </template>
+            <v-list-item v-for="subsubitem in subitem.children"
+                          :key="subsubitem.text"
+                          :to="subsubitem.to"
+                          link>
+              <v-list-item-title>{{ subsubitem.text }}</v-list-item-title>
+            </v-list-item>
+          </v-list-group>
+        </template>
+      </v-list-group>
+    </template>
+  </template>
+  <settings-drawer
+    :parametersList="parametersList"
+    :extension="true"
+    />
+</v-list>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import { bus } from '@/main'
+import SettingsDrawer from './SettingsDrawer.vue'
+
+export default {
+  props: ['imap', 'parametersList'],
+  components: {
+    SettingsDrawer
+  },
+  computed: {
+    ...mapGetters({
+      authUser: 'auth/authUser'
+    }),
+    extensionItems () {
+      return [
+        {
+          activated: this.imapMigration,
+          icon: 'mdi-email-sync-outline',
+          text: this.$gettext('IMAP Migration'),
+          roles: ['SuperAdmins', 'Resellers'],
+          children: [
+            {
+              text: this.$gettext('Email providers'),
+              to: { name: 'ProvdiersList' },
+              roles: ['SuperAdmins', 'Resellers']
+            },
+            {
+              text: this.$gettext('Migrations'),
+              to: { name: 'MigrationsList' },
+              roles: ['Resellers', 'SuperAdmins']
+            }
+          ]
+        }
+      ]
+    }
+  },
+  created () {
+    this.imapMigration = this.imap
+    bus.$on('imapSettingsChanged', this.imapMigrationStatus)
+  },
+  data () {
+    return {
+      imapMigration: false
+    }
+  },
+  methods: {
+    displayMenuItem (item) {
+      return (item.roles === undefined || item.roles.indexOf(this.authUser.role) !== -1) && (item.condition === undefined || item.condition())
+    },
+    unselectable () {
+      bus.$emit('notification', { msg: this.$gettext('Activate the extension in the settings'), type: 'warning' })
+    },
+    imapMigrationStatus (status) {
+      this.imapMigration = status
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.v-list-item {
+  &--active {
+    &::before {
+      opacity: 0;
+    }
+    background-color: #034bad;
+    color: white;
+    opacity: 1;
+  }
+}
+.unselectable {
+  color: lightgrey !important;
+}
+</style>
diff --git a/frontend/src/components/layout/Navbar.vue b/frontend/src/components/layout/Navbar.vue
index 9702afb95..3fbd6637e 100644
--- a/frontend/src/components/layout/Navbar.vue
+++ b/frontend/src/components/layout/Navbar.vue
@@ -21,64 +21,33 @@
         <v-icon>mdi-chevron-left</v-icon>
       </v-btn>
     </div>
-
-    <v-list>
-      <template v-for="item in menuItems">
-        <template v-if="displayMenuItem(item)">
-          <v-list-item
-            v-if="!item.children"
-            class="menu-item"
-            :to="item.to"
-            link
-            :key="item.title"
-            :exact="item.exact"
-            >
-            <v-list-item-icon v-if="item.icon">
-              <v-icon>{{ item.icon }}</v-icon>
-            </v-list-item-icon>
-            <v-list-item-content>
-              <v-list-item-title>{{ item.text }}</v-list-item-title>
-            </v-list-item-content>
-          </v-list-item>
-          <v-list-group v-else
-                        color="white"
-                        :key="item.text"
-                        :prepend-icon="item.icon"
-                        no-action>
-            <template v-slot:activator>
-              <v-list-item-title>{{ item.text }}</v-list-item-title>
-            </template>
-
-            <template v-for="subitem in item.children">
-              <v-list-item v-if="!subitem.children"
-                           :key="subitem.text"
-                           :to="subitem.to"
-                           link>
-                <v-list-item-content>
-                  <v-list-item-title>{{ subitem.text }}</v-list-item-title>
-                </v-list-item-content>
-              </v-list-item>
-              <v-list-group v-else
-                            :key="subitem.text"
-                            :value="true"
-                            no-action
-                            sub-group>
-                <template v-slot:activator>
-                  <v-list-item-title>{{ subitem.text }}</v-list-item-title>
-                </template>
-                <v-list-item v-for="subsubitem in subitem.children"
-                             :key="subsubitem.text"
-                             :to="subsubitem.to"
-                             link>
-                  <v-list-item-title>{{ subsubitem.text }}</v-list-item-title>
-                </v-list-item>
-              </v-list-group>
-            </template>
-          </v-list-group>
-        </template>
-      </template>
-    </v-list>
+    <v-layout
+      justify-center>
+      <v-chip v-if="page === 1" color="blue lighten-3" large>
+        <translate>Core</translate>
+      </v-chip>
+      <v-chip v-else-if="page === 2" color="blue lighten-3" large>
+        <translate>Extensions</translate>
+      </v-chip>
+    </v-layout>
+    <base-nav-bar
+      v-if="page === 1"
+      :parametersList="parametersList"
+      />
+    <extension-nav-bar
+      v-else-if="page === 2"
+      :imap="imapMigration"
+      :parametersList="parametersList"
+      />
     <template v-slot:append>
+      <v-pagination
+        v-if="!mini"
+        v-model="page"
+        :length="2"
+        circle
+        color="blue lighten-3"
+        >
+      </v-pagination>
       <v-menu rounded="lg" offset-y top>
         <template v-slot:activator="{ attrs, on }">
           <div class="d-flex user-box justify-center align-center white--text py-2" v-bind="attrs" v-on="on">
@@ -113,10 +82,16 @@
 </template>
 
 <script>
-import parameters from '@/api/parameters'
 import { mapGetters } from 'vuex'
+import BaseNavBar from './BaseNavBar.vue'
+import ExtensionNavBar from './ExtensionNavBar.vue'
+import parameters from '@/api/parameters'
 
 export default {
+  components: {
+    BaseNavBar,
+    ExtensionNavBar
+  },
   computed: {
     ...mapGetters({
       authUser: 'auth/authUser'
@@ -139,12 +114,6 @@ export default {
         ? `${this.authUser.first_name} ${this.authUser.last_name}`
         : this.authUser.username
     },
-    menuItems () {
-      if (this.$route.meta.layout === 'user') {
-        return this.userSettingsMenuItems
-      }
-      return this.mainMenuItems
-    },
     mainColor () {
       if (this.$route.meta.layout === 'user') {
         return 'grey'
@@ -152,80 +121,20 @@ export default {
       return 'primary'
     }
   },
+  created () {
+    parameters.getApplications().then(response => {
+      this.parametersList = response.data
+    })
+    parameters.getApplication('imap_migration').then(response => {
+      this.imapMigration = response.data.params.enabled_imapmigration
+    })
+  },
   data () {
     return {
+      parametersList: [],
+      imapMigration: false,
+      page: 1,
       drawer: true,
-      mainMenuItems: [
-        {
-          text: this.$gettext('Dashboard'),
-          to: { name: 'Dashboard' },
-          icon: 'mdi-view-dashboard-outline',
-          exact: true
-        },
-        {
-          text: this.$gettext('Domains'),
-          to: { name: 'DomainList' },
-          icon: 'mdi-domain',
-          roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
-        },
-        {
-          icon: 'mdi-email-sync-outline',
-          text: this.$gettext('Migrations'),
-          roles: ['SuperAdmins', 'Resellers'],
-          children: [
-            {
-              text: this.$gettext('Email providers'),
-              to: { name: 'ProvdiersList' },
-              roles: ['SuperAdmins', 'Resellers']
-            },
-            {
-              text: this.$gettext('Migrations'),
-              to: { name: 'MigrationsList' },
-              roles: ['Resellers', 'SuperAdmins']
-            }
-          ]
-        },
-        {
-          text: this.$gettext('Identities'),
-          to: { name: 'Identities' },
-          icon: 'mdi-account',
-          roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
-        },
-        {
-          text: this.$gettext('Alarms'),
-          to: { name: 'Alarms' },
-          icon: 'mdi-bell'
-        },
-        {
-          icon: 'mdi-history',
-          text: this.$gettext('Logs'),
-          roles: ['SuperAdmins', 'Resellers', 'DomainAdmins'],
-          children: [
-            {
-              text: this.$gettext('Audit trail'),
-              to: { name: 'AuditTrail' },
-              roles: ['SuperAdmins']
-            },
-            {
-              text: this.$gettext('Messages'),
-              to: { name: 'MessageLog' },
-              roles: ['DomainAdmins', 'Resellers', 'SuperAdmins']
-            }
-          ]
-        },
-        {
-          icon: 'mdi-cog',
-          text: this.$gettext('Settings'),
-          children: [],
-          roles: ['SuperAdmins']
-        },
-        {
-          icon: 'mdi-information',
-          text: this.$gettext('Information'),
-          roles: ['SuperAdmins'],
-          to: { name: 'Information' }
-        }
-      ],
       userSettingsMenuItems: [
         {
           text: this.$gettext('API'),
@@ -275,20 +184,7 @@ export default {
       ]
     }
   },
-  created () {
-    parameters.getApplications().then(response => {
-      response.data.forEach(item => {
-        this.mainMenuItems[6].children.push({
-          text: item.label,
-          to: { name: 'ParametersEdit', params: { app: item.name } }
-        })
-      })
-    })
-  },
   methods: {
-    displayMenuItem (item) {
-      return (item.roles === undefined || item.roles.indexOf(this.authUser.role) !== -1) && (item.condition === undefined || item.condition())
-    },
     logout () {
       this.$store.dispatch('auth/logout').then(() => {
         this.$router.push({ name: 'Login' })
diff --git a/frontend/src/components/layout/SettingsDrawer.vue b/frontend/src/components/layout/SettingsDrawer.vue
new file mode 100644
index 000000000..92b5b6b9f
--- /dev/null
+++ b/frontend/src/components/layout/SettingsDrawer.vue
@@ -0,0 +1,86 @@
+<template>
+<v-list-group
+              color="white"
+              :key="settings.text"
+              :prepend-icon="settings.icon"
+              no-action>
+  <template v-slot:activator>
+    <v-list-item-title>{{ settings.title }}</v-list-item-title>
+  </template>
+
+  <template v-for="subitem in settings.children">
+    <v-list-item v-if="!subitem.children"
+                  :key="subitem.text"
+                  :to="subitem.to"
+                  link>
+      <v-list-item-content>
+        <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+      </v-list-item-content>
+    </v-list-item>
+    <v-list-group v-else
+                  :key="subitem.text"
+                  :value="true"
+                  no-action
+                  sub-group>
+      <template v-slot:activator>
+        <v-list-item-title>{{ subitem.text }}</v-list-item-title>
+      </template>
+      <v-list-item v-for="subsubitem in subitem.children"
+                    :key="subsubitem.text"
+                    :to="subsubitem.to"
+                    link>
+        <v-list-item-title>{{ subsubitem.text }}</v-list-item-title>
+      </v-list-item>
+    </v-list-group>
+  </template>
+</v-list-group>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  props: ['parametersList', 'extension'],
+  computed: {
+    ...mapGetters({
+      authUser: 'auth/authUser'
+    }),
+    settings () {
+      const menu = this.settingMenu
+      this.parametersList.forEach(item => {
+        if (item.is_extension === this.extension) {
+          menu.children.push({
+            text: item.label,
+            to: { name: 'ParametersEdit', params: { app: item.name } }
+          })
+        }
+      })
+      return menu
+    }
+  },
+  data () {
+    return {
+      settingMenu:
+      {
+        title: this.$gettext('Settings'),
+        icon: 'mdi-cog',
+        children: [],
+        roles: ['SuperAdmins']
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.v-list-item {
+  &--active {
+    &::before {
+      opacity: 0;
+    }
+    background-color: #034bad;
+    color: white;
+    opacity: 1;
+  }
+}
+</style>
diff --git a/frontend/src/components/parameters/ParametersForm.vue b/frontend/src/components/parameters/ParametersForm.vue
index bc08e8d7b..6b5262535 100644
--- a/frontend/src/components/parameters/ParametersForm.vue
+++ b/frontend/src/components/parameters/ParametersForm.vue
@@ -136,6 +136,9 @@ export default {
       this.formErrors = {}
       parameters.saveApplication(this.$route.params.app, this.parameters).then(() => {
         bus.$emit('notification', { msg: this.$gettext('Parameters updated') })
+        if (this.$route.params.app === 'imap_migration') {
+          bus.$emit('imapSettingsChanged', this.parameters.enabled_imapmigration)
+        }
       }).catch(error => {
         this.formErrors = error.response.data
       })
diff --git a/modoboa/dmarc/forms.py b/modoboa/dmarc/forms.py
index 29b2842d0..0d4be9a44 100644
--- a/modoboa/dmarc/forms.py
+++ b/modoboa/dmarc/forms.py
@@ -70,5 +70,6 @@ def load_settings():
     param_tools.registry.add2(
         "global", "dmarc", _("DMARC"),
         GLOBAL_PARAMETERS_STRUCT,
-        serializers.DmarcGlobalParametersSerializer
+        serializers.DmarcGlobalParametersSerializer,
+        True
     )
diff --git a/modoboa/imap_migration/apps.py b/modoboa/imap_migration/apps.py
index 55a125506..60ce7ec7a 100644
--- a/modoboa/imap_migration/apps.py
+++ b/modoboa/imap_migration/apps.py
@@ -19,7 +19,8 @@ def load_imapmigration_settings():
     param_tools.registry.add2(
         "global", "imap_migration", ugettext_lazy("IMAP Migration"),
         app_settings.IMAP_MIGRATION_PARAMETERS_STRUCT,
-        serializers.IMAPMigrationSettingsSerializer)
+        serializers.IMAPMigrationSettingsSerializer,
+        True)
 
 
 class IMAPMigrationConfig(AppConfig):
diff --git a/modoboa/parameters/api/v2/serializers.py b/modoboa/parameters/api/v2/serializers.py
index 662f4126a..190c7caab 100644
--- a/modoboa/parameters/api/v2/serializers.py
+++ b/modoboa/parameters/api/v2/serializers.py
@@ -8,6 +8,7 @@ class ApplicationSerializer(serializers.Serializer):
 
     name = serializers.CharField()
     label = serializers.CharField()
+    is_extension = serializers.BooleanField()
 
 
 class ParameterChoiceSerializer(serializers.Serializer):
diff --git a/modoboa/parameters/tools.py b/modoboa/parameters/tools.py
index 54e3eaff5..ed9e99667 100644
--- a/modoboa/parameters/tools.py
+++ b/modoboa/parameters/tools.py
@@ -42,11 +42,13 @@ class Registry(object):
             "label": label, "formclass": formclass, "defaults": {}
         }
 
-    def add2(self, level, app, label, structure, serializer_class):
+    def add2(self, level, app, label, structure, serializer_class,
+             is_extension=False):
         """Add new parameters for given app and level."""
         self._registry2[level][app] = {
             "label": label, "structure": structure,
-            "serializer_class": serializer_class
+            "serializer_class": serializer_class,
+            "is_extension": is_extension
         }
 
     def _load_default_values(self, level):
@@ -60,7 +62,8 @@ class Registry(object):
 
     def get_applications(self, level):
         """Return all applications registered for level."""
-        result = [{"name": key, "label": value["label"]}
+        result = [{"name": key, "label": value["label"],
+                   "is_extension": value["is_extension"]}
                   for key, value in self._registry2[level].items()]
         return result
 
diff --git a/modoboa/pdfcredentials/apps.py b/modoboa/pdfcredentials/apps.py
index d8dc2ff9a..2342e98af 100644
--- a/modoboa/pdfcredentials/apps.py
+++ b/modoboa/pdfcredentials/apps.py
@@ -20,7 +20,8 @@ def load_pdfcredential_settings():
     param_tools.registry.add2(
         "global", "pdfcredentials", ugettext_lazy("PDF Credentials"),
         app_settings.PDF_CREDENTIALS_PARAMETERS_STRUCT,
-        serializers.PDFCredentialsSettingsSerializer)
+        serializers.PDFCredentialsSettingsSerializer,
+        True)
 
 
 class PDFCredentialsConfig(AppConfig):