From 4218584b7cbfb512179735130bf0559028faea18 Mon Sep 17 00:00:00 2001 From: Sarah Abouzainah Date: Mon, 28 Sep 2020 15:52:12 +0200 Subject: [PATCH] Add edit buttons in mapping table Issue-ID: CCSDK-2795 Signed-off-by: Sarah Abouzainah Change-Id: Ife3dc443881f4853dfbed969b5f6594358e94174 --- .../templ-mapp-creation.component.html | 20 +++++++- .../src/assets/icomoon/fonts/icomoon.eot | Bin 23448 -> 24032 bytes .../src/assets/icomoon/fonts/icomoon.svg | 1 + .../src/assets/icomoon/fonts/icomoon.ttf | Bin 23284 -> 23868 bytes .../src/assets/icomoon/fonts/icomoon.woff | Bin 23364 -> 23948 bytes .../designer-client/src/assets/icomoon/style.css | 13 +++-- cds-ui/designer-client/src/styles.css | 54 ++++++++++++++++++--- 7 files changed, 73 insertions(+), 15 deletions(-) diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html index 4566f34d7..34644c42c 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/template-mapping/templ-mapp-creation/templ-mapp-creation.component.html @@ -123,8 +123,18 @@ + +
+
+
+ + +
+ + +
@@ -141,8 +151,14 @@ - +
+
+ + +
+ 		diff --git a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.eot b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.eot index 0ef083807449c38979bd968ab016db593d65329d..6a503aa785cf75b8695324f18bb3449da8e24b98 100755 GIT binary patch delta 1444 zcmZuxT}+!*7=F(=-)~!J3;nh2+VVkZXB?v~1qy7a(BY6Vem1}jSqCh*SXV71To~(> znsw2UvqYC@vSd-YBx8w-5@yUU7Jn{`QHhdeyD45Q#>AMItf=ot84}%>eCO@^yw7=_ z_j}Jt-}{8z{ftO=#{t^M7o>#X%*Ffoy)oOua9X<&J`Dh00|=%5p@yirO11)sw-Gxv znMr5Azw*P`g*9)!^wk$V08$BH&@wZfo~pmB5#N%shVX3;0pR2}k&E)J^)hfd%c)g1V#ZM@}`m_VP}qk;8n7)stuV z1?I8$>|(jl*N&`1e1!!`ir-Zs6f|;x|0=ju1!oe#d30bFB<adfTU9)b#b@7l^BiU_^STrH; zFl-V*)JJTNHWE#Aka$Senqt-e#qy5;HJ#~<$(6*phoI;|vOm!j4>gdGBufszuB*FQ zW6ts~-JpT&Be=m&>i3byNtv)sY$Ni&yn_TKoQ^2UHlu1HAJQ7x=~T2am1>NpO4o{8 z4@(auTL%YQlLLiFG8x&MOl}s7ipiwti+6R^_UJ^ht*%ZL0x}huA~K2fD}vB3TSSq{ zfr4r@s*8n2Jxr<<%uCI(qR_mYXR@%Qqhxwg4~>OIJuC?_%gal-i6gNv7^kgwt?s6cKjOdLBjWR&@efWR;35&zO#H-q+WHQBjSIz2;QRlqk{! zQ7y|KSAEmv?ThD}6Xy0mz$obdF7WfaXJ367`NffDIwIi355Kb%KL7v# delta 838 zcmZWnO-NK>6usa3nVIJ#KAoB8jPvtme4|gnh}5)9YpgL%&7agsryvKF3>+Q&0gR#7fmm_$mrYNgSl7L|+c%Nzz;JTCW~bIDsvG8vlEUX(Nez$Soj*xq%jJSWer0Ell0>mP{65+9y!-${P-JV;to z>j0)hfcDMdq1d2)_gNi4#L!g@6X3|t9RavOEd+<-lhf}fxkl=P0IYXpY#>(T%k=^D z-XnfF9-B_UEVlyCS4O>mG!`FPY?gjg-%9$~#Ms0n@P<`%%iw_lPOv7{gBz@+q8m;? z9(ch60u)pAf}4;+2tXHD|6{DAyN)%S%6Ebj=Q$TnaSH3eIZkKoxWZ|!wu~u1*g*!B zT=L->e&bxM6|?w&qXne2vq~Bpr8Z-T*Vt7Yx> z8^Rg9;o+n+U(Ud6lq`b+mmoWxW+Vm4tAMIZGxZn}R2IU1p_E<3M}n7Kz$HP$1ED~& z&_?{UjavLF1lW0$MK@mqGIoeA^AU57Fc)uvv!rlI;y-=0fx1Mff~<6I-rq!HA7}8D z=w_ApNj%9{fE{;5cgxZK9drW)${{B`b-X(#Xf%10c^WJkyp8U_i0K9ndVm+kF=2Yn zB($5mB#*ME?9jtA%#D_&7R|CXbzpxN_EgsI*WJ#k{Q*|N_$gp#X1V{k;#OZZ7ZGUU zF+Ma4xD+kHt?18A&UD}W%d#rTQp6g`j>zM-`Fy2d!M*J%^R)RCUx)9l+NO@GOX{J2 nBT!p7tIcSuK_wUtzAP#%7Icdq)}QFR`WFgf^hHv>Td&z44LzU( diff --git a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg index d5bbb8308..41bd25626 100755 --- a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg +++ b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg @@ -17,6 +17,7 @@ + diff --git a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.ttf b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.ttf index ea6de579c0eaad5712cb60ee31225bc5957d8aef..84ebbe4868fb6aa427dc83c036d22690887eb3b3 100755 GIT binary patch delta 1426 zcmZuxZAe>J7=GV-?#H<%YN9cTP12hfjY-F9lW3~3t*+D9Z>LsW*KRKLqpmbp{Q8~&8KjZ(zQ=nvVtA7gAQtnA}Y><@poFsN>Oudz->FP!t<_j#Z5 zKF_)5a36n#3wJOF2mn^N0u0)_`uYzVx5H-%xep+(b@w&I$}2QGfU->3o5PuO_NN;^ zp9fIGCg)swB1_Rm`D2Rw+=X|>*1r4Z5anwCy|(eu^ho{9>M4LzR;nk)38-?}Gn98w zUOS$dJUsp5n$$(WH~^lxaA`OlaqPbh@Y+2h%w^KkS$JRi65#YC<^GH5%;={_^rw_x zC;ofcOB0i1oSxUcA1!y|fN_@xWYVm zP|Pp`UlI!}VzfiqmTD!b?w}E%A(N^H+Jr0z*#WSLi?YkYH_`nYd9_yL>=PGc4{I%Q zbaj)HB(z#lp{0n6-(`-?CRVM$UfS2QuUtWjKGJePLhMjH*d!9li`XbelnBPfhl*ju zfN!yFw6{vScQW*Y1Ove2jJU7d#1fHJ`*ff4Pv=8AR20#{$ov!4X33QU{Ikra*b*J1 zjYQl~3wxlQKF&#a72bjjT!lIKg>HmH4c3I38WZuDvkK!?LHp*YYYYWz)GCKF9!qFj z42Oz@`q1HQ#aLoLHioodQ@ry3SnfGs&}6#eS{b@_A~kKpJ&C5qPy>ckO?4V(UsKH< zcNO1Efd<@-w7|gn-S`3)37f=L)c)hOA+>NhW7Kvpbxq_#!6-YMibYeYXe_mMtFZB~ zbWgISx3?wPlaC~mkzL8;dZECrR&Gw-#YM;S6Yf}C9Lf7NNnu=JD(mL5+^yLZMbi9v z-D1&a^HDPl>!r*qm1~?!IW5ODdCo*}bl42h{Hz(~WR2xCiF0JAl}KJzs^h&_XXl1f zd{kIpTanHbCWOVzHptejhMDsR!b)vgbbMOMb$ImS$Uebt=v7Oqq{^dL2%Notb+s3Lt>%ZpzHn21BTg@B6+1i=f2X)PL oV|5Qh9rdB`uJBlRA^dlQZ~SowrCZRjVL%c;sFm~Gr#{Dj0p>Rl=l}o! delta 826 zcmYjQOH30{6uoce%`mkh1BGeJw4Ig~h9(#R5fniIt9+$kp#m zZerAs7~{sogiVzNvM{cQvT&hnFp-sU;Sv@q3vUG)CV9Cz=brP+I(lp_zyP0PBlS z4#kQ+xgLPNha^}{#AcJQD7*paFC*-oh$TjzwpsoX?jZeQa&mfx4o=U&m*vec>qQ4^ z*L!H5JaB^xIFwLzgHB8l_#lGw%+7A%V`i{!Tw@ii3x6_`g;5p!&Q7pqd|t?>xeUT~ zxQQKtlXc*z;45ecOGaam#zwoh;fmmAt@vIrD_S5s)7Po*qTExY@qrhbPk0^FDIop^ zIz%74j(jX0y?E$Ds!V=mn8a;gXdECt`$Dfw_RnfPLJm4@_aNpjS1tGap2wX)fFxJ j=lp8{Ef5N<7Z;UqQ!zv4GxMAIgM!lkNi;Qg=L7o()6|`A diff --git a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.woff b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.woff index 5cb900050e95dc387e965a24f4126d59fc9b3333..27c38068e8345b3197e1e315be2be687572da36e 100755 GIT binary patch delta 1442 zcmZuxZAe>Z6h7y^_tQkZ(R?n6NsPv%-KzO8YSh|ons)74=SQoeo3+-GNwdnV%pYT6 zf4Z?0+VU30pksxy;ZLch$X3!a{4w^$U~DU_6b2*ihkply>b7$eo0ZWE=RNm4=Q&^Z z9^Q@Hc<~FgzcrXn0|Gs-UIcSV_W<&MV!!gNW$$|U)Zj>K3_y00>!cyIb&6#+JF`I8 zGTGl6^3(O7=dWZMa>F{nu)h7xmxnTQGp7M2rpTK#q~(TdDMKJ(SIKTN#OAPMGuiW$ zWnvuwiHlP|ZVLy`o|`4!q?I_UhD5Br>)DxQsyMkpw!b9r3Af&u$<7h>JH=fvE;oF0BhbhGXCV&tZb!k|G%A4<(;325N<^ z(`@y$gCZOU0ZsrDv)m)!z$$)E9?`t^-|P>7(N4ZQ7FiombW^St;GeJ961zvgQKuqK z+NU-+Kp$rm#^H6y!X?_AUuY++at;a)5gc8T4n{KxAKZ-ls zo5ECavE1cQBo#3ljiiL>a+5}<#lp^hv%0C8Omvtx@8ZYgGjfw}^X{Tk(iJf+3PO*n ziW=*tE@g}4FsrH=m+~e}HCwc4YLV5b&KzR~zO!YVd6TM{7<zYTq zUlprbHZRvKTdrDHot^H_J%4$Rc^7=0zBhea{ssSK|JQ+rz{AGZf-6nen(jAuHlJyJ l5bAFUh4+Ndgztp^j;N*EcTBhmt)&J8x_j%_KAHFw{{?Yt5fT6Z delta 842 zcmYjPOH31C5T1Wu?NX41!j`hzE=vnbBL+bfR8Z0K5R`(H@;XR^#A+xIB#{uKoO&?E zgv>>Zi7{SGOt_TvAjGKggv4->3&wcj#8D4E4$cBLZ1QC?-+VLQKiPS-%06b8dN|VHfOo^iK#Kt z4ce2JZB+OR{K@znIS$>Uylf9CZe=o_94GD>^`&eqxjN-P(^Ge7*hml+Ho*EZ!Me04 z?Ntaq&_RGoiayYYDF+k!@H6wUYq-M<){7EX%X+YpvseU2xq!DDT-m-dC;|lx$~|xu zpK)Gx1v8vk+y!!0W01y8(>rmO3$V+m@K$XH)m%p-M6FZJ6Lq z)`|~#UnqR2Zci?uu1kkFH@!yz6)xf?udx=~XuDm-B#a+RMF;ea%^16EyzJzDAY~G^dI6iV`&L^H?J~S%b}aMf%M-SA-2G8x}VeX_28 zSGR$un|wbMO1C-`S9+=FQ&_KW*=@d_-}Dn)0v!av_Wbhb|A-4i4O~p14#eXQCq{>> zaAEjYFDKo1{B~w!MUJ^*c`;?i{n(?HKGC-HYQ5X9`g{EAMz=9(yfXflt(i^bsla?7 f6I6rY;G2r_O2KkkVe6^&)!HE=Mu?@?M?SEBKVP9^ diff --git a/cds-ui/designer-client/src/assets/icomoon/style.css b/cds-ui/designer-client/src/assets/icomoon/style.css index 130115635..9b17c06f9 100755 --- a/cds-ui/designer-client/src/assets/icomoon/style.css +++ b/cds-ui/designer-client/src/assets/icomoon/style.css @@ -1,10 +1,10 @@ @font-face { font-family: 'icomoon'; - src: url('fonts/icomoon.eot?pqs8r8'); - src: url('fonts/icomoon.eot?pqs8r8#iefix') format('embedded-opentype'), - url('fonts/icomoon.ttf?pqs8r8') format('truetype'), - url('fonts/icomoon.woff?pqs8r8') format('woff'), - url('fonts/icomoon.svg?pqs8r8#icomoon') format('svg'); + src: url('fonts/icomoon.eot?pg9o1c'); + src: url('fonts/icomoon.eot?pg9o1c#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?pg9o1c') format('truetype'), + url('fonts/icomoon.woff?pg9o1c') format('woff'), + url('fonts/icomoon.svg?pg9o1c#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -35,6 +35,9 @@ -moz-osx-font-smoothing: grayscale; } +.icon-autoMap:before { + content: "\e90a"; +} .icon-get_started:before { content: "\e908"; } diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css index 1ea1616c9..2d7e23094 100644 --- a/cds-ui/designer-client/src/styles.css +++ b/cds-ui/designer-client/src/styles.css @@ -18,6 +18,9 @@ body{ transition: 0.3s !important; } /*Bootstrap*/ +.custom-control-input:checked ~ .custom-control-label::before { + border-color: transparent !important; +} .btn-outline-danger{ background: #fff !important; border: solid 1px #ECEDF2 !important; @@ -1926,6 +1929,7 @@ ul.package-contributers{ color: #1B3E6F; content: attr(data-tooltip); font-size: 12px; + font-weight: bold !important; line-height: 1.2; border-radius: 3px; } @@ -2082,22 +2086,26 @@ ul.package-contributers{ color:#1B3E6F; background-color: #C3CDDB !important; border: solid 1px #C3CDDB; - border-radius: 3px !important; - border-top-left-radius: 0 !important; + border-radius: 1px !important; + /* border-top-left-radius: 0 !important; */ font-size: 12px; opacity: 1.0 !important; } -.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { +.bs-tooltip-auto[x-placement^=top] .arrow::before, +.bs-tooltip-top .arrow::before { border-top-color: #C3CDDB !important; } -.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { +.bs-tooltip-auto[x-placement^=right] .arrow::before, +.bs-tooltip-right .arrow::before { border-right-color: #C3CDDB !important; } -.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { +.bs-tooltip-auto[x-placement^=bottom] .arrow::before, +.bs-tooltip-bottom .arrow::before { border-bottom-color: #C3CDDB !important; } -.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { +.bs-tooltip-auto[x-placement^=left] .arrow::before, +.bs-tooltip-left .arrow::before { border-left-color: #C3CDDB !important; } @@ -3009,6 +3017,36 @@ padding: 0 10px 0 0; .mapping-source-load.hover-disable:hover i{ background: transparent; } +.mapping-editBar{ + margin-bottom: 1rem; +} +.mapping-editBar .custom-checkbox, +.mapping-editBar .btn{ + margin: 0 4px !important; + padding: 9px !important; + width: 36px; + height: 36px; + background: #F4F9FE; + border-radius: 50% !important; + text-align: center; + line-height: 14px; +} +.mapping-editBar .custom-checkbox{ + margin-left: 0 !important; +} +.mapping-editBar .custom-control-label{ + top: -2px; + left: 16px; +} +.mapping-editBar .btn i{ + color: #1B3E6F; + font-size: 18px; + opacity: .5; +} +.mapping-editBar .custom-checkbox:hover, +.mapping-editBar .btn:hover i{ + opacity: 1; +} .template-mapping-list{ background: #F4F9FE; border: 1px solid #E9F3FF; @@ -3172,8 +3210,8 @@ margin-right: 5px; font-size: 13px; } .template-mapping-action .btn-primary{ - background:#5DBDBA !important ; - border-color:#5DBDBA !important ; + background:#66BB00 !important ; + border-color:#66BB00 !important ; color: #fff !important ; } .template-mapping-action .btn-outline-secondary{ -- 2.16.6