@@ -4,15 +4,15 @@ <h6 class="card-title mb-0 text-uppercase label-header">
44 Application logs
55 </ h6 >
66 < div class ="d-flex justify-content-center align-items-center ">
7- <!--< ng-select (change)="filterBySelect($event,'source')"
7+ < ng-select (change) ="filterBySelect($event,'source') "
88 [clearable] ="true "
99 [items] ="sources "
1010 [searchable] ="false "
1111 class ="has-minimum-width mr-3 "
1212 placeholder ="Source "
1313 style ="min-width: 100px "
14- ></ng-select>-->
15- < ng-select (change) ="filterBySelect($event,'log.severity ') "
14+ > </ ng-select >
15+ < ng-select (change) ="filterBySelect($event,'type ') "
1616 [clearable] ="true "
1717 [items] ="types "
1818 [searchable] ="false "
@@ -28,78 +28,78 @@ <h6 class="card-title mb-0 text-uppercase label-header">
2828 </ app-elastic-filter-time >
2929 </ div >
3030 </ div >
31- < div class ="table-responsive resizable-table-responsive m-h-0 ">
32- < table class ="table text-nowrap ">
33- < thead >
34- < tr >
35- < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
36- Date
37- </ th >
38- < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
39- Source
40- </ th >
41- < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
42- Type
43- </ th >
44- < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
45- Preview
46- </ th >
47- </ tr >
48- </ thead >
49- < tbody *ngIf ="logs && !loading ">
50- < tr (click) ="message = log.log.msg " *ngFor ="let log of logs " class ="cursor-pointer ">
51- < td > < span > {{log["@timestamp"]| date:'medium':'UTC'}}</ span > </ td >
52- < td >
53- < span > {{'PANEL ( '+ log.dataSource + ' )' }}</ span >
54- </ td >
55- < td >
56- < span [ngClass] ="getClassByType(log.log.severity ) "
31+ < div class ="table-responsive resizable-table-responsive m-h-0 ">
32+ < table class ="table text-nowrap ">
33+ < thead >
34+ < tr >
35+ < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
36+ Date
37+ </ th >
38+ < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
39+ Source
40+ </ th >
41+ < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
42+ Type
43+ </ th >
44+ < th class ="font-weight-semibold text-uppercase cursor-pointer w-25 ">
45+ Preview
46+ </ th >
47+ </ tr >
48+ </ thead >
49+ < tbody *ngIf ="logs && !loading ">
50+ < tr (click) ="message = log.message " *ngFor ="let log of logs " class ="cursor-pointer ">
51+ < td > < span > {{log["@timestamp"]| date:'medium':'UTC'}}</ span > </ td >
52+ < td >
53+ < span > {{log.source }}</ span >
54+ </ td >
55+ < td >
56+ < span [ngClass] ="getClassByType(log.type ) "
5757 class ="p-1 border-1 rounded ">
58- {{log.log.severity }}
58+ {{log.type }}
5959 </ span >
60- </ td >
61- < td >
62- < span [ngClass] ="getClassByType(log.log.msg ) ">
63- {{getPreview(log.log.msg )}}
60+ </ td >
61+ < td >
62+ < span [ngClass] ="getClassByType(log.type ) ">
63+ {{getPreview(log.message )}}
6464 </ span >
65- </ td >
66- </ tr >
67- </ tbody >
68- < tbody *ngIf ="(logs.length===0 && !loading) ">
69- < tr >
70- < td colspan ="5 ">
71- < app-no-data-found > </ app-no-data-found >
72- </ td >
73- </ tr >
74- </ tbody >
75- < tbody *ngIf ="loading ">
76- < tr >
77- < td colspan ="5 ">
78- < div class ="p-5 d-flex justify-content-center align-items-center text-blue-800 ">
79- < app-utm-spinner [height] ="'35px' "
80- [label] ="'Loading logs' "
81- [loading] ="loading "
82- [width] ="'35px' ">
83- </ app-utm-spinner >
84- </ div >
85- </ td >
86- </ tr >
87- </ tbody >
88- </ table >
89- </ div >
90- < div *ngIf ="logs && logs.length>0 " class ="py-3 ">
91- < div class ="row justify-content-center ">
92- < ngb-pagination
93- (pageChange) ="loadPage($event) "
94- [(page)] ="page "
95- [boundaryLinks] ="true "
96- [collectionSize] ="totalItems "
97- [maxSize] ="5 "
98- [pageSize] ="itemsPerPage "
99- [rotate] ="true "
100- [size] ="'sm' "> </ ngb-pagination >
101- </ div >
65+ </ td >
66+ </ tr >
67+ </ tbody >
68+ < tbody *ngIf ="(logs.length===0 && !loading) ">
69+ < tr >
70+ < td colspan ="5 ">
71+ < app-no-data-found > </ app-no-data-found >
72+ </ td >
73+ </ tr >
74+ </ tbody >
75+ < tbody *ngIf ="loading ">
76+ < tr >
77+ < td colspan ="5 ">
78+ < div class ="p-5 d-flex justify-content-center align-items-center text-blue-800 ">
79+ < app-utm-spinner [height] ="'35px' "
80+ [label] ="'Loading logs' "
81+ [loading] ="loading "
82+ [width] ="'35px' ">
83+ </ app-utm-spinner >
84+ </ div >
85+ </ td >
86+ </ tr >
87+ </ tbody >
88+ </ table >
89+ </ div >
90+ < div *ngIf ="logs && logs.length>0 " class ="py-3 ">
91+ < div class ="row justify-content-center ">
92+ < ngb-pagination
93+ (pageChange) ="loadPage($event) "
94+ [(page)] ="page "
95+ [boundaryLinks] ="true "
96+ [collectionSize] ="totalItems "
97+ [maxSize] ="5 "
98+ [pageSize] ="itemsPerPage "
99+ [rotate] ="true "
100+ [size] ="'sm' "> </ ngb-pagination >
102101 </ div >
102+ </ div >
103103</ div >
104104
105105< div *ngIf ="message " class ="utm-right-container ">
0 commit comments