fix: download component do not show version

Change-Id: Ia3d3fc92961565831883f717f54cb4feed2da699

src/web/src/app/modules/download/components/download/download.component.html

@@ -5,14 +5,14 @@
 </ng-template>
 
 <div class="list"
-     *ngIf="loadCount >= 2; else: loading">
+     *ngIf="loaded; else: loading">
   <div class="title"
        i18n>Processing {{ jobs.length }} {jobs.length, plural,=0 {task} =1 {task} other {tasks}}</div>
 
   <table>
     <ng-container *ngFor="let job of jobs">
       <ng-container *ngFor="let appName of job.names">
-        <tr *ngIf="apps.get(appName) as $app"
+        <tr *ngIf="appName|appInfo|async as $app"
             @flyInOut>
           <td><img class="icon"
                  [src]="$app | icon"

src/web/src/app/modules/download/components/download/download.component.ts

@@ -42,26 +42,18 @@ export class DownloadComponent implements OnInit, OnDestroy {
   start = this.storeService.resumeJob;
   pause = this.storeService.pauseJob;
 
-  loadCount = 0;
+  loaded = false;
   apps = new Map<string, App>();
   jobs: StoreJobInfo[] = [];
   cancels = new Set<string>();
   jobs$: Subscription;
   fixing = false;
 
   ngOnInit() {
-    this.appService.list().subscribe(apps => {
-      apps.forEach(app => {
-        this.apps.set(app.name, app);
-      });
-      this.loadCount++;
-    });
-
     this.jobs$ = this.jobService.jobsInfo().subscribe(jobs => {
       jobs = jobs.filter(
         job => job.type === StoreJobType.download || job.type === StoreJobType.install,
       );
-      this.loadCount++;
       const list = jobs.map(job => job.id);
       this.jobs.forEach((job, index) => {
         if (!list.includes(job.id)) {
@@ -76,6 +68,7 @@ export class DownloadComponent implements OnInit, OnDestroy {
           this.jobs.unshift(job);
         }
       });
+      this.loaded = true;
     });
   }