From d00058cbff8c8b56b5ce9519aaddcb629f8bfa7a Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Sat, 24 Mar 2018 21:44:05 -0600 Subject: [PATCH] Add the configuration screen for Guggy --- web/app/admin/neb/config/config-context.ts | 2 +- .../neb/config/guggy/guggy.component.html | 25 +++++++++ .../neb/config/guggy/guggy.component.scss | 0 .../admin/neb/config/guggy/guggy.component.ts | 53 +++++++++++++++++++ web/app/admin/neb/edit/edit.component.ts | 9 +++- web/app/app.module.ts | 3 ++ ...ml => config-screen.widget.component.html} | 0 .../config-screen.widget.component.ts | 2 +- 8 files changed, 91 insertions(+), 3 deletions(-) create mode 100644 web/app/admin/neb/config/guggy/guggy.component.html create mode 100644 web/app/admin/neb/config/guggy/guggy.component.scss create mode 100644 web/app/admin/neb/config/guggy/guggy.component.ts rename web/app/configs/widget/config-screen/{config-screen.component.html => config-screen.widget.component.html} (100%) diff --git a/web/app/admin/neb/config/config-context.ts b/web/app/admin/neb/config/config-context.ts index a5f6d7f..cc3299e 100644 --- a/web/app/admin/neb/config/config-context.ts +++ b/web/app/admin/neb/config/config-context.ts @@ -1,6 +1,6 @@ import { BSModalContext } from "ngx-modialog/plugins/bootstrap"; -import { FE_Integration } from "../../../shared/models/integration"; import { FE_NebConfiguration } from "../../../shared/models/admin-responses"; +import { FE_Integration } from "../../../shared/models/integration"; export class NebBotConfigurationDialogContext extends BSModalContext { public integration: FE_Integration; diff --git a/web/app/admin/neb/config/guggy/guggy.component.html b/web/app/admin/neb/config/guggy/guggy.component.html new file mode 100644 index 0000000..a868714 --- /dev/null +++ b/web/app/admin/neb/config/guggy/guggy.component.html @@ -0,0 +1,25 @@ +
+
+

Guggy Configuration

+
+
+ +
+
+ +
+
+ + +
+
\ No newline at end of file diff --git a/web/app/admin/neb/config/guggy/guggy.component.scss b/web/app/admin/neb/config/guggy/guggy.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/web/app/admin/neb/config/guggy/guggy.component.ts b/web/app/admin/neb/config/guggy/guggy.component.ts new file mode 100644 index 0000000..9517de2 --- /dev/null +++ b/web/app/admin/neb/config/guggy/guggy.component.ts @@ -0,0 +1,53 @@ +import { Component, OnInit } from "@angular/core"; +import { ToasterService } from "angular2-toaster"; +import { DialogRef, ModalComponent } from "ngx-modialog"; +import { NebBotConfigurationDialogContext } from "../config-context"; +import { AdminNebApiService } from "../../../../shared/services/admin/admin-neb-api.service"; +import { FE_NebConfiguration } from "../../../../shared/models/admin-responses"; +import { FE_Integration } from "../../../../shared/models/integration"; + +interface GuggyConfig { + api_key: string; +} + +@Component({ + templateUrl: "./guggy.component.html", + styleUrls: ["./guggy.component.scss", "../config-dialog.scss"], +}) +export class AdminNebGuggyConfigComponent implements ModalComponent, OnInit { + + public isLoading = true; + public isUpdating = false; + public config: GuggyConfig; + public integration: FE_Integration; + public neb: FE_NebConfiguration; + + constructor(public dialog: DialogRef, + private adminNebApi: AdminNebApiService, + private toaster: ToasterService) { + this.neb = dialog.context.neb; + this.integration = dialog.context.integration; + } + + public ngOnInit() { + this.adminNebApi.getIntegrationConfiguration(this.neb.id, this.integration.type).then(config => { + this.config = config; + this.isLoading = false; + }).catch(err => { + console.error(err); + this.toaster.pop("error", "Error loading configuration"); + }); + } + + public save() { + this.isUpdating = true; + this.adminNebApi.setIntegrationConfiguration(this.neb.id, this.integration.type, this.config).then(() => { + this.toaster.pop("success", "Configuration updated"); + this.dialog.close(); + }).catch(err => { + this.isUpdating = false; + console.error(err); + this.toaster.pop("error", "Error updating integration"); + }); + } +} diff --git a/web/app/admin/neb/edit/edit.component.ts b/web/app/admin/neb/edit/edit.component.ts index b6f45ff..9431915 100644 --- a/web/app/admin/neb/edit/edit.component.ts +++ b/web/app/admin/neb/edit/edit.component.ts @@ -8,6 +8,8 @@ import { NEB_HAS_CONFIG } from "../../../shared/models/neb"; import { Modal, overlayConfigFactory } from "ngx-modialog"; import { AdminNebGiphyConfigComponent } from "../config/giphy/giphy.component"; import { NebBotConfigurationDialogContext } from "../config/config-context"; +import { ContainerContent } from "ngx-modialog/src/models/tokens"; +import { AdminNebGuggyConfigComponent } from "../config/guggy/guggy.component"; @Component({ @@ -81,7 +83,12 @@ export class AdminEditNebComponent implements OnInit, OnDestroy { } public editBot(bot: FE_Integration) { - this.modal.open(AdminNebGiphyConfigComponent, overlayConfigFactory({ + let component: ContainerContent; + + if (bot.type === "giphy") component = AdminNebGiphyConfigComponent; + if (bot.type === "guggy") component = AdminNebGuggyConfigComponent; + + this.modal.open(component, overlayConfigFactory({ neb: this.nebConfig, integration: bot, diff --git a/web/app/app.module.ts b/web/app/app.module.ts index 44f4530..56b4799 100644 --- a/web/app/app.module.ts +++ b/web/app/app.module.ts @@ -55,6 +55,7 @@ import { AdminEditNebComponent } from "./admin/neb/edit/edit.component"; import { AdminAddSelfhostedNebComponent } from "./admin/neb/add-selfhosted/add-selfhosted.component"; import { AdminNebAppserviceConfigComponent } from "./admin/neb/appservice-config/appservice-config.component"; import { AdminNebGiphyConfigComponent } from "./admin/neb/config/giphy/giphy.component"; +import { AdminNebGuggyConfigComponent } from "./admin/neb/config/guggy/guggy.component"; @NgModule({ imports: [ @@ -104,6 +105,7 @@ import { AdminNebGiphyConfigComponent } from "./admin/neb/config/giphy/giphy.com AdminAddSelfhostedNebComponent, AdminNebAppserviceConfigComponent, AdminNebGiphyConfigComponent, + AdminNebGuggyConfigComponent, // Vendor ], @@ -128,6 +130,7 @@ import { AdminNebGiphyConfigComponent } from "./admin/neb/config/giphy/giphy.com AdminWidgetJitsiConfigComponent, AdminNebAppserviceConfigComponent, AdminNebGiphyConfigComponent, + AdminNebGuggyConfigComponent, ] }) export class AppModule { diff --git a/web/app/configs/widget/config-screen/config-screen.component.html b/web/app/configs/widget/config-screen/config-screen.widget.component.html similarity index 100% rename from web/app/configs/widget/config-screen/config-screen.component.html rename to web/app/configs/widget/config-screen/config-screen.widget.component.html diff --git a/web/app/configs/widget/config-screen/config-screen.widget.component.ts b/web/app/configs/widget/config-screen/config-screen.widget.component.ts index 8b33dfe..cfbd7df 100644 --- a/web/app/configs/widget/config-screen/config-screen.widget.component.ts +++ b/web/app/configs/widget/config-screen/config-screen.widget.component.ts @@ -3,7 +3,7 @@ import { Component, ContentChild, Input, TemplateRef } from "@angular/core"; @Component({ selector: "my-widget-config", - templateUrl: "config-screen.component.html", + templateUrl: "config-screen.widget.component.html", styleUrls: ["config-screen.widget.component.scss"], }) export class ConfigScreenWidgetComponent {