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/pages/orgs/org-detail/org-detail.component.ts

@@ -1,10 +1,12 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { MatDialog } from '@angular/material/dialog';
 import { MatTableDataSource } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 import { ChangeType } from 'src/app/modules/changes/changes.component';
+import { WarnDialogComponent } from 'src/app/modules/warn-dialog/warn-dialog.component';
 import { Org, OrgDomainView, OrgMember, OrgMemberSearchResponse, OrgState } from 'src/app/proto/generated/management_pb';
 import { OrgService } from 'src/app/services/org.service';
 import { ToastService } from 'src/app/services/toast.service';
@@ -32,6 +34,7 @@ export class OrgDetailComponent implements OnInit, OnDestroy {
     public newDomain: string = '';
 
     constructor(
+        private dialog: MatDialog,
         public translate: TranslateService,
         private orgService: OrgService,
         private toast: ToastService,
@@ -82,14 +85,28 @@ export class OrgDetailComponent implements OnInit, OnDestroy {
     }
 
     public removeDomain(domain: string): void {
-        this.orgService.RemoveMyOrgDomain(domain).then(() => {
-            this.toast.showInfo('Removed');
-            const index = this.domains.findIndex(d => d.domain === domain);
-            if (index > -1) {
-                this.domains.splice(index, 1);
+        const dialogRef = this.dialog.open(WarnDialogComponent, {
+            data: {
+                confirmKey: 'ACTIONS.DELETE',
+                cancelKey: 'ACTIONS.CANCEL',
+                titleKey: 'ORG.DOMAINS.DELETE.TITLE',
+                descriptionKey: 'ORG.DOMAINS.DELETE.DESCRIPTION',
+            },
+            width: '400px',
+        });
+
+        dialogRef.afterClosed().subscribe(resp => {
+            if (resp) {
+                this.orgService.RemoveMyOrgDomain(domain).then(() => {
+                    this.toast.showInfo('Removed');
+                    const index = this.domains.findIndex(d => d.domain === domain);
+                    if (index > -1) {
+                        this.domains.splice(index, 1);
+                    }
+                }).catch(error => {
+                    this.toast.showError(error.message);
+                });
             }
-        }).catch(error => {
-            this.toast.showError(error.message);
         });
     }
 }

console/src/app/pages/orgs/orgs.module.ts

@@ -16,6 +16,7 @@ import { HttpLoaderFactory } from 'src/app/app.module';
 import { HasRoleModule } from 'src/app/directives/has-role/has-role.module';
 import { CardModule } from 'src/app/modules/card/card.module';
 import { MetaLayoutModule } from 'src/app/modules/meta-layout/meta-layout.module';
+import { WarnDialogModule } from 'src/app/modules/warn-dialog/warn-dialog.module';
 
 import { ChangesModule } from '../../modules/changes/changes.module';
 import { OrgContributorsModule } from './org-contributors/org-contributors.module';
@@ -43,6 +44,8 @@ import { PolicyGridComponent } from './policy-grid/policy-grid.component';
         MetaLayoutModule,
         MatTabsModule,
         MatTooltipModule,
+        MatDialogModule,
+        WarnDialogModule,
         MatMenuModule,
         ChangesModule,
         TranslateModule.forChild({