0.2.5 initial commit

Makefile incomplete

ui/src/app/components/install-wizard/dependents/dependents.component.ts

@@ -0,0 +1,59 @@
+import { Component, Input, OnInit } from '@angular/core'
+import { BehaviorSubject, from, Subject } from 'rxjs'
+import { takeUntil, tap } from 'rxjs/operators'
+import { DependentBreakage } from 'src/app/models/app-types'
+import { markAsLoadingDuring$ } from 'src/app/services/loader.service'
+import { capitalizeFirstLetter } from 'src/app/util/misc.util'
+import { Colorable, Loadable } from '../loadable'
+import { WizardAction } from '../wizard-types'
+
+@Component({
+  selector: 'dependents',
+  templateUrl: './dependents.component.html',
+  styleUrls: ['../install-wizard.component.scss'],
+})
+export class DependentsComponent implements OnInit, Loadable, Colorable {
+  @Input() params: {
+    title: string,
+    action: WizardAction, //Are you sure you want to *uninstall*...,
+    verb: string, // *Uninstalling* will cause problems...
+    fetchBreakages: () => Promise<DependentBreakage[]>,
+    skipConfirmationDialogue?: boolean
+  }
+  @Input() finished: (info: { error?: Error, cancelled?: true, final?: true }) => Promise<any>
+
+
+  dependentBreakages: DependentBreakage[]
+  hasDependentViolation: boolean
+  longMessage: string | null = null
+  $color$ = new BehaviorSubject('medium') // this will display disabled while loading
+  $loading$ = new BehaviorSubject(false)
+  $cancel$ = new Subject<void>()
+
+  constructor () { }
+  ngOnInit () { }
+
+  load () {
+    this.$color$.next('medium')
+    markAsLoadingDuring$(this.$loading$, from(this.params.fetchBreakages())).pipe(
+      takeUntil(this.$cancel$),
+      tap(breakages => this.dependentBreakages = breakages || []),
+    ).subscribe(
+      {
+        complete: () => {
+          this.hasDependentViolation = this.dependentBreakages && this.dependentBreakages.length > 0
+          if (this.hasDependentViolation) {
+            this.longMessage = `${capitalizeFirstLetter(this.params.verb)} ${this.params.title} will cause the following services to STOP running. Starting them again will require additional actions.`
+            this.$color$.next('warning')
+          } else if (this.params.skipConfirmationDialogue) {
+            this.finished({ })
+          } else {
+            this.longMessage = `No other services installed on your Embassy will be affected by this action.`
+            this.$color$.next('success')
+          }
+        },
+        error: (e: Error) => this.finished({ error: new Error(`Fetching dependent service information failed: ${e.message || e}`) }),
+      },
+    )
+  }
+}