mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-22 22:25:34 +01:00
Code Issues Projects Releases Wiki Activity

Timestamp component

Browse source
This commit is contained in:
softsimon 2022-07-01 18:06:48 +02:00
parent 24631116c4
commit d8a39f2e49
No known key found for this signature in database
GPG key ID: 488D7DCFB5A430D7
7 changed files with 37 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/app/components/block/block.component.html
View file

@ -55,10 +55,7 @@
<tr>
<td i18n="block.timestamp">Timestamp</td>
<td>
&lrm;{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
<div class="lg-inline">
<i class="symbol">(<app-time-since [time]="block.timestamp" [fastRender]="true"></app-time-since>)</i>
</div>
<app-timestamp [unixTime]="block.timestamp"></app-timestamp>
</td>
</tr>
<tr>

4
frontend/src/app/lightning/channel/channel.component.html
View file

@ -22,11 +22,11 @@
<tbody>
<tr>
<td i18n="address.total-sent">Created</td>
<td><app-time-since [dateString]="channel.created"></app-time-since></td>
<td><app-timestamp [dateString]="channel.created"></app-timestamp></td>
</tr>
<tr>
<td i18n="address.total-sent">Last update</td>
<td><app-time-since [dateString]="channel.updated_at"></app-time-since></td>
<td><app-timestamp [dateString]="channel.updated_at"></app-timestamp></td>
</tr>
<tr>
<td i18n="address.total-sent">Opening transaction</td>

4
frontend/src/app/lightning/node/node.component.html
View file

@ -43,13 +43,13 @@
<tr>
<td i18n="address.total-received">First seen</td>
<td>
<app-time-since [dateString]="node.first_seen"></app-time-since>
<app-timestamp [dateString]="node.first_seen"></app-timestamp>
</td>
</tr>
<tr>
<td i18n="address.total-sent">Last update</td>
<td>
<app-time-since [dateString]="node.updated_at"></app-time-since>
<app-timestamp [dateString]="node.updated_at"></app-timestamp>
</td>
</tr>
<tr>

4
frontend/src/app/shared/components/timestamp/timestamp.component.html Normal file
View file

@ -0,0 +1,4 @@
&lrm;{{ seconds * 1000 | date:'yyyy-MM-dd HH:mm' }}
<div class="lg-inline">
<i class="symbol">(<app-time-since [time]="seconds" [fastRender]="true"></app-time-since>)</i>
</div>

0
frontend/src/app/shared/components/timestamp/timestamp.component.scss Normal file
View file

25
frontend/src/app/shared/components/timestamp/timestamp.component.ts Normal file
View file

@ -0,0 +1,25 @@
import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
@Component({
selector: 'app-timestamp',
templateUrl: './timestamp.component.html',
styleUrls: ['./timestamp.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class TimestampComponent implements OnChanges {
@Input() unixTime: number;
@Input() dateString: string;
seconds: number;
constructor() { }
ngOnChanges(): void {
if (this.unixTime) {
this.seconds = this.unixTime;
} else if (this.dateString) {
this.seconds = new Date(this.dateString).getTime() / 1000
}
}
}

3
frontend/src/app/shared/shared.module.ts
View file

@ -76,6 +76,7 @@ import { SvgImagesComponent } from '../components/svg-images/svg-images.componen
import { ChangeComponent } from '../components/change/change.component';
import { SatsComponent } from './components/sats/sats.component';
import { SearchResultsComponent } from '../components/search-form/search-results/search-results.component';
import { TimestampComponent } from './components/timestamp/timestamp.component';
@NgModule({
declarations: [
@ -146,6 +147,7 @@ import { SearchResultsComponent } from '../components/search-form/search-results
ChangeComponent,
SatsComponent,
SearchResultsComponent,
TimestampComponent,
],
imports: [
CommonModule,
@ -244,6 +246,7 @@ import { SearchResultsComponent } from '../components/search-form/search-results
ChangeComponent,
SatsComponent,
SearchResultsComponent,
TimestampComponent,
]
})
export class SharedModule {