web.5426.5845e2634c004aa4.js Maven / Gradle / Ivy

Go to download
"use strict";(self.webpackChunkflink=self.webpackChunkflink||[]).push([[5426],{66011:(g,u,r)=>{r.d(u,{Q:()=>O,S:()=>z});var _=r(94650),c=r(70946);let O=(()=>{class o{constructor(a){this.configService=a}transform(a){return isNaN(a)||a<=this.configService.LONG_MIN_VALUE?"No Watermark (Watermarks are only available if EventTime is used)":a}}return o.\u0275fac=function(a){return new(a||o)(_.Y36(c.E,16))},o.\u0275pipe=_.Yjl({name:"humanizeWatermark",type:o,pure:!0,standalone:!0}),o})(),z=(()=>{class o{constructor(a){this.configService=a}transform(a){return null==a||isNaN(a)||a<=this.configService.LONG_MIN_VALUE?"N/A":new Date(a).toLocaleString()}}return o.\u0275fac=function(a){return new(a||o)(_.Y36(c.E,16))},o.\u0275pipe=_.Yjl({name:"humanizeWatermarkToDatetime",type:o,pure:!0,standalone:!0}),o})()},55426:(g,u,r)=>{r.r(u),r.d(u,{JobOverviewDrawerWatermarksComponent:()=>T});var _=r(36895),c=r(77579),O=r(39646),z=r(95577),o=r(54004),l=r(70262),a=r(82722),P=r(66011),M=r(73925),f=r(21102),s=r(6675),E=r(37570),t=r(94650),p=r(47932),d=r(105);function k(i,m){if(1&i&&(t.ynx(0),t.TgZ(1,"tr")(2,"td"),t._uU(3),t.qZA(),t.TgZ(4,"td"),t._uU(5),t.ALo(6,"humanizeWatermark"),t.qZA(),t.TgZ(7,"td"),t._uU(8),t.ALo(9,"humanizeWatermarkToDatetime"),t.qZA()(),t.BQk()),2&i){const e=m.ngIf;t.xp6(3),t.Oqu(e.subTaskIndex),t.xp6(2),t.Oqu(t.lcZ(6,3,e.watermark)),t.xp6(3),t.Oqu(t.lcZ(9,5,e.watermark))}}function v(i,m){if(1&i&&t.YNc(0,k,10,7,"ng-container",5),2&i){const e=m.$implicit,n=t.oxw();t.Q6J("ngIf",n.narrowLogData(e))}}const W=function(){return{y:"calc( 100% - 36px )"}};let T=(()=>{class i{constructor(e,n,h){this.jobLocalService=e,this.metricsService=n,this.cdr=h,this.trackBySubtaskIndex=(D,C)=>C.subTaskIndex,this.listOfWaterMark=[],this.isLoading=!0,this.virtualItemSize=36,this.narrowLogData=(0,M.t)(),this.destroy$=new c.x}ngOnInit(){this.jobLocalService.jobWithVertexChanges().pipe((0,z.z)(e=>this.metricsService.loadWatermarks(e.job.jid,e.vertex.id).pipe((0,o.U)(n=>{const h=[];for(const D in n.watermarks)h.push({subTaskIndex:+D,watermark:n.watermarks[D]});return h}),(0,l.K)(()=>(0,O.of)([])))),(0,a.R)(this.destroy$)).subscribe(e=>{this.isLoading=!1,this.listOfWaterMark=e,this.cdr.markForCheck()})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}sortWatermark(e,n){return e.watermark-n.watermark}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(p.R),t.Y36(d.K),t.Y36(t.sBO))},i.\u0275cmp=t.Xpm({type:i,selectors:[["flink-job-overview-drawer-watermarks"]],standalone:!0,features:[t.jDz],decls:12,vars:12,consts:[["nzSize","small",1,"no-border","small","full-height",3,"nzLoading","nzData","nzScroll","nzFrontPagination","nzShowPagination","nzVirtualItemSize","nzVirtualMinBufferPx","nzVirtualMaxBufferPx","nzVirtualForTrackBy"],["nzWidth","20%"],["nzWidth","40%",3,"nzSortFn"],["nz-icon","","nz-tooltip","","nzTooltipTitle","This column shows the datetime that is parsed from watermark timestamp with local time zone. Note that the time zone is obtained through your browser. ","nzType","info-circle",1,"header-icon"],["nz-virtual-scroll",""],[4,"ngIf"]],template:function(e,n){1&e&&(t.TgZ(0,"nz-table",0)(1,"thead")(2,"tr")(3,"th",1),t._uU(4,"SubTask"),t.qZA(),t.TgZ(5,"th",2),t._uU(6,"Watermark"),t.qZA(),t.TgZ(7,"th",2),t._uU(8," Datetime of Watermark Timestamp "),t._UZ(9,"i",3),t.qZA()()(),t.TgZ(10,"tbody"),t.YNc(11,v,1,1,"ng-template",4),t.qZA()()),2&e&&(t.Q6J("nzLoading",n.isLoading)("nzData",n.listOfWaterMark)("nzScroll",t.DdM(11,W))("nzFrontPagination",!1)("nzShowPagination",!1)("nzVirtualItemSize",n.virtualItemSize)("nzVirtualMinBufferPx",300)("nzVirtualMaxBufferPx",300)("nzVirtualForTrackBy",n.trackBySubtaskIndex),t.xp6(5),t.Q6J("nzSortFn",n.sortWatermark),t.xp6(2),t.Q6J("nzSortFn",n.sortWatermark))},dependencies:[s.HQ,s.N8,s.qD,s.Uo,s._C,s.Om,s.p0,s.$Z,s.zu,_.O5,P.Q,P.S,f.PV,f.Ls,E.cg,E.SY],styles:["[_nghost-%COMP%]     .ant-table-cell{font-size:12px}[_nghost-%COMP%]     ::-webkit-scrollbar{display:none}[_nghost-%COMP%]     nz-table, [_nghost-%COMP%]     nz-spin, [_nghost-%COMP%]     cdk-virtual-scroll-viewport, [_nghost-%COMP%]     nz-table-inner-scroll, [_nghost-%COMP%]     .ant-spin-container, [_nghost-%COMP%]     .ant-table{height:100%}"],changeDetection:0}),i})()}}]);