closes #2212 and closes #2214

frontend/projects/ui/src/app/apps/ui/pages/apps-routes/app-show/components/app-show-additional/app-show-additional.component.html

@@ -5,8 +5,8 @@
       <ion-item-group>
         <ion-item>
           <ion-label>
-            <h2>Version</h2>
-            <p>{{ manifest.version | displayEmver }}</p>
+            <h2>Installed</h2>
+            <p>{{ pkg.installed?.['installed-at'] | date : 'medium' }}</p>
           </ion-label>
         </ion-item>
         <ion-item

frontend/projects/ui/src/app/apps/ui/pages/server-routes/server-specs/server-specs.page.html

@@ -27,23 +27,33 @@
     </ion-item>
 
     <ion-item-divider>Web Addresses</ion-item-divider>
-    <ion-item>
+    <ion-item *ngIf="server['tor-address'] as torAddress">
       <ion-label class="break-all">
         <h2>Tor</h2>
-        <p>{{ server['tor-address'] }}</p>
+        <p>{{ torAddress }}</p>
       </ion-label>
-      <ion-button slot="end" fill="clear" (click)="copy(server['tor-address'])">
-        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
-      </ion-button>
+      <div slot="end">
+        <ion-button fill="clear" (click)="launch(torAddress)">
+          <ion-icon slot="icon-only" name="open-outline"></ion-icon>
+        </ion-button>
+        <ion-button fill="clear" (click)="copy(torAddress)">
+          <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+        </ion-button>
+      </div>
     </ion-item>
-    <ion-item>
+    <ion-item *ngIf="server['lan-address'] as lanAddress">
       <ion-label class="break-all">
         <h2>LAN</h2>
-        <p>{{ server['lan-address'] }}</p>
+        <p>{{ lanAddress }}</p>
       </ion-label>
-      <ion-button slot="end" fill="clear" (click)="copy(server['lan-address'])">
-        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
-      </ion-button>
+      <div slot="end">
+        <ion-button fill="clear" (click)="launch(lanAddress)">
+          <ion-icon slot="icon-only" name="open-outline"></ion-icon>
+        </ion-button>
+        <ion-button fill="clear" (click)="copy(lanAddress)">
+          <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+        </ion-button>
+      </div>
     </ion-item>
     <ng-container *ngFor="let iface of server['ip-info'] | keyvalue">
       <ion-item *tuiLet="iface.value.ipv4 as ipv4">

frontend/projects/ui/src/app/apps/ui/pages/server-routes/server-specs/server-specs.page.ts

@@ -24,6 +24,10 @@ export class ServerSpecsPage {
     return this.config.gitHash
   }
 
+  launch(url: string): void {
+    window.open(url, '_blank', 'noreferrer')
+  }
+
   async copy(address: string) {
     let message = ''
     await copyToClipboard(address || '').then(success => {

frontend/projects/ui/src/app/services/api/api.fixures.ts

@@ -1224,6 +1224,7 @@ export module Mock {
     manifest: MockManifestBitcoind,
     installed: {
       'last-backup': null,
+      'installed-at': new Date().toISOString(),
       status: {
         configured: true,
         main: {
@@ -1326,6 +1327,7 @@ export module Mock {
     manifest: MockManifestBitcoinProxy,
     installed: {
       'last-backup': null,
+      'installed-at': new Date().toISOString(),
       status: {
         configured: false,
         main: {
@@ -1368,6 +1370,7 @@ export module Mock {
     manifest: MockManifestLnd,
     installed: {
       'last-backup': null,
+      'installed-at': new Date().toISOString(),
       status: {
         configured: true,
         main: {

frontend/projects/ui/src/app/services/patch-db/data-model.ts

@@ -155,6 +155,7 @@ export enum PackageState {
 export interface InstalledPackageInfo {
   status: Status
   'last-backup': string | null
+  'installed-at': string
   'current-dependencies': Record<string, CurrentDependencyInfo>
   'dependency-info': Record<string, { title: string; icon: Url }>
   'address-info': Record<string, AddressInfo>