File
Implements
Index
Properties
|
|
Methods
|
|
Inputs
|
|
isLoading
|
Default value : true
|
|
import { Component, OnInit, Input } from '@angular/core';
import { Job } from '../shared/workflow.model';
import { JobService } from '../shared/job.service';
import { HelperService } from '../../shared/helper.service';
@Component({
selector: 'hi-job-detail',
templateUrl: './job-detail.component.html',
styleUrls: ['./job-detail.component.scss'],
})
export class JobDetailComponent implements OnInit {
@Input()
job: Job;
isLoading = true;
constructor(protected service: JobService, protected helper: HelperService) {}
ngOnInit() {
this.service.get(this.job).subscribe(
(data) => (this.isLoading = false),
(error) => this.helper.showError(error),
() => (this.isLoading = false)
);
}
}
<!--
~ Licensed to the Apache Software Foundation (ASF) under one
~ or more contributor license agreements. See the NOTICE file
~ distributed with this work for additional information
~ regarding copyright ownership. The ASF licenses this file
~ to you under the Apache License, Version 2.0 (the
~ "License"); you may not use this file except in compliance
~ with the License. You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing,
~ software distributed under the License is distributed on an
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
~ KIND, either express or implied. See the License for the
~ specific language governing permissions and limitations
~ under the License.
-->
<mat-tab-group>
<mat-tab label="Job Config">
<mat-spinner *ngIf="isLoading"></mat-spinner>
<ngx-json-viewer [json]="job?.config"></ngx-json-viewer>
</mat-tab>
<mat-tab label="Job Context">
<mat-spinner *ngIf="isLoading"></mat-spinner>
<ngx-json-viewer [json]="job?.context"></ngx-json-viewer>
</mat-tab>
</mat-tab-group>
Legend
Html element with directive