web.4491.5959f5c82f7b132b.js Maven / Gradle / Ivy

Go to download
"use strict";(self.webpackChunkflink=self.webpackChunkflink||[]).push([[4491],{84491:(X,h,i)=>{i.r(h),i.d(h,{JobOverviewDrawerSubtasksComponent:()=>K});var l=i(36895),f=i(77579),z=i(39646),x=i(95577),Z=i(70262),C=i(82722),S=i(66093),v=i(46470),O=i(42455),T=i(82315),w=i(55270),g=(()=>{return(e=g||(g={})).CREATED="CREATED",e.SCHEDULED="SCHEDULED",e.DEPLOYING="DEPLOYING",e.INITIALIZING="INITIALIZING",e.RUNNING="RUNNING",g;var e})(),u=i(85336),A=i(73925),_=i(6675),d=i(27830),t=i(94650),k=i(22423),y=i(47932);function J(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"humanizeBytes"),t.qZA()),2&e){const n=t.oxw().ngIf;t.xp6(1),t.hij(" ",t.lcZ(2,1,n.metrics["read-bytes"])," ")}}function D(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"number"),t.qZA()),2&e){const n=t.oxw().ngIf;t.xp6(1),t.hij(" ",t.xi3(2,1,n.metrics["read-records"],"1.0-0")," ")}}function I(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"humanizeBytes"),t.qZA()),2&e){const n=t.oxw().ngIf;t.xp6(1),t.hij(" ",t.lcZ(2,1,n.metrics["write-bytes"])," ")}}function F(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"number"),t.qZA()),2&e){const n=t.oxw().ngIf;t.xp6(1),t.hij(" ",t.xi3(2,1,n.metrics["write-records"],"1.0-0")," ")}}function U(e,a){1&e&&(t.ynx(0),t._uU(1,"-"),t.BQk())}function q(e,a){if(1&e&&t._UZ(0,"flink-dynamic-host",21),2&e){const n=a.$implicit,o=t.oxw(4);t.Q6J("data",n)("component",o.durationBadgeComponent)}}function N(e,a){if(1&e&&t.YNc(0,q,1,2,"flink-dynamic-host",22),2&e){const n=t.oxw().ngIf,o=t.oxw(2);t.Q6J("ngForOf",o.convertStatusDuration(n["status-duration"]))}}function B(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"humanizeBytes"),t.qZA()),2&e){const n=t.oxw().$implicit;t.xp6(1),t.hij(" ",t.lcZ(2,1,n.metrics["read-bytes"])," ")}}function L(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"number"),t.qZA()),2&e){const n=t.oxw().$implicit;t.xp6(1),t.hij(" ",t.xi3(2,1,n.metrics["read-records"],"1.0-0")," ")}}function E(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"humanizeBytes"),t.qZA()),2&e){const n=t.oxw().$implicit;t.xp6(1),t.hij(" ",t.lcZ(2,1,n.metrics["write-bytes"])," ")}}function M(e,a){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.ALo(2,"number"),t.qZA()),2&e){const n=t.oxw().$implicit;t.xp6(1),t.hij(" ",t.xi3(2,1,n.metrics["write-records"],"1.0-0")," ")}}function Q(e,a){1&e&&(t.ynx(0),t._uU(1,"-"),t.BQk())}function P(e,a){if(1&e&&t._UZ(0,"flink-dynamic-host",21),2&e){const n=a.$implicit,o=t.oxw(6);t.Q6J("data",n)("component",o.durationBadgeComponent)}}function Y(e,a){if(1&e&&t.YNc(0,P,1,2,"flink-dynamic-host",22),2&e){const n=t.oxw().$implicit,o=t.oxw(4);t.Q6J("ngForOf",o.convertStatusDuration(n["status-duration"]))}}const b=function(e){return{state:e}};function R(e,a){if(1&e&&(t.ynx(0),t.TgZ(1,"tr")(2,"td",24),t._uU(3),t.qZA(),t.TgZ(4,"td"),t.YNc(5,B,3,3,"span",18),t.qZA(),t.TgZ(6,"td"),t.YNc(7,L,3,4,"span",18),t.qZA(),t.TgZ(8,"td"),t.YNc(9,E,3,3,"span",18),t.qZA(),t.TgZ(10,"td"),t.YNc(11,M,3,4,"span",18),t.qZA(),t.TgZ(12,"td"),t._uU(13),t.qZA(),t.TgZ(14,"td"),t._uU(15),t.qZA(),t.TgZ(16,"td"),t._uU(17),t.ALo(18,"humanizeDate"),t.qZA(),t.TgZ(19,"td"),t._uU(20),t.ALo(21,"humanizeDuration"),t.qZA(),t.TgZ(22,"td"),t._uU(23),t.ALo(24,"humanizeDate"),t.qZA(),t.TgZ(25,"td"),t._uU(26),t.ALo(27,"humanizeDuration"),t.ALo(28,"humanizeDuration"),t.ALo(29,"humanizeDuration"),t.qZA(),t.TgZ(30,"td"),t.YNc(31,Q,2,0,"ng-container",18),t.YNc(32,Y,1,1,"ng-template",null,19,t.W1O),t.qZA(),t.TgZ(34,"td",20),t._UZ(35,"flink-dynamic-host",21),t.qZA(),t._UZ(36,"td",20),t.qZA(),t.BQk()),2&e){const n=a.$implicit,o=t.MAs(33),s=t.oxw(2).ngIf,c=t.oxw(2),r=t.MAs(38);t.xp6(2),t.Q6J("nzIndentSize",8),t.xp6(1),t.Oqu(s.subtask),t.xp6(2),t.Q6J("ngIf",n.metrics["read-bytes-complete"])("ngIfElse",r),t.xp6(2),t.Q6J("ngIf",n.metrics["read-records-complete"])("ngIfElse",r),t.xp6(2),t.Q6J("ngIf",n.metrics["write-bytes-complete"])("ngIfElse",r),t.xp6(2),t.Q6J("ngIf",n.metrics["write-records-complete"])("ngIfElse",r),t.xp6(2),t.Oqu(n.attempt+1),t.xp6(2),t.Oqu(n.host),t.xp6(2),t.Oqu(t.xi3(18,22,n.start_time,"yyyy-MM-dd HH:mm:ss")),t.xp6(3),t.Oqu(t.lcZ(21,25,n.duration)),t.xp6(3),t.Oqu(t.xi3(24,27,n["end-time"],"yyyy-MM-dd HH:mm:ss")),t.xp6(3),t.lnq(" ",t.lcZ(27,30,n.metrics["accumulated-backpressured-time"])," / ",t.lcZ(28,32,n.metrics["accumulated-idle-time"])," / ",t.lcZ(29,34,n.metrics["accumulated-busy-time"])," "),t.xp6(5),t.Q6J("ngIf",!n["status-duration"])("ngIfElse",o),t.xp6(4),t.Q6J("data",t.VKq(36,b,n.status))("component",c.stateBadgeComponent)}}function j(e,a){if(1&e&&(t.ynx(0),t.YNc(1,R,37,38,"ng-container",23),t.BQk()),2&e){const n=t.oxw().ngIf,o=t.oxw(2);t.xp6(1),t.Q6J("ngForOf",n["other-concurrent-attempts"])("ngForTrackBy",o.trackBySubtaskAttempt)}}const H=function(e){return{subtask:e}};function W(e,a){if(1&e){const n=t.EpF();t.ynx(0),t.TgZ(1,"tr")(2,"td",17),t.NdJ("nzExpandChange",function(s){const r=t.CHM(n).ngIf,m=t.oxw(2);return t.KtG(m.onExpandChange(r,s))}),t._uU(3),t.qZA(),t.TgZ(4,"td"),t.YNc(5,J,3,3,"span",18),t.qZA(),t.TgZ(6,"td"),t.YNc(7,D,3,4,"span",18),t.qZA(),t.TgZ(8,"td"),t.YNc(9,I,3,3,"span",18),t.qZA(),t.TgZ(10,"td"),t.YNc(11,F,3,4,"span",18),t.qZA(),t.TgZ(12,"td"),t._uU(13),t.qZA(),t.TgZ(14,"td"),t._uU(15),t.qZA(),t.TgZ(16,"td"),t._uU(17),t.ALo(18,"humanizeDate"),t.qZA(),t.TgZ(19,"td"),t._uU(20),t.ALo(21,"humanizeDuration"),t.qZA(),t.TgZ(22,"td"),t._uU(23),t.ALo(24,"humanizeDate"),t.qZA(),t.TgZ(25,"td"),t._uU(26),t.ALo(27,"humanizeDuration"),t.ALo(28,"humanizeDuration"),t.ALo(29,"humanizeDuration"),t.qZA(),t.TgZ(30,"td"),t.YNc(31,U,2,0,"ng-container",18),t.YNc(32,N,1,1,"ng-template",null,19,t.W1O),t.qZA(),t.TgZ(34,"td",20),t._UZ(35,"flink-dynamic-host",21),t.qZA(),t.TgZ(36,"td",20),t._UZ(37,"flink-dynamic-host",21),t.qZA()(),t.YNc(38,j,2,2,"ng-container",16),t.BQk()}if(2&e){const n=a.ngIf,o=t.MAs(33),s=t.oxw(2),c=t.MAs(38);t.xp6(2),t.Q6J("nzShowExpand",(null==n["other-concurrent-attempts"]?null:n["other-concurrent-attempts"].length)>0)("nzExpand",s.expandSet.has(n.subtask)),t.xp6(1),t.hij(" ",n.subtask," "),t.xp6(2),t.Q6J("ngIf",n.metrics["read-bytes-complete"])("ngIfElse",c),t.xp6(2),t.Q6J("ngIf",n.metrics["read-records-complete"])("ngIfElse",c),t.xp6(2),t.Q6J("ngIf",n.metrics["write-bytes-complete"])("ngIfElse",c),t.xp6(2),t.Q6J("ngIf",n.metrics["write-records-complete"])("ngIfElse",c),t.xp6(2),t.Oqu(n.attempt+1),t.xp6(2),t.Oqu(n.host),t.xp6(2),t.Oqu(t.xi3(18,26,n.start_time,"yyyy-MM-dd HH:mm:ss")),t.xp6(3),t.Oqu(t.lcZ(21,29,n.duration)),t.xp6(3),t.Oqu(t.xi3(24,31,n["end-time"],"yyyy-MM-dd HH:mm:ss")),t.xp6(3),t.lnq(" ",t.lcZ(27,34,n.metrics["accumulated-backpressured-time"])," / ",t.lcZ(28,36,n.metrics["accumulated-idle-time"])," / ",t.lcZ(29,38,n.metrics["accumulated-busy-time"])," "),t.xp6(5),t.Q6J("ngIf",!n["status-duration"])("ngIfElse",o),t.xp6(4),t.Q6J("data",t.VKq(40,b,n.status))("component",s.stateBadgeComponent),t.xp6(2),t.Q6J("data",t.VKq(42,H,n))("component",s.actionComponent),t.xp6(1),t.Q6J("ngIf",s.expandSet.has(n.subtask))}}function $(e,a){if(1&e&&t.YNc(0,W,39,44,"ng-container",16),2&e){const n=a.$implicit,o=t.oxw();t.Q6J("ngIf",o.narrowType(n))}}function G(e,a){1&e&&(t.TgZ(0,"span",25),t._uU(1,"loading..."),t.qZA())}const V=function(){return{x:"2210px",y:"calc(100% - 36px)"}};function p(e){return(a,n)=>e(a)>e(n)?1:-1}let K=(()=>{class e{constructor(n,o,s,c){this.jobService=n,this.jobLocalService=o,this.cdr=s,this.moduleConfig=c,this.trackBySubtask=(r,m)=>m.subtask,this.trackBySubtaskAttempt=(r,m)=>`${m.subtask}-${m.attempt}`,this.sortReadBytesFn=p(r=>r.metrics?.["read-bytes"]),this.sortReadRecordsFn=p(r=>r.metrics?.["read-records"]),this.sortWriteBytesFn=p(r=>r.metrics?.["write-bytes"]),this.sortWriteRecordsFn=p(r=>r.metrics?.["write-records"]),this.sortAttemptFn=p(r=>r.attempt),this.sortHostFn=p(r=>r.host),this.sortStartTimeFn=p(r=>r.start_time),this.sortDurationFn=p(r=>r.duration),this.sortEndTimeFn=p(r=>r["end-time"]),this.sortStatusFn=p(r=>r.status),this.expandSet=new Set,this.listOfTask=[],this.isLoading=!0,this.narrowType=(0,A.t)(),this.destroy$=new f.x,this.actionComponent=c.customComponents?.subtaskActionComponent||u.C.customComponents.subtaskActionComponent,this.durationBadgeComponent=c.customComponents?.durationBadgeComponent||u.C.customComponents.durationBadgeComponent,this.stateBadgeComponent=c.customComponents?.stateBadgeComponent||u.C.customComponents.stateBadgeComponent}ngOnInit(){this.jobLocalService.jobWithVertexChanges().pipe((0,x.z)(n=>this.jobService.loadSubTasks(n.job.jid,n.vertex.id).pipe((0,Z.K)(()=>(0,z.of)(void 0)))),(0,C.R)(this.destroy$)).subscribe(n=>{this.listOfTask=n?.subtasks||[],this.aggregated=n?.aggregated,this.isLoading=!1,this.cdr.markForCheck()})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}collapseAll(){this.expandSet.clear(),this.cdr.markForCheck()}onExpandChange(n,o){o?this.expandSet.add(n.subtask):this.expandSet.delete(n.subtask),this.cdr.markForCheck()}convertStatusDuration(n){return[g.CREATED,g.SCHEDULED,g.DEPLOYING,g.INITIALIZING,g.RUNNING].map(s=>({state:s,duration:n[s]}))}}return e.\u0275fac=function(n){return new(n||e)(t.Y36(k.O),t.Y36(y.R),t.Y36(t.sBO),t.Y36(u.s))},e.\u0275cmp=t.Xpm({type:e,selectors:[["flink-job-overview-drawer-subtasks"]],standalone:!0,features:[t.jDz],decls:39,vars:24,consts:[[3,"nzTabBarGutter","nzSize"],["nzTitle","Subtask Metrics"],["nzSize","small",3,"nzLoading","nzData","nzScroll","nzFrontPagination","nzShowPagination","nzVirtualItemSize","nzVirtualMinBufferPx","nzVirtualMaxBufferPx","nzVirtualForTrackBy"],["nzWidth","120px","nzLeft",""],["nzWidth","140px",3,"nzSortFn","nzSortOrderChange"],["nzWidth","150px",3,"nzSortFn","nzSortOrderChange"],["nzWidth","120px",3,"nzSortFn","nzSortOrderChange"],["nzWidth","100px",3,"nzSortFn","nzSortOrderChange"],["nzWidth","200px",3,"nzSortFn","nzSortOrderChange"],["nzWidth","320px"],["nzWidth","120px","nzRight","",3,"nzSortFn","nzSortOrderChange"],["nzWidth","50px","nzRight",""],["nz-virtual-scroll",""],["nzTitle","Aggregated Metrics"],[3,"isLoading","aggregated"],["loadingTemplate",""],[4,"ngIf"],["nzLeft","",3,"nzShowExpand","nzExpand","nzExpandChange"],[4,"ngIf","ngIfElse"],["badges",""],["nzRight",""],[3,"data","component"],[3,"data","component",4,"ngFor","ngForOf"],[4,"ngFor","ngForOf","ngForTrackBy"],["nzLeft","",3,"nzIndentSize"],[1,"text-secondary"]],template:function(n,o){1&n&&(t.TgZ(0,"nz-tabset",0)(1,"nz-tab",1)(2,"nz-table",2)(3,"thead")(4,"tr")(5,"th",3),t._uU(6,"ID"),t.qZA(),t.TgZ(7,"th",4),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(8," Bytes Received "),t.qZA(),t.TgZ(9,"th",5),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(10," Records Received "),t.qZA(),t.TgZ(11,"th",6),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(12," Bytes Sent "),t.qZA(),t.TgZ(13,"th",6),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(14," Records Sent "),t.qZA(),t.TgZ(15,"th",7),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(16," Attempt "),t.qZA(),t.TgZ(17,"th",8),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(18,"Host"),t.qZA(),t.TgZ(19,"th",5),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(20," Start Time "),t.qZA(),t.TgZ(21,"th",5),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(22," Duration "),t.qZA(),t.TgZ(23,"th",5),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(24," End Time "),t.qZA(),t.TgZ(25,"th",9),t._uU(26,"Accumulated Time (Backpressured/Idle/Busy)"),t.qZA(),t.TgZ(27,"th",9),t._uU(28,"Status Durations"),t.qZA(),t.TgZ(29,"th",10),t.NdJ("nzSortOrderChange",function(){return o.collapseAll()}),t._uU(30," Status "),t.qZA(),t.TgZ(31,"th",11),t._uU(32,"More"),t.qZA()()(),t.TgZ(33,"tbody"),t.YNc(34,$,1,1,"ng-template",12),t.qZA()()(),t.TgZ(35,"nz-tab",13),t._UZ(36,"flink-table-aggregated-metrics",14),t.qZA()(),t.YNc(37,G,2,0,"ng-template",null,15,t.W1O)),2&n&&(t.Q6J("nzTabBarGutter",16)("nzSize","small"),t.xp6(2),t.Q6J("nzLoading",o.isLoading)("nzData",o.listOfTask)("nzScroll",t.DdM(23,V))("nzFrontPagination",!1)("nzShowPagination",!1)("nzVirtualItemSize",36)("nzVirtualMinBufferPx",720)("nzVirtualMaxBufferPx",720)("nzVirtualForTrackBy",o.trackBySubtask),t.xp6(5),t.Q6J("nzSortFn",o.sortReadBytesFn),t.xp6(2),t.Q6J("nzSortFn",o.sortReadRecordsFn),t.xp6(2),t.Q6J("nzSortFn",o.sortWriteBytesFn),t.xp6(2),t.Q6J("nzSortFn",o.sortWriteRecordsFn),t.xp6(2),t.Q6J("nzSortFn",o.sortAttemptFn),t.xp6(2),t.Q6J("nzSortFn",o.sortHostFn),t.xp6(2),t.Q6J("nzSortFn",o.sortStartTimeFn),t.xp6(2),t.Q6J("nzSortFn",o.sortDurationFn),t.xp6(2),t.Q6J("nzSortFn",o.sortEndTimeFn),t.xp6(6),t.Q6J("nzSortFn",o.sortStatusFn),t.xp6(7),t.Q6J("isLoading",o.isLoading)("aggregated",o.aggregated))},dependencies:[d.we,d.xH,d.xw,_.HQ,_.N8,_.qD,_.Uo,_._C,_.h7,_.Om,_.p0,_.$Z,_.zu,_.qn,l.O5,v.E,l.JJ,O.c,T.w,S.y,l.sg,w.B],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}[_nghost-%COMP%]   .text-secondary[_ngcontent-%COMP%]{color:#00000073;font-size:12px}[_nghost-%COMP%]   nz-tabset[_ngcontent-%COMP%]{height:100%}[_nghost-%COMP%]     .ant-table-row-indent{padding-left:0!important}[_nghost-%COMP%]     .ant-table-row-indent+.ant-table-row-expand-icon{margin-top:2px}[_nghost-%COMP%]     .ant-table-cell{font-size:12px}[_nghost-%COMP%]     .ant-tabs-content{height:100%}[_nghost-%COMP%]     .ant-tabs-content .ant-tabs-tabpane{height:100%}[_nghost-%COMP%]     .ant-tabs-nav{margin-bottom:0}[_nghost-%COMP%]     .ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{margin:0 0 0 16px;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}),e})()}}]);