diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html index 2a3d8f2fd..d21cea34e 100644 --- a/frontend/src/app/components/block/block.component.html +++ b/frontend/src/app/components/block/block.component.html @@ -55,10 +55,7 @@ Timestamp - ‎{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }} -
- () -
+ diff --git a/frontend/src/app/lightning/channel/channel.component.html b/frontend/src/app/lightning/channel/channel.component.html index 43dafd24e..41c2f3254 100644 --- a/frontend/src/app/lightning/channel/channel.component.html +++ b/frontend/src/app/lightning/channel/channel.component.html @@ -22,11 +22,11 @@ Created - + Last update - + Opening transaction diff --git a/frontend/src/app/lightning/node/node.component.html b/frontend/src/app/lightning/node/node.component.html index 19f730d3e..101250359 100644 --- a/frontend/src/app/lightning/node/node.component.html +++ b/frontend/src/app/lightning/node/node.component.html @@ -43,13 +43,13 @@ First seen - + Last update - + diff --git a/frontend/src/app/shared/components/timestamp/timestamp.component.html b/frontend/src/app/shared/components/timestamp/timestamp.component.html new file mode 100644 index 000000000..b37ff065a --- /dev/null +++ b/frontend/src/app/shared/components/timestamp/timestamp.component.html @@ -0,0 +1,4 @@ +‎{{ seconds * 1000 | date:'yyyy-MM-dd HH:mm' }} +
+ () +
diff --git a/frontend/src/app/shared/components/timestamp/timestamp.component.scss b/frontend/src/app/shared/components/timestamp/timestamp.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/src/app/shared/components/timestamp/timestamp.component.ts b/frontend/src/app/shared/components/timestamp/timestamp.component.ts new file mode 100644 index 000000000..a0c9861f0 --- /dev/null +++ b/frontend/src/app/shared/components/timestamp/timestamp.component.ts @@ -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 + } + } + +} diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts index bbcba71c0..77e4cb046 100644 --- a/frontend/src/app/shared/shared.module.ts +++ b/frontend/src/app/shared/shared.module.ts @@ -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 {