From 7363f3d875e08d5195cb5e8b7e4f9ac86ec99ef5 Mon Sep 17 00:00:00 2001 From: Idan Amit Date: Wed, 21 Mar 2018 12:04:57 +0200 Subject: Create Error page for offline plugin Created an error page to be displayed when a plugin is offline Change-Id: I7bff7d29896e5eae88eca79784854bcd1086ca50 Issue-ID: SDC-1082 Signed-off-by: Idan Amit --- .../plugin-not-connected-module.ts | 18 ++++++++++ .../plugin-not-connected.component.html | 19 +++++++++++ .../plugin-not-connected.component.less | 38 ++++++++++++++++++++++ .../plugin-not-connected.component.ts | 15 +++++++++ 4 files changed, 90 insertions(+) create mode 100644 catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected-module.ts create mode 100644 catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.html create mode 100644 catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.less create mode 100644 catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.ts (limited to 'catalog-ui/src/app/ng2/pages/plugin-not-connected') diff --git a/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected-module.ts b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected-module.ts new file mode 100644 index 0000000000..5e92cd5e55 --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected-module.ts @@ -0,0 +1,18 @@ +import { NgModule } from "@angular/core"; +import {PluginNotConnectedComponent} from "./plugin-not-connected.component"; +import {TranslateModule} from "../../shared/translator/translate.module"; + +@NgModule({ + declarations: [ + PluginNotConnectedComponent + ], + imports: [TranslateModule], + exports: [PluginNotConnectedComponent], + entryComponents: [ + PluginNotConnectedComponent + ] +}) +export class PluginNotConnectedModule { + +} + diff --git a/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.html b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.html new file mode 100644 index 0000000000..93fdcd57ac --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.html @@ -0,0 +1,19 @@ +
+
+
+ + + + + + + + +
+
+ +
+ +
+
+
diff --git a/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.less b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.less new file mode 100644 index 0000000000..2893d3f477 --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.less @@ -0,0 +1,38 @@ +@import '../../../../assets/styles/mixins'; +@import '../../../../assets/styles/variables'; + +.plugin-not-connected { + + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + + .plugin-error-message { + line-height: 2em; + } + + .icon-wrapper { + text-align: center; + margin-right: 10px; + line-height: 3em; + } + + .plugin-message-text { + text-align: center; + color: #323943; + font-family: @font-opensans-medium; + } + + .plugin-message-main-text { + font-size: 22px; + } + + .plugin-message-sub-text { + font-size: 14px; + } +} diff --git a/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.ts b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.ts new file mode 100644 index 0000000000..6cc2b39b89 --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/plugin-not-connected/plugin-not-connected.component.ts @@ -0,0 +1,15 @@ +import {Component, Input} from "@angular/core"; + +@Component({ + selector: 'plugin-not-connected', + templateUrl: './plugin-not-connected.component.html', + styleUrls:['plugin-not-connected.component.less'] +}) +export class PluginNotConnectedComponent { + + @Input() pluginName: string; + + constructor() { + + } +} -- cgit 1.2.3-korg