3 |
8 | {{dataType}} of {{title}}
3 |
4 |
7 | {{data | json}}
5 | {{data}}
6 |
7 |
9 | `
10 | })
11 | export class NoContentComponent implements OnInit {
12 | public ngOnInit() {
13 | console.log('hello `404` component');
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/solution-center/solution-center.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-solution-center',
5 | templateUrl: './solution-center.component.html',
6 | styleUrls: ['./solution-center.component.scss']
7 | })
8 | export class SolutionCenterComponent implements OnInit {
9 |
10 | constructor() {
11 | }
12 |
13 | ngOnInit() {
14 | }
15 |
16 | }
--------------------------------------------------------------------------------
/src/app/workflow-center/workflow-center.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-workflow-center',
5 | templateUrl: './workflow-center.component.html',
6 | styleUrls: ['./workflow-center.component.scss']
7 | })
8 | export class WorkflowCenterComponent implements OnInit {
9 | constructor() {
10 | }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/management-center/management-center.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-management-center',
5 | templateUrl: './management-center.component.html',
6 | styleUrls: ['./management-center.component.css']
7 | })
8 | export class ManagementCenterComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/models/graphtask.ts:
--------------------------------------------------------------------------------
1 | /*
2 | This defines the data model of Graph Tasks
3 | */
4 | export class GraphTask {
5 | friendlyName: string;
6 | injectableName: string;
7 | options: any;
8 | implementsTask: string;
9 | optionsSchema?: string;
10 | properties?: any;
11 | }
12 |
13 | export const GRAPHTASK_URL = {
14 | getAllUrl: '/workflows/tasks',
15 | getByIdentifierUrl: '/workflows/tasks/',
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/models/sku.ts:
--------------------------------------------------------------------------------
1 | /*
2 | This defines the data model of Node's SKU.
3 | */
4 | export class SKU {
5 | id: string;
6 | name: string;
7 | discoveryGraphName: string;
8 | discoveryGraphOptions: {};
9 | rules: any;
10 | skuConfig: any;
11 | }
12 |
13 | export const SKU_URL = {
14 | getAllUrl: '/skus',
15 | getByIdentifierUrl: '/skus/',
16 | uploadUrl: '/skus/pack',
17 | uploadSuffix: '/pack',
18 | }
19 |
--------------------------------------------------------------------------------
/typedoc.json:
--------------------------------------------------------------------------------
1 | {
2 | "mode": "modules",
3 | "out": "doc",
4 | "theme": "default",
5 | "ignoreCompilerErrors": "true",
6 | "experimentalDecorators": "true",
7 | "emitDecoratorMetadata": "true",
8 | "target": "ES5",
9 | "moduleResolution": "node",
10 | "preserveConstEnums": "true",
11 | "stripInternal": "true",
12 | "suppressExcessPropertyErrors": "true",
13 | "suppressImplicitAnyIndexErrors": "true",
14 | "module": "commonjs"
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/home/home-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { HomeComponent } from './home.component';
4 |
5 | const homeRoutes: Routes = [
6 | { path: '', component: HomeComponent}
7 | ];
8 |
9 | @NgModule({
10 | imports: [
11 | RouterModule.forChild(homeRoutes)
12 | ],
13 | exports: [
14 | RouterModule
15 | ]
16 | })
17 | export class HomeRoutingModule { }
18 |
--------------------------------------------------------------------------------
/src/app/management-center/services/file.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpErrorResponse, HttpResponse, HttpClient } from '@angular/common/http';
3 | import {FILE_URL } from 'app/models';
4 |
5 | import { RackhdHttpService } from 'app/utils/rackhd-http';
6 |
7 | @Injectable()
8 | export class FileService extends RackhdHttpService {
9 |
10 | constructor(public http: HttpClient) {
11 | super(http, FILE_URL);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/management-center/services/profile.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpErrorResponse, HttpResponse, HttpClient } from '@angular/common/http';
3 | import {PROFILE_URL } from 'app/models';
4 | import { RackhdHttpService } from 'app/utils/rackhd-http';
5 |
6 | @Injectable()
7 | export class ProfileService extends RackhdHttpService {
8 |
9 | constructor(public http: HttpClient) {
10 | super(http, PROFILE_URL);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/canvas-graph/canvas-graph.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { CanvasGraphComponent } from './canvas-graph.component';
4 | import { NodeExtensionService } from './node-extension.service';
5 |
6 | @NgModule({
7 | declarations: [
8 | CanvasGraphComponent,
9 | ],
10 | exports: [
11 | CanvasGraphComponent,
12 | ],
13 | providers: [
14 | NodeExtensionService,
15 | ]
16 | })
17 | export class CanvasGraphModule {}
18 |
--------------------------------------------------------------------------------
/src/app/management-center/services/template.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpErrorResponse, HttpResponse, HttpClient } from '@angular/common/http';
3 | import {TEMPLATE_URL } from 'app/models';
4 | import { RackhdHttpService } from 'app/utils/rackhd-http';
5 |
6 | @Injectable()
7 | export class TemplateService extends RackhdHttpService {
8 |
9 | constructor(public http: HttpClient) {
10 | super(http, TEMPLATE_URL);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/models/timeSerial.ts:
--------------------------------------------------------------------------------
1 | /*
2 | This defines the data model of time serial data.
3 | */
4 | import * as _ from 'lodash';
5 |
6 | export class TimeSerialData{
7 | constructor(d:any){
8 | _.assign(this,d);
9 | }
10 | time: Date ;
11 | value: number;
12 | }
13 |
14 | export class MetricData{
15 | constructor(d:any){
16 | _.assign(this,d);
17 | }
18 | name: string; // name of the metrics
19 | dataArray: TimeSerialData[];
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/home/home.e2e.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 | import 'tslib';
3 |
4 | describe('Home', () => {
5 |
6 | beforeEach(async () => {
7 | /**
8 | * Change hash depending on router LocationStrategy.
9 | */
10 | await browser.get('/');
11 | });
12 |
13 | it('should have a title', async () => {
14 | let subject = await browser.getTitle();
15 | let result = 'RackHD Web UI 2.0';
16 | expect(subject).toEqual(result);
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/src/app/inventory/footer/footer.component.html:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/app/solution-center/solution-center.component.html:
--------------------------------------------------------------------------------
1 | 404: page not found
8 |
2 |
3 |
4 |
5 |
9 |
--------------------------------------------------------------------------------
/src/app/services/core/global-alert.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Subject } from 'rxjs/Subject';
3 |
4 | @Injectable()
5 | export class GlobalAlertService {
6 | alertQueue: Subject
10 |
12 | Are you sure to {{action}} below {{title}}?
3 |
4 |
5 | {{item ? item[displayAttr] : null}}{{isLast ? '' : ', '}}
6 |
7 |
8 |
12 |
2 |
21 |
--------------------------------------------------------------------------------
/src/app/management-center/configs/config.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ConfigComponent } from './config.component';
4 |
5 | describe('ConfigComponent', () => {
6 | let component: ConfigComponent;
7 | let fixture: ComponentFixture3 | Workflow Viewer 4 |
5 | 6 |
7 |
11 |
12 |
13 |
14 |
15 |
18 |
19 |
20 | HTTP ERROR
4 |
5 |
7 |
10 | {{ msg.text | json}}
6 |
13 |
25 |
--------------------------------------------------------------------------------
/src/app/settings/setting-form.component.scss:
--------------------------------------------------------------------------------
1 | .fieldset {
2 | border: 1px solid silver;
3 | margin: 0 2px;
4 | padding: .35em .625em .75em;
5 | }
6 |
7 | .legend {
8 | display: block;
9 | padding: 0;
10 | line-height: inherit;
11 | width: auto;
12 | }
13 |
14 | .disabled-label {
15 | color: #565656;
16 | opacity: .4;
17 | }
18 |
19 | .float-right-local {
20 | float: right;
21 | }
22 |
23 | .input-width {
24 | width: 100%
25 | }
26 |
27 | .text-indicator {
28 | margin-left: 2em;
29 | font-size: 0.8em;
30 | }
31 |
32 | .token-button {
33 | display: -webkit-box;
34 | display: -ms-flexbox;
35 | display: flex;
36 | -ms-flex-wrap: wrap;
37 | flex-wrap: wrap;
38 | position: relative;
39 | padding-left: 9.5rem;
40 | margin-bottom: .5rem;
41 | font-size: .54167rem;
42 | letter-spacing: normal;
43 | line-height: 1rem;
44 | float: right;
45 | }
46 |
47 | .check-box {
48 | margin-bottom: 1em;
49 | }
50 |
51 | .add-bottom-margin {
52 | margin-bottom: 25px;
53 | }
54 |
55 | .reminder {
56 | font-style:oblique;
57 | color: red;
58 | }
59 | .error {
60 | margin-left: 2px;
61 | margin-top: -15px;
62 | font-size: 0.8em;
63 | width: 100%;
64 | }
65 |
--------------------------------------------------------------------------------
/src/app/header/header.component.html:
--------------------------------------------------------------------------------
1 |
14 |
21 |
24 |
15 |
18 | {{ msg.text }}
19 |
20 |
3 |
4 | 
5 | RackHD
6 |
7 |
8 |
13 |
5 | RackHD
6 |
7 |
14 |
17 |
18 | RackHD Configurations
21 |
22 |
24 |
2 |
3 |
4 |
5 |
27 |
31 |
--------------------------------------------------------------------------------
/src/styles/styles.scss:
--------------------------------------------------------------------------------
1 | /* this file will be extracted to main dist folder and is imported in index.html */
2 | /* This file is for setting global styles */
3 | @import 'variables';
4 | /**
5 | * third party styles from node_modules global css
6 | */
7 | @import './ngx-select.scss';
8 | @import '../../node_modules/@clr/icons/clr-icons.min.css';
9 | @import '../../node_modules/litegraph.js/css/litegraph.css';
10 | @import '../../node_modules/jsoneditor/src/css/jsoneditor.css';
11 | @import '../../node_modules/@clr/ui/clr-ui.min.css';
12 |
13 | .content-container {
14 | overflow: auto;
15 | }
16 |
17 | .offset-header {
18 | height: -webkit-fill-available;
19 | margin-top: 60px;
20 | }
21 |
22 | .clear {
23 | clear: both;
24 | }
25 |
26 | .jsoneditor-menu {
27 | display: none;
28 | }
29 |
30 | div.jsoneditor-outer.has-status-bar {
31 | margin: 0;
32 | padding: 0;
33 | }
34 |
35 | div.jsoneditor-outer {
36 | position: static;
37 | width: 100%;
38 | height: 100%;
39 | margin: -35px 0 0 0;
40 | padding: 35px 0 0 0;
41 | -moz-box-sizing: border-box;
42 | -webkit-box-sizing: border-box;
43 | box-sizing: border-box;
44 | }
45 |
46 | .jsoneditor-statusbar {
47 | line-height: 30px;
48 | height: 30px;
49 | text-align: left;
50 | }
51 |
52 | //.row{
53 | // margin: 0;
54 | //}
55 |
--------------------------------------------------------------------------------
/src/app/inventory/header/header.component.html:
--------------------------------------------------------------------------------
1 |
28 |
30 |
2 | {{name}} Grid
3 |
4 |
5 |
25 |
--------------------------------------------------------------------------------
/src/app/services/core/core.module.ts:
--------------------------------------------------------------------------------
1 | import {
2 | NgModule,
3 | Optional,
4 | SkipSelf
5 | } from '@angular/core';
6 |
7 | import { HTTP_INTERCEPTORS } from '@angular/common/http';
8 |
9 | import { AppRoutingModule } from './app-route/app-routing.module';
10 | import { IconService } from './icon.service';
11 | import {ErrorHandlerService} from "./error-handler.service";
12 | import {GlobalAlertService} from "./global-alert.service";
13 |
14 |
15 |
16 |
17 | /**
18 | * App wide providers, inject all global services.
19 | * This providers also can be regard as a global service list for retriving.
20 | */
21 | const APP_PROVIDERS = [
22 | IconService,
23 | GlobalAlertService,
24 | ErrorHandlerService,
25 |
26 | ];
27 |
28 | /**
29 | * The core module that provides global services for the whole app.
30 | * It only can be import only once by app.module(root module).
31 | * usually this moule will only have "providers"
32 | */
33 | @NgModule({
34 | /**
35 | * Expose our Services and Providers into Angular's dependency injection.
36 | */
37 | providers:[
38 | ...APP_PROVIDERS
39 | ]
40 | })
41 |
42 | export class AppCoreModule {
43 | // prevent to import this module twice.
44 | constructor (@Optional() @SkipSelf() parentModule: AppCoreModule) {
45 | if (parentModule) {
46 | throw new Error(
47 | 'CoreModule is already loaded. Import it in the AppModule only');
48 | }
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/app/workflow-center/workflow-center-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { WorkflowCenterComponent } from './workflow-center.component';
5 | import { ActiveWorkflowComponent } from './active-workflow/active-workflow.component';
6 | import { HistoryWorkflowComponent } from './history-workflow/history-workflow.component';
7 | import { WorkflowViewerComponent } from './workflow-viewer/workflow-viewer.component';
8 | import { RunWorkflowComponent } from './run-workflow/run-workflow.component';
9 | import { WorkflowEditorComponent } from './workflow-editor/workflow-editor.component';
10 |
11 | const WorkflowCenterRoutes: Routes = [
12 | {
13 | path: '',
14 | component: WorkflowCenterComponent,
15 | children: [
16 | {path: '', redirectTo: 'activeWorkflow'},
17 | {path: 'activeWorkflow', component: ActiveWorkflowComponent},
18 | {path: 'historyWorkflow', component: HistoryWorkflowComponent},
19 | {path: 'workflowViewer', component: WorkflowViewerComponent},
20 | {path: 'runWorkflow', component: RunWorkflowComponent},
21 | {path: 'workflowEditor', component: WorkflowEditorComponent},
22 | ]
23 | }
24 | ];
25 |
26 | @NgModule({
27 | imports: [
28 | RouterModule.forChild(WorkflowCenterRoutes)
29 | ],
30 | exports: [
31 | RouterModule
32 | ]
33 | })
34 | export class WorkflowCenterRoutingModule {
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/inventory/modal/confirm-modal.component.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Component,
3 | ViewEncapsulation,
4 | Input,
5 | Output,
6 | EventEmitter
7 | } from '@angular/core';
8 | import { FormsModule, ReactiveFormsModule, FormGroup,FormControl } from '@angular/forms';
9 | import { CommonModule } from '@angular/common';
10 | import { ClarityModule } from '@clr/angular';
11 |
12 | import * as _ from 'lodash';
13 |
14 | @Component({
15 | selector: 'confirm-modal',
16 | templateUrl: './confirm-modal.component.html',
17 | styleUrls: ['./confirm-modal.component.scss'],
18 | encapsulation: ViewEncapsulation.None
19 | })
20 |
21 | export class GridConfirmModalComponent {
22 | isPopValue: boolean = false;
23 | @Input() size: string = 'lg'; // Modal size
24 | @Input() title: string; // Modal key title
25 | @Input() data: any; // Data to be shown
26 | @Input() displayAttr: string = "id"; // Attribute of data to be shown
27 | @Input() action: string = "delete"; // Modal action
28 | @Input() get isPop() { // Modal popup flag input
29 | return this.isPopValue;
30 | }
31 | @Output() isPopChange = new EventEmitter(); // Modal popup flag output
32 | @Output() confirm = new EventEmitter(); // Actions output
33 |
34 | set isPop(value) {
35 | this.isPopValue = value;
36 | this.isPopChange.emit(value)
37 | }
38 |
39 | constructor(){}
40 |
41 | onReject(){
42 | this.confirm.emit("reject");
43 | }
44 |
45 | onAccept(){
46 | this.confirm.emit("accept");
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/app/environment.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Angular 2
3 | */
4 | import {
5 | enableDebugTools,
6 | disableDebugTools
7 | } from '@angular/platform-browser';
8 | import {
9 | ApplicationRef,
10 | enableProdMode
11 | } from '@angular/core';
12 | /**
13 | * Environment Providers
14 | */
15 | let PROVIDERS: any[] = [
16 | /**
17 | * Common env directives
18 | */
19 | ];
20 |
21 | /**
22 | * Angular debug tools in the dev console
23 | * https://github.com/angular/angular/blob/86405345b781a9dc2438c0fbe3e9409245647019/TOOLS_JS.md
24 | */
25 | let _decorateModuleRef =
6 |
24 |
7 |
11 |
14 |
17 |
20 |
23 |
2 |
35 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": [
3 | "tslint:recommended"
4 | ],
5 | "rulesDirectory": [
6 | "node_modules/codelyzer"
7 | ],
8 | "rules": {
9 | // Custom
10 | "trailing-comma": [false, {"multiline": "always", "singleline": "never"}],
11 | "interface-name": [false, "always-prefix"],
12 | // Angular 2
13 | "component-class-suffix": true,
14 | // "component-selector": [true, "element", "my", "kebab-case"],
15 | "directive-class-suffix": true,
16 | // "directive-selector": [true, "attribute", "my", "camelCase"],
17 | "import-destructuring-spacing": true,
18 | "invoke-injectable": true,
19 | "no-access-missing-member": true,
20 | "no-attribute-parameter-decorator": true,
21 | "no-forward-ref": true,
22 | "no-input-rename": true,
23 | "no-output-rename": true,
24 | "only-arrow-functions": false,
25 | "pipe-naming": [true, "camelCase", "my"],
26 | "templates-use-public": true,
27 | "use-host-property-decorator": true,
28 | "use-input-property-decorator": true,
29 | "use-life-cycle-interface": true,
30 | "use-output-property-decorator": true,
31 | "use-pipe-transform-interface": true,
32 | // General
33 | "no-console": [true,
34 | "time",
35 | "timeEnd",
36 | "trace"
37 | ],
38 | "max-line-length": [
39 | true,
40 | 100
41 | ],
42 | "no-string-literal": false,
43 | "no-use-before-declare": true,
44 | "object-literal-sort-keys": false,
45 | "ordered-imports": false,
46 | "quotemark": [
47 | true,
48 | "single",
49 | "avoid-escape"
50 | ],
51 | "variable-name": [
52 | true,
53 | "allow-leading-underscore",
54 | "allow-pascal-case",
55 | "ban-keywords",
56 | "check-format"
57 | ]
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/app/workflow-center/workflow-center.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
4 | import { ClarityModule } from '@clr/angular';
5 | import { NodeExtensionService } from '../canvas-graph/node-extension.service';
6 |
7 | import { ManagementCenterServicesModule } from '../management-center/services/management-center-service.module';
8 |
9 | import { ActiveWorkflowComponent } from './active-workflow/active-workflow.component';
10 | import { HistoryWorkflowComponent } from './history-workflow/history-workflow.component';
11 | import { WorkflowViewerComponent } from './workflow-viewer/workflow-viewer.component';
12 | import { RunWorkflowComponent } from './run-workflow/run-workflow.component';
13 |
14 | import { WorkflowCenterComponent } from './workflow-center.component';
15 | import { WorkflowCenterRoutingModule } from './workflow-center-routing.module';
16 |
17 | import { CanvasGraphModule } from 'app/canvas-graph/canvas-graph.module';
18 | import { InventoryModule } from 'app/inventory/inventory.module';
19 | import { WorkflowEditorComponent } from './workflow-editor/workflow-editor.component';
20 |
21 | @NgModule({
22 | imports: [
23 | ClarityModule.forChild(),
24 | CommonModule,
25 | FormsModule,
26 | ReactiveFormsModule,
27 | WorkflowCenterRoutingModule,
28 | ManagementCenterServicesModule,
29 | CanvasGraphModule,
30 | InventoryModule,
31 | ],
32 | declarations: [
33 | WorkflowCenterComponent,
34 | ActiveWorkflowComponent,
35 | HistoryWorkflowComponent,
36 | WorkflowViewerComponent,
37 | RunWorkflowComponent,
38 | WorkflowEditorComponent,
39 | ],
40 | providers: [NodeExtensionService ]
41 | })
42 |
43 | export class WorkflowCenterModule {}
44 |
--------------------------------------------------------------------------------
/src/app/management-center/management-center-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { ManagementCenterComponent } from './management-center.component';
5 |
6 | import { NodesComponent } from './nodes/nodes.component';
7 | import { ProfilesComponent } from './profiles/profiles.component';
8 | import { PollersComponent } from './pollers/pollers.component';
9 | import { WorkflowsComponent } from './workflows/workflows.component';
10 | import { CatalogsComponent } from './catalogs/catalogs.component';
11 | import { ObmComponent } from './obms/obm.component';
12 | import { SkuComponent } from './skus/sku.component';
13 | import { FilesComponent } from './files/files.component';
14 | import { TemplatesComponent } from './templates/templates.component';
15 | import { ConfigComponent } from './configs/config.component';
16 |
17 | const ManagementCenterRoutes: Routes = [
18 | {
19 | path: '',
20 | component: ManagementCenterComponent,
21 | children: [
22 | {path: '', redirectTo: 'nodes'},
23 | {path: 'nodes', component: NodesComponent},
24 | {path: 'profiles', component: ProfilesComponent},
25 | {path: 'pollers', component: PollersComponent},
26 | {path: 'workflows', component: WorkflowsComponent},
27 | {path: 'catalogs', component: CatalogsComponent},
28 | {path: 'obms', component: ObmComponent},
29 | {path: 'skus', component: SkuComponent},
30 | {path: 'files', component: FilesComponent},
31 | {path: 'templates', component: TemplatesComponent},
32 | {path: 'configs', component: ConfigComponent}
33 | ]
34 | }
35 | ];
36 |
37 | @NgModule({
38 | imports: [
39 | RouterModule.forChild(ManagementCenterRoutes)
40 | ],
41 | exports: [
42 | RouterModule
43 | ]
44 | })
45 | export class ManagementCenterRoutingModule {
46 | }
47 |
--------------------------------------------------------------------------------
/src/app/services/core/error-handler.service.ts:
--------------------------------------------------------------------------------
1 | import {HttpErrorResponse} from "@angular/common/http";
2 | import {ErrorObservable} from "rxjs/observable/ErrorObservable";
3 | import {catchError} from "rxjs/operators";
4 | import {GlobalAlertService} from "./global-alert.service";
5 | import {Injectable} from "@angular/core";
6 |
7 | @Injectable()
8 | export class ErrorHandlerService {
9 |
10 | constructor(
11 | public globalAlertService: GlobalAlertService
12 | ){}
13 |
14 | handleError(error : HttpErrorResponse){
15 | if(error instanceof ErrorEvent) {
16 | // return a common client side error
17 | console.error('An error occurred:', error.message);
18 | return new ErrorObservable("common error" + error.message);
19 | }else{
20 | // if the backend return the unsuccessful code
21 | console.error( `Backend returned code ${error.status}, ` +
22 | `body was: ${error.status}`);
23 | if(+error.status === 0){
24 | this.globalAlertService.putAlertMsg(
25 | "Can't access RackHD services, please confirm if configurations are correct.",
26 | 'bar'
27 | );
28 | } else {
29 | this.globalAlertService.putAlertMsg(error.message);
30 | }
31 | }
32 |
33 | return new ErrorObservable("backend error");
34 | }
35 | }
36 |
37 | export function ErrorHanlder(){
38 | return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
39 | let originalMethod = descriptor.value; // save a reference to the original method
40 | const newMethod = {
41 | value: function(...args: any[]) {
42 | var result = originalMethod.apply(this, args)
43 | .pipe(
44 | catchError(error => this.errorHandlerService.handleError(error))
45 | );
46 | return result;
47 | }
48 | };
49 | return newMethod;
50 | };
51 | }
52 |
--------------------------------------------------------------------------------
/src/app/global-alert/global-alert.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import * as _ from 'lodash';
3 | import {GlobalAlertService} from "../services/core/global-alert.service";
4 |
5 | @Component({
6 | selector: 'app-global-alert',
7 | templateUrl: './global-alert.component.html',
8 | styleUrls: ['./global-alert.component.css']
9 | })
10 | export class GlobalAlertComponent implements OnInit {
11 | modalErrorMsges = [];
12 | barErrorMsges = []
13 | msgId = 0;
14 | showErrors = false;
15 | constructor(
16 | public globalAlertService: GlobalAlertService
17 | ){}
18 |
19 | ngOnInit(){
20 | this.globalAlertService.getAlertQueue().subscribe(
21 | alertObj => {
22 | let msg = alertObj.msg;
23 | if(alertObj.type === 'modal'){
24 | if(_.findIndex(this.modalErrorMsges, (cMsg)=> cMsg.text === msg) === -1){
25 | let errorContent;
26 | try {
27 | errorContent = JSON.parse(msg);
28 | }catch (e){
29 | errorContent = msg;
30 | }
31 | this.modalErrorMsges.push({id: this.msgId, text: errorContent});
32 | this.modalErrorMsges = [].concat(this.modalErrorMsges);
33 | this.showErrors = true;
34 | this.msgId += 1;
35 | }
36 | } else if(alertObj.type === 'bar') {
37 | if(_.findIndex(this.barErrorMsges, (cMsg)=> cMsg.text === msg) === -1){
38 | this.barErrorMsges.push({id: this.msgId, text: msg});
39 | this.barErrorMsges = [].concat(this.barErrorMsges);
40 | this.msgId += 1;
41 | }
42 | }
43 | }
44 | )
45 | }
46 |
47 | closeModalAlert(){
48 | _.remove(this.modalErrorMsges);
49 | this.showErrors = false;
50 | }
51 |
52 | closeBarAlert(msgId: string){
53 | _.remove(this.barErrorMsges, (msg) => msg.id === msgId);
54 | }
55 |
56 | }
57 |
--------------------------------------------------------------------------------
/src/testing/router-stub.ts:
--------------------------------------------------------------------------------
1 | import { Component, Directive, Injectable, Input } from '@angular/core';
2 | import { NavigationExtras } from '@angular/router';
3 |
4 | @Directive({
5 | selector: '[routerLink]',
6 | host: {
7 | '(click)': 'onClick()'
8 | }
9 | })
10 | export class RouterLinkStubDirective {
11 | @Input('routerLink') linkParams: any;
12 | navigatedTo: any = null;
13 |
14 | onClick() {
15 | this.navigatedTo = this.linkParams;
16 | }
17 | }
18 |
19 | @Component({selector: 'router-outlet', template: ''})
20 | export class RouterOutletStubComponent { }
21 |
22 | @Injectable()
23 | export class RouterStub {
24 | navigate(commands: any[], extras?: NavigationExtras) { }
25 | }
26 |
27 |
28 | // Only implements params and part of snapshot.paramMap
29 | import { BehaviorSubject } from 'rxjs/BehaviorSubject';
30 | import { convertToParamMap, ParamMap } from '@angular/router';
31 |
32 |
33 | /*
34 | * Stub Test Class for ActivatedRoute
35 | *
36 | * Usage:
37 | * 1. define var:
38 | * let x : ActivatedRouteStub;
39 | * 2. useValue in providers:
40 | * { provide: ActivatedRoute, useValue: x }
41 | * 3. Before component created. by TestBed.createComponent(),
42 | * initialize the var x:
43 | * x = new ActivatedRouteStub();
44 | * x.testParams = { id: '123' };
45 | *
46 | */
47 |
48 | @Injectable()
49 | export class ActivatedRouteStub {
50 | // ActivatedRoute.params is Observable
51 | private subject = new BehaviorSubject(this.testParams);
52 | params = this.subject.asObservable();
53 |
54 | // Test parameters
55 | private _testParams: {};
56 | get testParams() { return this._testParams; }
57 | set testParams(params: {}) {
58 | this._testParams = params;
59 | this.subject.next(params);
60 | }
61 |
62 | // ActivatedRoute.snapshot.params
63 | get snapshot() {
64 | return { params: this.testParams };
65 | }
66 |
67 | }
68 |
--------------------------------------------------------------------------------
/src/app/inventory/header/header.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
2 | import { Subject } from 'rxjs/Subject';
3 | import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
4 | import { StringOperator } from '../../utils/inventory-operator';
5 |
6 | @Component({
7 | selector: 'inventory-header',
8 | templateUrl: './header.component.html',
9 | styleUrls: ['./header.component.scss'],
10 | encapsulation: ViewEncapsulation.None
11 | })
12 |
13 | export class InventoryHeaderComponent implements OnInit {
14 | @Input() allItems: any;
15 | @Input() name: string;
16 | @Input() isSearchRequired: boolean = true;
17 | @Input() isRefreshRequired: boolean = true;
18 | @Input() isDeleteRequired: boolean = true;
19 | @Input() isCreateRequired: boolean = true;
20 | @Input() isCancelRequired: boolean = false;
21 |
22 | @Output() filter = new EventEmitter();
23 | @Output() action = new EventEmitter();
24 |
25 | searchValue:string = '';
26 | filteredItems: any[];
27 | searchTerms = new Subject
5 |
7 |
9 |
16 |
27 |
28 |
33 |
34 |
2 |
3 |
4 |
5 |
45 |
49 |
--------------------------------------------------------------------------------
/src/app/management-center/management-center.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
4 | import { ClarityModule } from '@clr/angular';
5 | // the dependent files of ManagementCenter
6 | import { ManagementCenterComponent } from './management-center.component';
7 | import { ManagementCenterRoutingModule } from './management-center-routing.module';
8 | // child component
9 | import { NodesComponent } from './nodes/nodes.component';
10 | import { ProfilesComponent } from './profiles/profiles.component';
11 | import { PollersComponent } from './pollers/pollers.component';
12 | import { WorkflowsComponent } from './workflows/workflows.component';
13 | import { CatalogsComponent } from './catalogs/catalogs.component';
14 | import { ObmComponent } from './obms/obm.component';
15 | import { SkuComponent } from './skus/sku.component';
16 | import { FilesComponent } from './files/files.component';
17 | import { TemplatesComponent } from './templates/templates.component';
18 | import { ConfigComponent } from './configs/config.component';
19 | import { ManagementCenterServicesModule } from './services/management-center-service.module';
20 | import { RackhdCommonServicesModule } from 'app/services/rackhd-common/rackhd-common.module';
21 | import { InventoryModule } from 'app/inventory/inventory.module';
22 | import { NgxSelectModule } from 'ngx-select-ex';
23 |
24 | // the dependent services of ManagementCenter
25 |
26 | @NgModule({
27 | imports: [
28 | ClarityModule.forChild(),
29 | CommonModule,
30 | FormsModule,
31 | ReactiveFormsModule,
32 | ManagementCenterRoutingModule,
33 | ManagementCenterServicesModule,
34 | InventoryModule,
35 | NgxSelectModule
36 | ],
37 | declarations: [
38 | ManagementCenterComponent,
39 | NodesComponent,
40 | ProfilesComponent,
41 | PollersComponent,
42 | WorkflowsComponent,
43 | CatalogsComponent,
44 | ObmComponent,
45 | SkuComponent,
46 | FilesComponent,
47 | TemplatesComponent,
48 | ConfigComponent,
49 | ]
50 | })
51 |
52 | export class ManagementCenterModule {
53 | }
54 |
--------------------------------------------------------------------------------
/config/spec-bundle.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @author: @AngularClass
3 | */
4 |
5 | /**
6 | * When testing with webpack and ES6, we have to do some extra
7 | * things to get testing to work right. Because we are gonna write tests
8 | * in ES6 too, we have to compile those as well. That's handled in
9 | * karma.conf.js with the karma-webpack plugin. This is the entry
10 | * file for webpack test. Just like webpack will create a bundle.js
11 | * file for our client, when we run test, it will compile and bundle them
12 | * all here! Crazy huh. So we need to do some setup
13 | */
14 | Error.stackTraceLimit = Infinity;
15 |
16 | require('core-js/es6');
17 | require('core-js/es7/reflect');
18 |
19 | require('zone.js/dist/zone');
20 | require('zone.js/dist/long-stack-trace-zone');
21 | require('zone.js/dist/proxy'); // since zone.js 0.6.15
22 | require('zone.js/dist/sync-test');
23 | require('zone.js/dist/jasmine-patch'); // put here since zone.js 0.6.14
24 | require('zone.js/dist/async-test');
25 | require('zone.js/dist/fake-async-test');
26 |
27 | /**
28 | * RxJS
29 | */
30 | require('rxjs/Rx');
31 |
32 | var testing = require('@angular/core/testing');
33 | var browser = require('@angular/platform-browser-dynamic/testing');
34 |
35 | testing.TestBed.initTestEnvironment(
36 | browser.BrowserDynamicTestingModule,
37 | browser.platformBrowserDynamicTesting()
38 | );
39 |
40 | /**
41 | * Ok, this is kinda crazy. We can use the context method on
42 | * require that webpack created in order to tell webpack
43 | * what files we actually want to require or import.
44 | * Below, context will be a function/object with file names as keys.
45 | * Using that regex we are saying look in ../src then find
46 | * any file that ends with spec.ts and get its path. By passing in true
47 | * we say do this recursively
48 | */
49 | var testContext = require.context('../src', true, /\.spec\.ts/);
50 |
51 | /**
52 | * Get all the files, for each file, call the context function
53 | * that will require the file and load it up here. Context will
54 | * loop and require those spec files here
55 | */
56 | function requireAll(requireContext) {
57 | return requireContext.keys().map(requireContext);
58 | }
59 |
60 | /**
61 | * Requires and returns all modules that match
62 | */
63 | var modules = requireAll(testContext);
64 |
--------------------------------------------------------------------------------
/src/app/management-center/catalogs/catalogs.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Catalog } from 'app/models';
3 | import { CatalogsService } from 'app/services/rackhd/catalogs.service';
4 | import { Subject } from 'rxjs/Subject';
5 | import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
6 |
7 | import * as _ from 'lodash';
8 | import { AlphabeticalComparator, ObjectFilterByKey, StringOperator } from 'app/utils/inventory-operator';
9 |
10 | @Component({
11 | selector: 'app-catalogs',
12 | templateUrl: './catalogs.component.html',
13 | styleUrls: ['./catalogs.component.scss']
14 | })
15 | export class CatalogsComponent implements OnInit {
16 | allCatalogs: Catalog[];
17 | catalogsStore: Catalog[];
18 |
19 | selectedCatalog: Catalog;
20 | specCatalog: Catalog;
21 | isShowDetail: boolean;
22 | isShowData: boolean;
23 |
24 | // data grid helper
25 | dgDataLoading = false;
26 | dgPlaceholder = 'No catalog found!'
27 |
28 | constructor(public catalogsService: CatalogsService) {
29 | this.specCatalog = new Catalog();
30 | }
31 |
32 | public idComparator = new AlphabeticalComparator('id');
33 | public nodeComparator = new AlphabeticalComparator('node');
34 | public sourceComparator = new AlphabeticalComparator('source');
35 | public createTimeComparator = new AlphabeticalComparator('createdAt');
36 | public updateTimeComparator = new AlphabeticalComparator('updatedAt');
37 |
38 | public idFilter = new ObjectFilterByKey('id');
39 | public nodeFilter = new ObjectFilterByKey('node');
40 | public sourceFilter = new ObjectFilterByKey('source');
41 |
42 | ngOnInit() {
43 | this.getAllCatalogs();
44 | }
45 |
46 | getAllCatalogs(): void {
47 | this.catalogsService.getAll()
48 | .subscribe( data => {
49 | this.allCatalogs = data;
50 | this.catalogsStore = data;
51 | this.dgDataLoading = false;
52 | });
53 | }
54 |
55 | refresh() {
56 | this.dgDataLoading = true;
57 | this.getAllCatalogs();
58 | }
59 |
60 | goToDetail(catalog: Catalog) {
61 | this.selectedCatalog = catalog;
62 | this.isShowDetail = true;
63 | }
64 |
65 | onAction(action){
66 | switch(action) {
67 | case 'Refresh':
68 | this.refresh();
69 | break;
70 | };
71 | }
72 |
73 | onFilter(filtered){
74 | this.catalogsStore = filtered;
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/src/app/management-center/catalogs/catalogs.component.html:
--------------------------------------------------------------------------------
1 |
46 |
48 |
2 |
3 |
6 |
7 |
8 |
54 |
--------------------------------------------------------------------------------
/src/app/management-center/configs/config.component.html:
--------------------------------------------------------------------------------
1 |
9 |
10 | {{ dgPlaceholder }}
11 |
12 | ID
13 |
14 |
15 |
16 |
17 | Node
18 |
19 |
20 |
21 |
22 | Source
23 |
24 |
25 |
26 |
27 | CreatedAt
28 |
29 |
30 | UpdatedAt
31 |
32 |
33 |
34 | {{catalog.id}}
35 | {{catalog.node.split('/')[4]}}
36 | {{catalog.source}}
37 | {{catalog.createdAt}}
38 | {{catalog.updatedAt}}
39 |
40 |
41 |
42 |
43 |
44 |
46 |
47 |
48 |
50 |
51 |
52 |
53 |
2 |
3 |
6 |
7 |
8 |
60 |
--------------------------------------------------------------------------------
/src/app/management-center/templates/templates.component.html:
--------------------------------------------------------------------------------
1 |
9 |
10 | {{ dgPlaceholder }}
11 | Key
12 |
13 |
14 |
15 | Value
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | {{config.key}}
25 | {{config.value | json}}
26 |
27 |
28 |
29 |
31 |
32 |
33 |
34 |
57 |
58 |
59 | {{modalAction }} configure
35 |
36 |
48 |
52 |
56 | 49 | Item "{{selectedConfig && selectedConfig.key}}" is set to "{{ selectedConfig && selectedConfig.value}}" 50 |
51 |
2 |
3 |
6 |
7 |
8 |
46 |
47 |
48 |
51 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/src/app/management-center/profiles/profiles.component.html:
--------------------------------------------------------------------------------
1 |
9 |
10 | {{ dgPlaceholder }}
11 | ID
12 |
13 |
14 |
15 | Name
16 |
17 |
18 |
19 | Scope
20 |
21 |
22 |
23 | Hash
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | {{template.id}}
32 | {{template.name}}
33 | {{template.scope}}
34 | {{template.hash}}
35 |
36 |
37 |
38 |
40 |
41 |
42 |
43 | {{action}} template to RackHD
52 |
53 |
54 |
55 |
56 |
59 |
2 |
3 |
6 |
7 |
8 |
63 |
--------------------------------------------------------------------------------
/src/app/workflow-center/workflow-editor/workflow-editor.component.html:
--------------------------------------------------------------------------------
1 |
9 |
10 | {{ dgPlaceholder }}
11 | ID
12 |
13 |
14 |
15 | Name
16 |
17 |
18 |
19 | Scope
20 |
21 |
22 |
23 | Hash
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | {{profile.id}}
32 | {{profile.name}}
33 | {{profile.scope}}
34 | {{profile.hash}}
35 |
36 |
37 |
38 |
40 |
41 |
42 |
45 |
46 |
47 |
51 |
60 |
61 |
62 | {{action}} profile to RackHD
52 |
53 |
54 |
55 |
56 |
59 |
2 |
35 |
36 |
52 |
53 |
54 |
62 |
63 |
--------------------------------------------------------------------------------
/src/app/workflow-center/run-workflow/run-workflow.component.html:
--------------------------------------------------------------------------------
1 |
3 |
33 |
34 |
4 |
7 |
10 |
14 |
15 |
16 |
17 |
18 | 11 | Right-click to add a new task at canvas. 12 |
13 |
19 |
32 |
20 |
23 |
30 |
31 |
24 |
27 |
28 |
29 | {{saveGraphInfo.status}}
37 | 38 |
39 |
41 |
42 |
46 |
47 |
51 | {{saveGraphInfo.notes}}
40 |Error Match Task Lable Waiton
55 |
56 |
58 |
61 | Please check workflow tasks wait on the correct task lable!
57 |
2 |
51 |
64 |
65 |
--------------------------------------------------------------------------------
/src/app/settings/setting.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpHeaders, HttpClient } from '@angular/common/http';
3 | import { RACKHD_CONFIG } from 'app/models/index';
4 | import { Observable } from 'rxjs/Observable';
5 | import { timeout } from 'rxjs/operators/timeout';
6 |
7 | import * as _ from 'lodash';
8 |
9 | @Injectable()
10 | export class SettingService {
11 |
12 | constructor(private http: HttpClient) {}
13 |
14 | get northboundApi():string { return this.getConfigValue('northboundApi'); }
15 | set northboundApi(value:string) {this.setConfigValue('northboundApi', value); }
16 |
17 | get websocketUrl():string { return this.getConfigValue('websocketUrl'); }
18 | set websocketUrl(value:string) { this.setConfigValue('websocketUrl', value); }
19 |
20 | get authEnabled():boolean { return this.getConfigValue('authEnabled'); }
21 | set authEnabled(value:boolean) { this.setConfigValue('authEnabled', !!value);}
22 |
23 | get connSecured():boolean { return this.getConfigValue('connSecured'); }
24 | set connSecured(value:boolean) { this.setConfigValue('connSecured', !!value); }
25 |
26 | get authToken():string { return this.getConfigValue('authToken'); }
27 | set authToken(value:string) { this.setConfigValue('authToken', value); }
28 |
29 | getConfigValue(key: string): any {
30 | let globalKey = 'rackhd.' + key;
31 | let value = window.localStorage.getItem(globalKey);
32 | if (!value //window.localStorage only stores string
33 | || value === "undefined"
34 | || value === "null") { return RACKHD_CONFIG[key]; }
35 | if (value === "false") return false;
36 | return value;
37 | }
38 |
39 | setConfigValue(key: string, value: any): any {
40 | let globalKey = 'rackhd.' + key;
41 | window.localStorage.setItem(globalKey, value);
42 | return value;
43 | }
44 |
45 | loadDefaultConfig(){
46 | return RACKHD_CONFIG;
47 | }
48 |
49 | loadInitialConfig(){
50 | _.forEach(_.keys(RACKHD_CONFIG), key => {
51 | let _key = 'rackhd.' + key;
52 | if (!window.localStorage.getItem(_key)){
53 | this[key] = RACKHD_CONFIG[key];
54 | }
55 | })
56 | }
57 |
58 | clearAllConfig(){
59 | _.forEach(_.keys(RACKHD_CONFIG), function(key){
60 | key = 'rackhd.' + key;
61 | if (window.localStorage.getItem(key)){
62 | window.localStorage.removeItem(key);
63 | }
64 | });
65 | }
66 |
67 | generateToken(user: string, password: string): Observable3 | Run Workflow 4 |
5 | 6 |
7 | The fields with * below are required!
8 |
9 |
10 |
17 |
18 |
19 |
23 |
24 |
25 |
26 |
27 |
30 |
31 |
32 |
33 |
40 |
41 |
42 |
43 |
49 |
50 | {{modalInformation.title}}
52 |
53 |
55 |
59 |
63 | {{modalInformation.note}}
54 |
2 |
3 |
6 |
7 |
8 |
69 |
70 |
71 |
73 |
74 |
75 |
78 |
87 |
88 |
--------------------------------------------------------------------------------
/config/karma.conf.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @author: @AngularClass
3 | */
4 |
5 | module.exports = function (config) {
6 | var testWebpackConfig = require('./webpack.test.js')({ env: 'test' });
7 |
8 | var configuration = {
9 |
10 | /**
11 | * Base path that will be used to resolve all patterns (e.g. files, exclude).
12 | */
13 | basePath: '',
14 |
15 | /**
16 | * Frameworks to use
17 | *
18 | * available frameworks: https://npmjs.org/browse/keyword/karma-adapter
19 | */
20 | frameworks: ['jasmine'],
21 |
22 | /**
23 | * List of files to exclude.
24 | */
25 | exclude: [],
26 |
27 | client: {
28 | captureConsole: false
29 | },
30 |
31 | /**
32 | * List of files / patterns to load in the browser
33 | *
34 | * we are building the test environment in ./spec-bundle.js
35 | */
36 | files: [
37 | { pattern: './config/spec-bundle.js', watched: false },
38 | { pattern: './src/assets/**/*', watched: false, included: false, served: true, nocache: false },
39 | './node_modules/@clr/icons/clr-icons.min.css',
40 | './node_modules/@clr/ui/dec-clarity-ui.min.css'
41 | ],
42 |
43 | /**
44 | * By default all assets are served at http://localhost:[PORT]/base/
45 | */
46 | proxies: {
47 | "/assets/": "/base/src/assets/"
48 | },
49 |
50 | /**
51 | * Preprocess matching files before serving them to the browser
52 | * available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
53 | */
54 | preprocessors: { './config/spec-bundle.js': ['coverage', 'webpack', 'sourcemap'] },
55 |
56 | /**
57 | * Webpack Config at ./webpack.test.js
58 | */
59 | webpack: testWebpackConfig,
60 |
61 | coverageReporter: {
62 | type: 'in-memory'
63 | },
64 |
65 | remapCoverageReporter: {
66 | 'text-summary': null,
67 | json: './coverage/coverage.json',
68 | html: './coverage/html'
69 | },
70 |
71 | /**
72 | * Webpack please don't spam the console when running in karma!
73 | */
74 | webpackMiddleware: {
75 | /**
76 | * webpack-dev-middleware configuration
77 | * i.e.
78 | */
79 | noInfo: true,
80 | /**
81 | * and use stats to turn off verbose output
82 | */
83 | stats: {
84 | /**
85 | * options i.e.
86 | */
87 | chunks: false
88 | }
89 | },
90 |
91 | /**
92 | * Test results reporter to use
93 | *
94 | * possible values: 'dots', 'progress'
95 | * available reporters: https://npmjs.org/browse/keyword/karma-reporter
96 | */
97 | reporters: ['mocha', 'coverage', 'remap-coverage'],
98 |
99 | /**
100 | * Web server port.
101 | */
102 | port: 9876,
103 |
104 | /**
105 | * enable / disable colors in the output (reporters and logs)
106 | */
107 | colors: true,
108 |
109 | /**
110 | * Level of logging
111 | * possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
112 | */
113 | logLevel: config.LOG_WARN,
114 |
115 | /**
116 | * enable / disable watching file and executing tests whenever any file changes
117 | */
118 | autoWatch: false,
119 |
120 | /**
121 | * start these browsers
122 | * available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
123 | */
124 | browsers: [
125 | 'Chrome',
126 | 'ChromeHeadlessNoSandbox'
127 | ],
128 |
129 | customLaunchers: {
130 | ChromeHeadlessNoSandbox: {
131 | base: 'ChromeHeadless',
132 | flags: ['--no-sandbox']
133 | }
134 | },
135 |
136 | /**
137 | * Continuous Integration mode
138 | * if true, Karma captures browsers, runs the tests and exits
139 | */
140 | singleRun: true
141 | };
142 |
143 | if (process.env.CI || process.env.TRAVIS ) {
144 | configuration.browsers = [
145 | 'ChromeHeadlessNoSandbox'
146 | ];
147 | }
148 |
149 | config.set(configuration);
150 | };
151 |
--------------------------------------------------------------------------------
/src/app/management-center/profiles/profiles.component.ts:
--------------------------------------------------------------------------------
1 | import { ChangeDetectorRef, Component, OnInit, ViewEncapsulation } from '@angular/core';
2 | import { Comparator, StringFilter } from "@clr/angular";
3 | import { Subject } from 'rxjs/Subject';
4 | import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
5 | import { Observable } from 'rxjs/Observable';
6 | import { AlphabeticalComparator, StringOperator, ObjectFilterByKey } from 'app/utils/inventory-operator';
7 | import * as _ from 'lodash';
8 |
9 | import { ProfileService } from 'app/management-center/services/profile.service';
10 | import { Profile, ModalTypes } from 'app/models';
11 |
12 | @Component({
13 | selector: 'app-profiles',
14 | templateUrl: './profiles.component.html',
15 | styleUrls: ['./profiles.component.scss'],
16 | encapsulation: ViewEncapsulation.None
17 | })
18 | export class ProfilesComponent implements OnInit {
19 | profilesStore: Profile[] = [];
20 | allProfiles: Profile[] = [];
21 | selectedProfile: Profile;
22 |
23 | files: FileList;
24 |
25 | action: string;
26 | isShowModal: boolean;
27 | rawData: string;
28 |
29 | modalTypes: ModalTypes;
30 |
31 | // data grid helper
32 | dgDataLoading = false;
33 | dgPlaceholder = 'No profile found!'
34 |
35 | public scopeComparator = new AlphabeticalComparator
9 |
10 | {{ dgPlaceholder }}
11 |
12 | ID
13 |
14 |
15 |
16 |
17 | FileName
18 |
19 |
20 |
21 |
22 | BaseName
23 |
24 |
25 |
26 |
27 | Version
28 |
29 |
30 |
31 |
32 | md5
33 |
34 |
35 | sha256
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 | {{file.uuid}}
46 | {{file.filename}}
47 | {{file.basename}}
48 | {{file.version}}
49 | {{file.md5}}
50 | {{file.sha256}}
51 |
52 |
53 |
54 |
56 |
57 |
58 |
65 |
66 |
59 | Selected Files:
60 |
61 | {{file? file.filename : null}}{{isLast ? '' : ', '}}
62 |
63 |
64 | {{action}} file to RackHD
79 |
80 |
81 |
82 |
83 |
86 |