From a99c39c5a402a3e4fa197d2d9598883529ae3bc0 Mon Sep 17 00:00:00 2001 From: Dragos Date: Thu, 6 May 2021 20:49:12 +0300 Subject: [PATCH] help page --- app/.vs/app/v16/.suo | Bin 57856 -> 75776 bytes app/.vs/slnx.sqlite | Bin 135168 -> 135168 bytes app/src/app/app-routing.module.ts | 12 ++++ .../nav-menu/nav-menu.component.html | 29 ++------- app/src/app/help/help.module.ts | 49 ++++++++++++++ app/src/app/help/help/help.component.html | 32 ++++++++++ app/src/app/help/help/help.component.scss | 0 app/src/app/help/help/help.component.spec.ts | 25 ++++++++ app/src/app/help/help/help.component.ts | 60 ++++++++++++++++++ .../app/helpers/static-html.service.spec.ts | 16 +++++ app/src/app/helpers/static-html.service.ts | 30 +++++++++ app/src/app/shared.module.ts | 4 +- app/src/assets/help/account-info.html | 1 + app/src/assets/i18n/en.json | 7 +- app/src/assets/i18n/help/en.json | 7 ++ 15 files changed, 245 insertions(+), 27 deletions(-) create mode 100644 app/src/app/help/help.module.ts create mode 100644 app/src/app/help/help/help.component.html create mode 100644 app/src/app/help/help/help.component.scss create mode 100644 app/src/app/help/help/help.component.spec.ts create mode 100644 app/src/app/help/help/help.component.ts create mode 100644 app/src/app/helpers/static-html.service.spec.ts create mode 100644 app/src/app/helpers/static-html.service.ts create mode 100644 app/src/assets/help/account-info.html create mode 100644 app/src/assets/i18n/help/en.json diff --git a/app/.vs/app/v16/.suo b/app/.vs/app/v16/.suo index d867b7ff9ec3a5131624ae5b8d98c0c1045860ad..4d63784be13eb704c5396a33913358e7e2e65584 100644 GIT binary patch delta 9841 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 diff --git a/app/.vs/slnx.sqlite b/app/.vs/slnx.sqlite index efcb2741abd1e8fc728d18949194356c17ab033e..83a2718c8554085d05d70b5936694d3fbba38a46 100644 GIT binary patch delta 2988 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 AKmY&$ diff --git a/app/src/app/app-routing.module.ts b/app/src/app/app-routing.module.ts index b75f9e3..7c8962c 100644 --- a/app/src/app/app-routing.module.ts +++ b/app/src/app/app-routing.module.ts @@ -71,6 +71,18 @@ const appRoutes: Routes = [ icon: 'user-cog' } }, + { + path: 'help', + loadChildren: () => import('./help/help.module').then(x => x.HelpModule), + canActivate: [AuthGuardService], + canLoad: [AuthGuardService], + data: + { + title: 'help.title', + subTitle: 'help.subTitle', + icon: 'question-circle' + } + }, { path: 'unauthorized', component: UnauthorizedComponent diff --git a/app/src/app/components/nav-menu/nav-menu.component.html b/app/src/app/components/nav-menu/nav-menu.component.html index a654baf..42c3f01 100644 --- a/app/src/app/components/nav-menu/nav-menu.component.html +++ b/app/src/app/components/nav-menu/nav-menu.component.html @@ -31,13 +31,6 @@ {{ 'navbar.menu.security' | translate }} -
  • @@ -45,24 +38,12 @@ {{ 'navbar.menu.images' | translate }}
    • - - - + diff --git a/app/src/app/help/help.module.ts b/app/src/app/help/help.module.ts new file mode 100644 index 0000000..7453a27 --- /dev/null +++ b/app/src/app/help/help.module.ts @@ -0,0 +1,49 @@ +import { NgModule } from '@angular/core'; + +import { SharedModule } from '../shared.module'; +import { RouterModule } from '@angular/router'; + +import { WebpackTranslateLoader } from '../helpers/webpack-translate-loader.service'; +import { LangChangeEvent, TranslateCompiler, TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core'; +import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler'; +import { HelpComponent } from './help/help.component'; + +@NgModule({ + declarations: [HelpComponent], + imports: [ + SharedModule, + RouterModule.forChild([ + { + path: '', + component: HelpComponent, + data: + { + title: 'help.title', + subTitle: 'help.subTitle', + icon: 'help-circle' + } + } + ]), + TranslateModule.forChild({ + loader: { + provide: TranslateLoader, + //useClass: WebpackTranslateLoader + useFactory: () => new WebpackTranslateLoader('help') + }, + compiler: { + provide: TranslateCompiler, + useFactory: () => new TranslateMessageFormatCompiler() + }, + isolate: true + }) + ] +}) +export class HelpModule +{ + constructor(private readonly translate: TranslateService) + { + translate.use(translate.store.currentLang); + + translate.store.onLangChange.subscribe((event: LangChangeEvent) => translate.use(event.lang)); + } +} diff --git a/app/src/app/help/help/help.component.html b/app/src/app/help/help/help.component.html new file mode 100644 index 0000000..cef58b1 --- /dev/null +++ b/app/src/app/help/help/help.component.html @@ -0,0 +1,32 @@ +
    +
    + + +
    + +
    +
    + + + +
    +

    {{ helpTopic.title }}

    + + +
    + +
    + + +
    +
    +     +     + +
    +
    +
    diff --git a/app/src/app/help/help/help.component.scss b/app/src/app/help/help/help.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/app/src/app/help/help/help.component.spec.ts b/app/src/app/help/help/help.component.spec.ts new file mode 100644 index 0000000..7f33b9f --- /dev/null +++ b/app/src/app/help/help/help.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HelpComponent } from './help.component'; + +describe('HelpComponent', () => { + let component: HelpComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ HelpComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(HelpComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/app/src/app/help/help/help.component.ts b/app/src/app/help/help/help.component.ts new file mode 100644 index 0000000..158217f --- /dev/null +++ b/app/src/app/help/help/help.component.ts @@ -0,0 +1,60 @@ +import { Component, OnInit } from '@angular/core'; +import { DomSanitizer } from '@angular/platform-browser'; +import { StaticHtmlService } from '../../helpers/static-html.service'; + +@Component({ + selector: 'app-help', + templateUrl: './help.component.html', + styleUrls: ['./help.component.scss'] +}) +export class HelpComponent implements OnInit +{ + helpTopics = [ + { + title: 'Completing account information', + contentUrl: './assets/help/account-info.html' + }, + { + title: 'Provisioning compute instance', + contentUrl: '' + }, + { + title: 'Managing instances with Triton CLI', + contentUrl: '' + } + ]; + + // ---------------------------------------------------------------------------------------------------------------- + constructor(private readonly staticHtmlService: StaticHtmlService, + private readonly domSanitizer: DomSanitizer) + { + } + + // ---------------------------------------------------------------------------------------------------------------- + getHelpTopicContent(isOpen, helpTopic) + { + helpTopic.expanded = isOpen; + + if (!isOpen || !helpTopic.contentUrl || helpTopic.content) return; + + helpTopic.loading = true; + + this.staticHtmlService + .getStaticHtml(helpTopic.contentUrl, helpTopic.contentUrl.startsWith(window.location.origin)) + .subscribe(response => + { + helpTopic.content = this.domSanitizer.bypassSecurityTrustHtml(response); + helpTopic.loading = false; + }, err => + { + helpTopic.content = err.error?.message; + helpTopic.loading = false; + }); + } + + // ---------------------------------------------------------------------------------------------------------------- + ngOnInit(): void + { + + } +} diff --git a/app/src/app/helpers/static-html.service.spec.ts b/app/src/app/helpers/static-html.service.spec.ts new file mode 100644 index 0000000..6f1a584 --- /dev/null +++ b/app/src/app/helpers/static-html.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { StaticHtmlService } from './static-html.service'; + +describe('StaticHtmlService', () => { + let service: StaticHtmlService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(StaticHtmlService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/app/src/app/helpers/static-html.service.ts b/app/src/app/helpers/static-html.service.ts new file mode 100644 index 0000000..61eae2b --- /dev/null +++ b/app/src/app/helpers/static-html.service.ts @@ -0,0 +1,30 @@ +import { Injectable, SecurityContext } from '@angular/core'; +import { Observable } from 'rxjs'; +import { HttpClient } from '@angular/common/http'; +import { DomSanitizer } from '@angular/platform-browser'; +import { map } from 'rxjs/operators'; + +@Injectable({ + providedIn: 'root' +}) +export class StaticHtmlService +{ + // ---------------------------------------------------------------------------------------------------------------- + constructor( + private readonly httpClient: HttpClient, + private readonly domSanitizer: DomSanitizer, + ) { } + + // ---------------------------------------------------------------------------------------------------------------- + getStaticHtml(url: string, isTrusted: boolean): Observable + { + return this.httpClient.get(url, { responseType: 'text' }) + .pipe(map(response => this.mapStaticHtml(response, isTrusted))); + } + + // ---------------------------------------------------------------------------------------------------------------- + private mapStaticHtml(htmlString: string, isTrusted: boolean): string + { + return isTrusted ? htmlString : this.domSanitizer.sanitize(SecurityContext.HTML, htmlString); + } +} diff --git a/app/src/app/shared.module.ts b/app/src/app/shared.module.ts index a66bb67..28be3dd 100644 --- a/app/src/app/shared.module.ts +++ b/app/src/app/shared.module.ts @@ -33,7 +33,7 @@ import faArrowsAlt, faTags, faEllipsisV, faHatWizard, faUserCog, faCircle, faAngleLeft, faExternalLinkAlt, faCheck, faPowerOff, faBars, faSpinner, faStop, faPlay, faRedo, faMicrochip, faDesktop, faCopy, faSquare, faCheckSquare, faSave, faDatabase, faClone, faSearch, faHistory, faMask, faCloud, faCloudUploadAlt, faEye, faFingerprint, faLink, faClipboard, faCoins, faArrowRight, faEllipsisH, faStar, faCommentAlt, faOutdent, - faUndo + faUndo, faQuestionCircle } from '@fortawesome/free-solid-svg-icons'; import { faDocker } from '@fortawesome/free-brands-svg-icons'; @@ -149,7 +149,7 @@ export class SharedModule faArrowsAlt, faTags, faEllipsisV, faHatWizard, faUserCog, faCircle, faAngleLeft, faExternalLinkAlt, faCheck, faPowerOff, faBars, faSpinner, faStop, faPlay, faRedo, faMicrochip, faDesktop, faCopy, faSquare, faCheckSquare, faSave, faDatabase, faClone, faSearch, faHistory, faMask, faCloud, faCloudUploadAlt, faEye, faFingerprint, faLink, faClipboard, faCoins, faArrowRight, faEllipsisH, faStar, faCommentAlt, faOutdent, - faUndo + faUndo, faQuestionCircle ); } } diff --git a/app/src/assets/help/account-info.html b/app/src/assets/help/account-info.html new file mode 100644 index 0000000..51992ff --- /dev/null +++ b/app/src/assets/help/account-info.html @@ -0,0 +1 @@ +

    Title goes here...

    diff --git a/app/src/assets/i18n/en.json b/app/src/assets/i18n/en.json index c59f397..de27c4a 100644 --- a/app/src/assets/i18n/en.json +++ b/app/src/assets/i18n/en.json @@ -11,7 +11,8 @@ "virtualNetworks": "Virtual Networks", "firewallRules": "Firewall rules", "security": "Security", - "account": "Account" + "account": "Account", + "help": "Help" } }, "account": @@ -61,5 +62,9 @@ { "title": "Security", "subTitle": "Manage your users, roles and security policies" + }, + "help": + { + "title": "Help" } } diff --git a/app/src/assets/i18n/help/en.json b/app/src/assets/i18n/help/en.json new file mode 100644 index 0000000..8a7157a --- /dev/null +++ b/app/src/assets/i18n/help/en.json @@ -0,0 +1,7 @@ + +{ + "help": + { + "title": "Help" + } +}