feat(console): replace wget with curl, user login prompt, warn dialog (#387)

* remove evil wget, add warn-dialog, login hint

* i18n

* reference ngsw.js

* update clientid

* fix warn dialog

* lint

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <[email protected]>

* Update console/src/assets/i18n/en.json

Co-authored-by: Florian Forster <[email protected]>

Co-authored-by: Florian Forster <[email protected]>

console/src/app/modules/warn-dialog/warn-dialog.component.html

@@ -0,0 +1,13 @@
+<span class="title" mat-dialog-title>{{data.titleKey | translate}}</span>
+<div mat-dialog-content>
+    <p class="desc"> {{data.descriptionKey | translate}}</p>
+</div>
+<div mat-dialog-actions class="action">
+    <button mat-button (click)="closeDialog()">
+        {{data.cancelKey | translate}}
+    </button>
+
+    <button color="warn" mat-raised-button class="ok-button" (click)="closeDialogWithSuccess()">
+        {{data.confirmKey | translate}}
+    </button>
+</div>

console/src/app/modules/warn-dialog/warn-dialog.component.scss

@@ -0,0 +1,22 @@
+.title {
+    font-size: 1.2rem;
+    margin-top: 0;
+}
+
+.desc {
+    color: #8795a1;
+    font-size: .9rem;
+}
+
+.action {
+    display: flex;
+    justify-content: flex-end;
+
+    .ok-button {
+      margin-left: 0.5rem;
+    }
+
+    button {
+      border-radius: 0.5rem;
+    }
+}

console/src/app/modules/warn-dialog/warn-dialog.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WarnDialogComponent } from './warn-dialog.component';
+
+describe('WarnDialogComponent', () => {
+    let component: WarnDialogComponent;
+    let fixture: ComponentFixture<WarnDialogComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [WarnDialogComponent],
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(WarnDialogComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

console/src/app/modules/warn-dialog/warn-dialog.component.ts

@@ -0,0 +1,26 @@
+import { Component, Inject, OnInit } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+@Component({
+    selector: 'app-warn-dialog',
+    templateUrl: './warn-dialog.component.html',
+    styleUrls: ['./warn-dialog.component.scss'],
+})
+export class WarnDialogComponent implements OnInit {
+
+    constructor(
+        public dialogRef: MatDialogRef<WarnDialogComponent>,
+        @Inject(MAT_DIALOG_DATA) public data: any,
+    ) { }
+
+    ngOnInit(): void {
+    }
+
+    public closeDialog(): void {
+        this.dialogRef.close(false);
+    }
+
+    public closeDialogWithSuccess(): void {
+        this.dialogRef.close(true);
+    }
+}

console/src/app/modules/warn-dialog/warn-dialog.module.ts

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { WarnDialogComponent } from './warn-dialog.component';
+
+
+
+@NgModule({
+    declarations: [WarnDialogComponent],
+    imports: [
+        CommonModule,
+        TranslateModule,
+        MatButtonModule,
+    ],
+    entryComponents: [
+        WarnDialogComponent,
+    ],
+})
+export class WarnDialogModule { }