From b3c61a641e9a703c3bf6cf973e8cf0883678302b Mon Sep 17 00:00:00 2001 From: shady Date: Sun, 16 Feb 2020 15:47:33 +0200 Subject: [PATCH] Redesign Metadata tab & Template and mapping & Over View Design Issue-ID: CCSDK-2075 Signed-off-by: shady Change-Id: Ic130d378b2b68a80d40f6c3c8250cb3af538011e --- .../metadata-tab/metadata-tab.component.html | 111 ++++-- .../metadata-tab/metadata-tab.component.ts | 3 +- .../package-creation.component.html | 101 ++++- .../templ-mapp-creation.component.html | 190 +++++---- .../templ-mapp-listing.component.html | 158 +++++++- .../package-list/package-list.component.html | 4 +- .../shared-modules/header/header.component.html | 14 +- .../src/assets/icomoon/fonts/icomoon.eot | Bin 5400 -> 9268 bytes .../src/assets/icomoon/fonts/icomoon.svg | 29 +- .../src/assets/icomoon/fonts/icomoon.ttf | Bin 5236 -> 9104 bytes .../src/assets/icomoon/fonts/icomoon.woff | Bin 5312 -> 9180 bytes .../designer-client/src/assets/icomoon/style.css | 65 ++-- cds-ui/designer-client/src/styles.css | 433 ++++++++++++++++++++- 13 files changed, 922 insertions(+), 186 deletions(-) diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html index a94687b37..09393c403 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.html @@ -11,40 +11,62 @@ +
+ +
+ +
+
-
- +
+
+
+ Package name already exists with this version. Please enter a different name or enter different version number. +
-
-
- -
- -
-
-
-
- + +
+
-
+
{{errorMessage}}
-
-
+
+ +
+ +
+
+ +
+ +
+
Seprate tags with comma or space
+
+ vDNS-CDS + vDNS-CDS + vDNS-CDS + vDNS-CDS
@@ -53,35 +75,58 @@
- Custom key Delete + Custom key
-
- +
+
+
- +
-
-
+
+ placeholder="Enter value">
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
-
-
-
-
-
-
- - +
+
+ +
+ +
+
+
+ +
+ +
+
+
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts index 710ca924a..97040ee90 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts @@ -14,7 +14,8 @@ export class MetadataTabComponent implements OnInit { counter = 0; modes: object[] = [ {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'}, - {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'}]; + {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'}, + {name: 'Generic Script Mode', style: 'mode-icon icon-generic-script-mode'}]; private metaDataTab: MetaDataTabModel = new MetaDataTabModel(); private errorMessage: string; diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html index 73f917f52..906904855 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html @@ -1,21 +1,27 @@
+
-

CBA Packages - ({{numberOfPackages}} packages) +

+
    +
  • CBA Packages
    • +
  • Package Name
    • +

-
+
+ +
-
-
-
+
+ +
@@ -27,20 +33,81 @@ Archive - + Delete
- + +
+
-
+
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 f6afb4929..10f1db65d 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 @@ -1,66 +1,14 @@
CREATE
-
- +
+ +
-
-
- -
-
-
- -
-
Template And Support Mapping
- -
-
- -
-
Template Only
- -
-
- -
-
Mapping Only
- - -
-
- -
-
-
-
- -
- - - -
-
@@ -78,13 +26,36 @@
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 - wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum - eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla - assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt - sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer - farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus - labore sustainable VHS. +
+ +
+ + + +
+
+
Use the editor to add parameters or you can also Import File
+
+ +
@@ -99,14 +70,91 @@
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 - wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum - eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla - assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt - sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer - farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus - labore sustainable VHS. +
Select a source to load config parameters
+
+ + +
+ Use Current Template Instance + + + +
+
Upload attribute list
+
(Should be comma delimited file)
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+
+
+ + + 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 b04c6c41ed8b7e0548565fe5a16a93144a794e6e..b21dc02537378098ca143059b6cc308f6c92f95f 100755 GIT binary patch delta 4211 zcmb^!3v64}^`85Eey@J^vtz%usS`gtv6DjGI8I{HPeLi5ewGSY8z`CvQA;TFJ7DEA zjVHW?4noKYe6QQFcjACM z{?5^<*O&QszxS*`2;5Fc=bl~HPwZ?@{c|@V>Gx1?XcscfPn1cBw+!j7U3+i6{qk$z z38XJX`szLVcT9Zg`AgnF`Y6(cy%V<|AZ7R|(yt?(-Z!!L`iD1#K12Egv~ll&{kPmo z7)nU?fR+=+VPtwIjDj=$1Z+n55!~pf37LI`6ZQ%*Ns?qpfvhH@WINeU?j{eBN6C-K zOXL*!6?vb00u-Xq0q4VN*aX|*2KYLB3y#3|;Td=t-a?aJMy9|U9LQxwCO0@RRO(MA z+GOb*xNzEJ)-QS}E;^p_91lNU>K`f(4XgwN`CKLfHYD1TolsV?%?+fZpvAe2W~gL8 z>LVwY&&deLq^pod`{zMM;=EFKHW*h!z!j~+vX=SDhA^v|(=?~tHYW(am2a8an9{J~ zwiszJ8!D~-sLyNqO*>hyMVc+Ql5UF!`4(ZTl~SvF*_Mf|E@Vr7%ZIY9-m{s?WTJzU zjzs0#$}|#L29&r#j|jFXk=H1Kb-fzV;42l4 zY4GbwjcG8|#g*b+h#ec(JPrJ|D>SOXog*3x0H_-^9)QEEG#Y@NP2H}TW@>QfS@EMy z@laFTbyj@5DHeA&*X5OCg2 zIn$e3NHLRZ5$-MT<{aS|aJCsYmU4juT&9HfSg6Hw$mRg?=d%{oRpvC5_|93hE=nzA zG(UImLdhIGGKVx(o5=T+Sh>(-oxW*q(!%k%tLQ~hUy$(ZN%jDHj7Ty_E+!M?9!x)_ zyuR}+8|0hSFamgmf;8lfU|vbOgGjE`Nh;x>o>zcDRAKcbg@GTaij1;BVPe2+<0eb} zWmLh8k}p6$myO$ipI8Y#X0_m3N@h?pil*=@osg7@#`ZjwS@Ob3!!(Vz4LAHRjX
?@Wp=qqkawAJy$RC1=+4%1NP zP7#p;gntiJoGW&ZppyRl*@KI_Y8RV^VJ31hJ#;MxcyXxb$jVIhs!XAMO=mn812nIV zN$aviVnZ=7u|b>LQ0%*)Tr479`-tMb-94+-W_L@DwjRLvVh>1L5=y4X3O>oU5Qk)Z z-0X~0OmDY`xia22FzDrj#E*mC-#G3F9ApAs0)zg>cG*+aXo5bzG+x_tWo;(D^asqf zX%A<$6;4PwVVJRmHyK}g^U_##D;y6yga~p!S;ddBaXey+L`a;tXw}6k;dp*Ln8!3>4fl&}NnLG%wP`kBE%RKjKZ)fngGCENggIE7vbuN`psbgR(gb5c zy>V3m14XL*23cZ)x39zpratmLIw_ z?baeYYxlWnAyp#G4#nE}+o|Md$3hZzUQdM#RX)UI97*CnJ`9pq?&1Q|?hK;rkmPTk zc3ei+NhcJFs(zpm%ZfxSE?G%PDZVVjM$~nq(Z!5z6=B1UyHUrD+bS&l64lDlsD**q zua!rI9Vk=(u4MYbv|E`r92K$>QCeb4GhoWlgND2dXq#PIO+TqT#03Xk5QuEBg=}3~U2f_Q%4ebq1p{4qA zF04<%vsQT4zhs}{S=(eYxrXc}-y}aFp9UeEg5VI=0&XX3CI;PtF)_S}soK2=Ehy}cRR)8}_qPIM0#N<~Cyu^nj-EpdXJe3CLFM5|E@{3&HwYRXws zdE9Cb+wE3IGSNZ5JKS@+cX+t>bkFd_X}y}$ZaVF5!d}KOFc;QGzm8bSu&~()g|GOyZIYM@6FxR{8%>z*s#xgRVS|p{yg=#o`!*XrllI z!tQyB?mWC)$NfO*3k3f&A8$w5vmv-zSfJWwWlt{jVWeSuu5n*DR_`z4(s2XUW6Q{nBEqTkn@eu4SZ{^z#A=iK zw$vBT&J?^;i`-DiU3AJT%#vW~xcqH%jcn=vja2;;={4xCd257 zSzfoQPeqMW;iP#61uIsdLerZ$XU;Ve&ufiM7k8saOjW{;CF{|A{8E6M%*c+hI-cBB57q>XgYo9Wy1Blc(hj@TkTlsWmd p`m4#!Bi1JCkoDt5PlW#xc>&e6A4!{8Uuq!2uPlR znT1h%atfn8BiH05jNU-<17qf9Ms^1QWk!%H28O-s%$no*ZN4&avw-=xykvfX7$AD` z8bxzHeuy|&l7V6JS4DjTFq?}(gh7s>ieV1pG^RSHU(7R@FR_HN&ST%eVaEV6o1d|R SK@6;tX|ke<@aBG{rHlXxa!2d{ 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 22693eb7a..af56e61c0 100755 --- a/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg +++ b/cds-ui/designer-client/src/assets/icomoon/fonts/icomoon.svg @@ -7,15 +7,22 @@ - - - - - - - - - - - + + + + + + + + + + + + + + + + + + \ No newline at end of file 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 1f3af3988b0270568bfaa0a1f518a1bc9d06d27c..67d9da298404987c41b7bf02806fa85aaa9e79b9 100755 GIT binary patch delta 4197 zcmbst3v64}^`85Eey@J^vtz%usS`gtu@j(9949g9Cm|FlZAn+4%_#doL`e(%4p{k2 zb8BP3~%E6XE;yqnc98*L+e8y z?L=R2goDjN8|-^lKh&yOU?j=D0IMiuoBk8R@e?-g>S-P_&z)hFTv|*&&$XZcteA^ ztjOes28T-n$wZqheF`p|HktK{9A3TK#g14xl_za`~K$fK0jy=Vc+_0kr@bWsXWCdtG$#{hJP%TVvL)to8r@bYl?Fa zlnTf(mSZO4ybKJO0zXAL7a^*LkxfD=5dbg`YFvZbhZ&6q;IzgP8VoA2U5^MhDv{SH zg7IFBXz;~~#x(fNw8k_z)WwzJU5Fi>)HDtJw#zlD!5yO-3jnAaG#-G1D>NE_ZS%5S zF-_Fqj$2$^}lZlS$;CS^BFL*DmoKAFfBv@ukbqo9h zC=2dC!F&Poxoq49RO!PMBm-3?Gsqajl~Jh^l2Xywt|v1~o;zWfrtya1hX1V*NcHSk zAx(8p&v5OBnL?iji>xpRapDh}8vyuox!AuhfzP`BV)^|3;<`jz9Y07V_nBhXnT9gA ziHH;+?xu=!#qJhV(qBBYe{omsBGWL;L@uU>u5$pMAMQEam#Ka}Q)pk+8PCN4&1+-Q zTAN5*S`18Fs?A+m>_5L;EFxa}fZ}Jmb5@JZ?vxx&-G|}C?vu7J2_=Wfaz4#A5(kR{ z!F;NiK3xw}W4wQG$jb+L9tVA#aXb;&&jh>x2K}w=vL~z21bu92yteC#+Dv@u514Dy z9?ojZose?EFk=aCI==L#rLpQ}I2LvY5#(O7f*)m*c%zn2A|y^+H0xqjaJ+anQ5wo; zof6<1$CsKmJ^1k-;jZly6Aw>Jz+f=2$%$%_Evxx6GZVFUVX*c(kXc>)IM%rL_%W<; z%Sb~l!wafVzT5$BB49NLIt=TwbwbvkUrY-(i2T4MX}1>H zR{NHl7E&d`>_DuYzmZCQd^99s+x1k)Q00Bhy^$oI<3k{McZx&(0j=NFEjoT_LN>mF+qZY>HfEFGT zb|6gsJCo`A({AO6;i!<6h|&^UngLUW?l>xti=GUnf5$9|a+tg5VNX1Ktvw&jY&S$l-U54NDo%8o9o{L=={I z;Ziv|7<4F{RW7pn)#`ZATnNO2uOnF86FOxe7iWQTqNp<3h7OY;seBR-0wjpT0e`rR z5r!Enxcp{Z$Jc*fs!6>?TWhf2nURQT*|ybLdGegqYl|#xIvi6<*p5dH*Rw4%!dT_` zSa+l|$+j||X=%@0XW~aFD=&5r8cIb(Xt5n>4=r(moP2^ZBSfoF4E#gNveY4GN#!xC zJ#4pI9mzxo{q9K5sos&1-cvmzQ>XN9PPyr{>#xV&#V{}#HjkDvEbMJUA*{L0qlGzm z3R9_4Of#4YNf}x=CuH$_qrC)c);PI>e3{%x_LBqTAbFS^CC`wT$gAX+U-vriHLu$2cFT_nzsc_wMiZTV z?bedcN!qwkvBee6}f!d=DL$64~ zkhIiw>m?WN>&Cd0m1R$~`hfOF8@A{A@`Ypd-ZE|-4`2;;gzP~?IF1@Gh{HxzOgo%9N`B-lD`f6H8(T0*40e~kqj{y&lGi|JMEb$huR&na~3y>=F8 z)=Y-c6SF+NqF+Ugli{R!8X3!%ccwR{zapnfsuiMft#U$ftkU;KUm+0Ux+OpD6$8L6OwZi3&g`NO=MtTlmYTX(i4jd zfV2RR5288Jb1KuOUN+hS32M6*4dgegVpxWdH@ZzOXYhFbL@Y`6?N? zB^8Eu7;1t103hEcCqLOSQRso#8K6K9P(UF!v7&%Mjj;>JUjyRjCFZ8i^y2&tH29Lwe)pbYX85bRxN)*R1o^Ob>{ z1v?328PLjiuzh$HWz~kgB(K@!yLwGOm$4Zm}f9wVhLlN W$G(BX4jf+mj2#SOn=dKuV*~(B+eNMb 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 e5f2266d2c8b917d287255c974ba072edae2f446..6378c642f2673a3eda9fea6c8c760b2f586ca561 100755 GIT binary patch delta 4259 zcmb^#3v67)ac95p-pjqacfXg!Is4w7eP;tX`+T+!=VLbn5|ZE)(!_00RcaBOKz$ob3QOKDZ13M$&ta(C|RyYt0o zNTsTM^3Kf8%iHrT)uira$Ga;}GSzC2; zC*OEr=hUs5_X75fW{d9JbNe*%eoRQ$9^LMG`)Om>4O2S^@di+5M7NIgKX>m!Ci3)r z-MX0{D0A1|+rEOl!`T0vZdYFmkL}riJ?d@t-bO}Ix2t}1#VdQKzJi9c3G8QrR)L@H zo7#H=@`lj(J-R)(G4#>R`)|DsSE3zk=rN=iA3MGX#=$v$6>LKI0Nm)KboLY{>=ZFc zie%B!N-|Eill|l_azA;P{D3@9&X8Y`cgP1oAqt&v39N*TupM^7m*MMh4899b!He)3 zTK2Ls4c_ojJ}0vI;h~Z8U@DoAukd-*D+>;CNN(i{3U0BgFKh+fG zRBM>#R1$N7V6H;j(B_b)6}Qbuli5^h_eXtP({I_yd2P~MrM>I6c~EE*wp%H;yO(Pl z*zQ8E?6*ynYxkbbRHu`joOC9u-&Cflu#GkG>Lz9#C=8UgRi9*&wLZ!z!#|czGsaEU zL-Ff5nC2V=r2_Jd<(bJiuK)w4z)w@oMTlxNdbLnW1OUtsHDwutX2(ZA4Sqkq%fpoRFES-33f3lg3^ z%?`6ih$O@0axz8k#`IGz=sVAHLB3fDV}MsENJHKj=9QE?jNR2bNhKZB^NKKxDy)&D zFz^FakySP*ObnQ9+*En6f-0C%3PmX7b8#DRihl4hs|9l@nMKJsn!;JSASD%z?Rh-A zDllhoN-4_8oH`05o zKU@23w%D<%E1r)5n%BmpwLY1=vJ{xOQk%Q7G;nF9R6@G`9>sgRdseH>?v@;F9me=# zhovnEB}d6}KFu~0hh%-+?5tEwZ?}iJGCnXg>=lBnC**Y|9x&%~F0pSd>e<*dHk2`MKGGnVkC<4bQ@8mn!ElVOJtLGC3h_z5zL~&yVMl<>5lkDFe1RHfq}R$Vb12yLL`YJTx%@Ljhuw6SWdsR`+LSChG6N zQ2jL^vsecS$D;QqeiDn`GBSYi^At{<({-!qekqaC)h1Y*W&_qT&-DgVSl+T&v@k@N zgS9EAi&qgUdbub~G8WVuR~0c(q$-So9v$#73s>Brnl+_*^MbNes9>li15uNqy`(7UE^~6(7KFUkL;*_!_5e(l3{iz*1=y-r#?CnlCa|jDrBhoE+*qh3it6r zki2>)7npWukYtA>fAy^6GP*`Op-@x}0*zQ!Bw}&N%0f!<85uUBt{aUmW^}6v8+P1{ zI&R!nVd0mlR*pt349r2TJTB}&nfiC8GWTWN>T$zSAuAcBWwta6rVQO@$UA{1?D|Uj zLG^wvIOu{<;v&pzKZBRus4)2&DTFLD$+aI=gu_a?jn`|Q2lHKHM{2GfU+w12*%1L2dWy3lYvg8jyfL`=)Jt*+|h7p-1j zVj0unm{P)aJZiX}ZJ80qs?WuGB3&uAoiVNKxf@LUYLNE(`qFf^_D=8UXfKRwSbqr) zU@*SqdY%j8Zst0H`NOg8sO0)g=V*Z)E~B<#S%#*Zus7t1S1lW!yrir8LeG$)R78Xp+mVjY5+}&X zrztZ+v=+s{KdLNC9d(veAGJEdc8ArON_Nt3kM^GJ8y)RC+dDdSRyI=Iy(|qw(sK8~b(h`TgOMt$%f7eJhq0#Zxrh5gT)Ve|OUDgZi%&-O z01})^zqRDniuG3bPOLt?Z*ybu>|D`1v&apF+(l=+;w%Z4j?3RR_mD0BzloavLS|J* z!(RTTi;7)(tzAW$GgD#o#H_4YF`%NxnQ+QHhl1tHQK99{oHG}~jeh|UGIY(Z+pmkP z`WvzEv4G#3({CP}!^d~TDzQ|99|!}$k3SLX-@+axVg3(tRP>X3`N`m^p`RO#&m;-b zNpGRA)A!h)`5R)hcvt4-lj^S~H;-8xtwYui7d;mKOXOKp2W%;rA(>}r{6+XTc)MjX delta 367 zcmccPen3;C+~3WOfsp|SL=G@;gXxmV2bCoz>Im1zC+8*>FfcG?0EI(9SUl{~#Pq~s zkk}p|p96{o(sL@)fMQ1&7zAoScM{X z>kB(`Ms5j^FEj_pw*g_pI}Eis`N=?aenK~Z0tz53^g!%PZej({Vxb=}F$OipuDrzD zR0alN383X|AUxBH^LIghaS6~j3*hRQfh=Yg?a4fh_KaMUeHgug