[FLINK-13386][web]: Fix sort in Firefox

spotify · Sep 27, 2019 · 2a6eefa · 2a6eefa
1 parent c46ba1b
commit 2a6eefa
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html b/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html
@@ -20,7 +20,7 @@
  class="no-border small"
  [nzSize]="'small'"
  [nzData]="nodes"
- [nzScroll]="{x:((1310+left)+'px')}"
+ [nzScroll]="{x:((1360+left)+'px')}"
  [nzFrontPagination]="false"
  [nzShowPagination]="false">
  <thead (nzSortChange)="sort($event)" nzSingleSort>
@@ -33,7 +33,7 @@
  <th nzSortKey="detail.metrics.write-records" nzShowSort nzWidth="120px">Records Sent</th>
  <th nzSortKey="parallelism" nzShowSort nzWidth="120px">Parallelism</th>
  <th nzSortKey="detail.start-time" nzShowSort nzWidth="150px">Start Time</th>
- <th nzSortKey="detail.duration" nzShowSort nzWidth="100px">Duration</th>
+ <th nzSortKey="detail.duration" nzShowSort nzWidth="150px">Duration</th>
  <th nzSortKey="detail.end-time" nzShowSort nzWidth="150px">End Time</th>
  <th nzWidth="100px" nzRight="0px">Tasks</th>
  </tr>

diff --git a/...-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.ts b/...-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.ts
@@ -28,8 +28,8 @@ import { NodesItemCorrectInterface } from 'interfaces';
 })
 export class JobOverviewListComponent {
  innerNodes: NodesItemCorrectInterface[] = [];
- sortName = 'detail.topology-id';
- sortValue = 'ascend';
+ sortName: string;
+ sortValue: string;
  left = 390;
  @Output() nodeClick = new EventEmitter();
  @Input() selectedNode: NodesItemCorrectInterface;

diff --git a/flink-runtime-web/web-dashboard/src/app/services/job.service.ts b/flink-runtime-web/web-dashboard/src/app/services/job.service.ts
@@ -265,7 +265,7 @@ export class JobService {
  }
  });
  const listOfVerticesId = job.vertices.map(item => item.id);
- nodes.sort((pre, next) => listOfVerticesId.indexOf(next.id) - listOfVerticesId.indexOf(pre.id));
+ nodes.sort((pre, next) => listOfVerticesId.indexOf(pre.id) - listOfVerticesId.indexOf(next.id));
  }
  return {
  ...job,