closes #773

ui/src/app/components/logs/logs.page.html

@@ -2,7 +2,6 @@
   [scrollEvents]="true"
   (ionScroll)="scrollEvent()"
   style="height: 100%;"
-  id="ion-content"
   class="ion-padding"
 >
   <ion-infinite-scroll id="scroller" *ngIf="!loading && needInfinite" position="top" threshold="0" (ionInfinite)="loadData($event)">

ui/src/app/components/logs/logs.page.ts

@@ -2,6 +2,10 @@ import { Component, Input, ViewChild } from '@angular/core'
 import { IonContent } from '@ionic/angular'
 import { ErrorToastService } from 'src/app/services/error-toast.service'
 import { RR } from 'src/app/services/api/api.types'
+var Convert = require('ansi-to-html')
+var convert = new Convert({
+  bg: 'transparent',
+})
 
 @Component({
   selector: 'logs',
@@ -62,7 +66,7 @@ export class LogsPage {
       const container = document.getElementById('container')
       const beforeContainerHeight = container.scrollHeight
       const newLogs = document.getElementById('template').cloneNode(true) as HTMLElement
-      newLogs.innerHTML = logs.map(l => `${l.timestamp} ${l.message}`).join('\n\n') + (logs.length ? '\n\n' : '')
+      newLogs.innerHTML = logs.map(l => `${l.timestamp} ${convert.toHtml(l.message)}`).join('\n\n') + (logs.length ? '\n\n' : '')
       container.prepend(newLogs)
       const afterContainerHeight = container.scrollHeight
 

ui/src/app/pages/apps-routes/app-properties/app-properties.page.html

@@ -50,7 +50,7 @@
           </ion-button>
           <ion-label>
             <h2>{{ prop.key }}</h2>
-            <p>{{ prop.value.masked && !unmasked[prop.key] ? (prop.value.value | mask ) : (prop.value.value | truncateEnd : 100) }}</p>
+            <p>{{ prop.value.masked && !unmasked[prop.key] ? (prop.value.value | mask ) : prop.value.value }}</p>
           </ion-label>
           <div slot="end" *ngIf="prop.value.copyable || prop.value.qr">
             <ion-button *ngIf="prop.value.masked" fill="clear" (click)="toggleMask(prop.key)">

ui/src/app/pages/server-routes/server-metrics/server-metrics.page.ts

@@ -1,5 +1,4 @@
-import { Component, ViewChild } from '@angular/core'
-import { IonContent } from '@ionic/angular'
+import { Component } from '@angular/core'
 import { Metrics } from 'src/app/services/api/api.types'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
 import { ErrorToastService } from 'src/app/services/error-toast.service'

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

@@ -895,7 +895,7 @@ export module Mock {
     },
     {
       timestamp: '2019-12-26T14:21:30.872Z',
-      message: 'ServerLogs ServerLogs ServerLogs ServerLogs ServerLogs',
+      message: '2021/11/09 22:55:04 \u001b[0;32;49mPOST \u001b[0;32;49m200\u001b[0m photoview.embassy/api/graphql \u001b[0;36;49m1.169406ms\u001b[0m unauthenticated',
     },
     {
       timestamp: '2019-12-26T14:22:30.872Z',