ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-06-16 22:08:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

On push strategy for project map components

Browse Source
This commit is contained in:
piotrpekala7
2020-02-11 17:16:47 +01:00
parent e11281ddf6
commit 4de4471d73
4 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/components/project-map/nodes-menu/nodes-menu.component.ts
View File

@ -1,4 +1,4 @@
import { Component, Input } from "@angular/core"; import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
import { Project } from '../../../models/project'; import { Project } from '../../../models/project';
import { Server } from '../../../models/server'; import { Server } from '../../../models/server';
import { NodeService } from '../../../services/node.service'; import { NodeService } from '../../../services/node.service';
@ -11,7 +11,8 @@ import { ServerService } from '../../../services/server.service';
@Component({ @Component({
selector: 'app-nodes-menu', selector: 'app-nodes-menu',
templateUrl: './nodes-menu.component.html', templateUrl: './nodes-menu.component.html',
styleUrls: ['./nodes-menu.component.scss'] styleUrls: ['./nodes-menu.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
}) })
export class NodesMenuComponent { export class NodesMenuComponent {
@Input('project') project: Project; @Input('project') project: Project;

6
src/app/components/project-map/project-map-menu/project-map-menu.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit, OnDestroy, Input } from '@angular/core'; import { Component, OnInit, OnDestroy, Input, ChangeDetectionStrategy } from '@angular/core';
import { Project } from '../../../models/project'; import { Project } from '../../../models/project';
import { Server } from '../../../models/server'; import { Server } from '../../../models/server';
import { ToolsService } from '../../../services/tools.service'; import { ToolsService } from '../../../services/tools.service';
@ -14,11 +14,11 @@ import { ScreenshotDialogComponent, Screenshot } from '../screenshot-dialog/scre
import { saveAsPng, saveAsJpeg } from 'save-html-as-image'; import { saveAsPng, saveAsJpeg } from 'save-html-as-image';
import { ThemeService } from '../../../services/theme.service'; import { ThemeService } from '../../../services/theme.service';
@Component({ @Component({
selector: 'app-project-map-menu', selector: 'app-project-map-menu',
templateUrl: './project-map-menu.component.html', templateUrl: './project-map-menu.component.html',
styleUrls: ['./project-map-menu.component.scss'] styleUrls: ['./project-map-menu.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
}) })
export class ProjectMapMenuComponent implements OnInit, OnDestroy { export class ProjectMapMenuComponent implements OnInit, OnDestroy {
@Input() project: Project; @Input() project: Project;

5
src/app/components/topology-summary/topology-summary.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit, OnDestroy, Input, AfterViewInit, Output, EventEmitter } from '@angular/core'; import { Component, OnInit, OnDestroy, Input, AfterViewInit, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
import { Project } from '../../models/project'; import { Project } from '../../models/project';
import { Server } from '../../models/server'; import { Server } from '../../models/server';
import { NodesDataSource } from '../../cartography/datasources/nodes-datasource'; import { NodesDataSource } from '../../cartography/datasources/nodes-datasource';
@ -16,7 +16,8 @@ import { ThemeService } from '../../services/theme.service';
@Component({ @Component({
selector: 'app-topology-summary', selector: 'app-topology-summary',
templateUrl: './topology-summary.component.html', templateUrl: './topology-summary.component.html',
styleUrls: ['./topology-summary.component.scss'] styleUrls: ['./topology-summary.component.scss'],
changeDetection: ChangeDetectionStrategy.Default
}) })
export class TopologySummaryComponent implements OnInit, OnDestroy { export class TopologySummaryComponent implements OnInit, OnDestroy {
@Input() server: Server; @Input() server: Server;

14
src/main.ts
View File

@ -1,14 +1,20 @@
import 'hammerjs'; import 'hammerjs';
import { enableProdMode } from '@angular/core'; import { enableProdMode, ApplicationRef } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module'; import { AppModule } from './app/app.module';
import { environment } from './environments/environment'; import { environment } from './environments/environment';
import { enableDebugTools } from '@angular/platform-browser';
if (environment.production) { if (environment.production) {
enableProdMode(); enableProdMode();
} }
platformBrowserDynamic() platformBrowserDynamic().bootstrapModule(AppModule)
.bootstrapModule(AppModule) .then(moduleRef => {
.catch(err => console.error(err)); const applicationRef = moduleRef.injector.get(ApplicationRef);
const componentRef = applicationRef.components[0];
// allows to run `ng.profiler.timeChangeDetection();`
enableDebugTools(componentRef);
})
.catch(err => console.log(err));