0.2.5 initial commit

Makefile incomplete

ui/src/app/components/error-message/error-message.component.html

@@ -0,0 +1,6 @@
+<ion-item lines="none"  *ngIf="$error$ | async as error" class="notifier-item" style="margin-top: 12px">
+  <ion-label class="ion-text-wrap" color="danger"><p>{{ error }}</p></ion-label>
+  <ion-button *ngIf="dismissable" size="small" slot="end" fill="outline" color="danger" (click)="clear()">
+    <ion-icon style="height: 12px; width: 12px;" name="close"></ion-icon>
+  </ion-button>
+</ion-item>

ui/src/app/components/error-message/error-message.component.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { ErrorMessageComponent } from './error-message.component'
+import { IonicModule } from '@ionic/angular'
+import { RouterModule } from '@angular/router'
+import { SharingModule } from 'src/app/modules/sharing.module'
+
+@NgModule({
+  declarations: [
+    ErrorMessageComponent,
+  ],
+  imports: [
+    CommonModule,
+    IonicModule,
+    RouterModule.forChild([]),
+    SharingModule,
+  ],
+  exports: [ErrorMessageComponent],
+})
+export class ErrorMessageComponentModule { }

ui/src/app/components/error-message/error-message.component.scss

@@ -0,0 +1,10 @@
+.error-message {
+  --background: var(--ion-color-danger);
+  margin: 12px;
+  border-radius: 3px;
+  font-weight: bold;
+}
+
+.legacy-error-message {
+  margin: 5px;
+}

ui/src/app/components/error-message/error-message.component.ts

@@ -0,0 +1,19 @@
+import { Component, Input, OnInit } from '@angular/core'
+import { BehaviorSubject } from 'rxjs'
+
+@Component({
+  selector: 'error-message',
+  templateUrl: './error-message.component.html',
+  styleUrls: ['./error-message.component.scss'],
+})
+export class ErrorMessageComponent implements OnInit {
+  @Input() $error$: BehaviorSubject<string | undefined> = new BehaviorSubject(undefined)
+  @Input() dismissable = true
+
+  constructor () { }
+  ngOnInit () { }
+
+  clear () {
+    this.$error$.next(undefined)
+  }
+}