From 88991d655091c128d019514a81efb16c2db69fb0 Mon Sep 17 00:00:00 2001 From: Yogesh Dhanapal Date: Sun, 4 Oct 2020 20:51:27 -0400 Subject: [PATCH] implemented svg pan zoom --- angular.json | 3 +- development.md | 2 + package-lock.json | 7 +- package.json | 9 +-- projects/capx/src/app/capx/capx.module.ts | 4 +- .../svg-viewer/svg-viewer.component.html | 4 ++ .../svg-viewer/svg-viewer.component.scss | 12 ++++ .../common/svg-viewer/svg-viewer.component.ts | 37 ++++++++++ .../design/conventional-design.component.html | 21 ++++++ .../design/conventional-design.component.scss | 6 +- .../design/conventional-design.component.svg | 18 ----- .../design/conventional-design.component.ts | 2 +- ...right-turn-left-turn-design.component.html | 21 ++++++ ...right-turn-left-turn-design.component.scss | 6 +- ...-right-turn-left-turn-design.component.svg | 18 ----- ...d-right-turn-left-turn-design.component.ts | 2 +- ...ft-turn-intersection-design.component.html | 67 +++++++++++++++++++ ...ft-turn-intersection-design.component.scss | 5 -- ...eft-turn-intersection-design.component.svg | 64 ------------------ ...left-turn-intersection-design.component.ts | 2 +- ...tersection-east-west-design.component.html | 45 +++++++++++++ ...tersection-east-west-design.component.scss | 5 -- ...ntersection-east-west-design.component.svg | 42 ------------ ...intersection-east-west-design.component.ts | 2 +- ...rsection-north-south-design.component.html | 45 +++++++++++++ ...rsection-north-south-design.component.scss | 5 -- ...ersection-north-south-design.component.svg | 42 ------------ ...tersection-north-south-design.component.ts | 2 +- ...ersection-east-west-design.component.html} | 5 +- ...tersection-east-west-design.component.scss | 5 -- ...intersection-east-west-design.component.ts | 2 +- ...section-north-south-design.component.html} | 5 +- ...rsection-north-south-design.component.scss | 5 -- ...tersection-north-south-design.component.ts | 2 +- ...ersection-east-west-design.component.html} | 5 +- ...tersection-east-west-design.component.scss | 5 -- ...intersection-east-west-design.component.ts | 2 +- ...section-north-south-design.component.html} | 5 +- ...rsection-north-south-design.component.scss | 5 -- ...tersection-north-south-design.component.ts | 2 +- ...rsection-north-east-design.component.html} | 5 +- ...ersection-north-east-design.component.scss | 5 -- ...ntersection-north-east-design.component.ts | 2 +- ...rsection-north-west-design.component.html} | 5 +- ...ersection-north-west-design.component.scss | 5 -- ...ntersection-north-west-design.component.ts | 2 +- ...rsection-south-east-design.component.html} | 5 +- ...ersection-south-east-design.component.scss | 5 -- ...ntersection-south-east-design.component.ts | 2 +- ...ersection-south-west-design.component.html | 45 +++++++++++++ ...ersection-south-west-design.component.scss | 5 -- ...tersection-south-west-design.component.svg | 42 ------------ ...ntersection-south-west-design.component.ts | 2 +- ...ersection-east-west-design.component.html} | 5 +- ...tersection-east-west-design.component.scss | 5 -- ...intersection-east-west-design.component.ts | 2 +- ...rsection-north-south-design.component.html | 55 +++++++++++++++ ...rsection-north-south-design.component.scss | 5 -- ...ersection-north-south-design.component.svg | 53 --------------- ...tersection-north-south-design.component.ts | 2 +- projects/capx/src/styles.scss | 7 ++ 61 files changed, 426 insertions(+), 384 deletions(-) create mode 100644 projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.html create mode 100644 projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.scss create mode 100644 projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.ts create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.svg create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.svg create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.svg create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.svg create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.svg rename projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/{partial-displaced-left-turn-intersection-east-west-design.component.svg => partial-displaced-left-turn-intersection-east-west-design.component.html} (96%) rename projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/{partial-displaced-left-turn-intersection-north-south-design.component.svg => partial-displaced-left-turn-intersection-north-south-design.component.html} (97%) rename projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/{partial-median-uturn-intersection-east-west-design.component.svg => partial-median-uturn-intersection-east-west-design.component.html} (96%) rename projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/{partial-median-uturn-intersection-north-south-design.component.svg => partial-median-uturn-intersection-north-south-design.component.html} (96%) rename projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/{quadrant-roadway-intersection-north-east-design.component.svg => quadrant-roadway-intersection-north-east-design.component.html} (96%) rename projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/{quadrant-roadway-intersection-north-west-design.component.svg => quadrant-roadway-intersection-north-west-design.component.html} (96%) rename projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/{quadrant-roadway-intersection-south-east-design.component.svg => quadrant-roadway-intersection-south-east-design.component.html} (96%) create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.svg rename projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/{restricted-crossing-uturn-intersection-east-west-design.component.svg => restricted-crossing-uturn-intersection-east-west-design.component.html} (97%) create mode 100644 projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.html delete mode 100644 projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.svg diff --git a/angular.json b/angular.json index fd32527..1cedebc 100644 --- a/angular.json +++ b/angular.json @@ -67,7 +67,8 @@ "complex.js", "fraction.js", "decimal.js", - "typed-function" + "typed-function", + "svg-pan-zoom" ] }, "configurations": { diff --git a/development.md b/development.md index f5c867f..06281de 100644 --- a/development.md +++ b/development.md @@ -48,6 +48,8 @@ ng generate component capx/components/junctions/SinglePointInterchangeEastWestJu ng generate component capx/components/common/CriticalLaneVolumeSum --prefix=capx --module=Capx +ng generate component capx/components/common/SvgViewer --prefix=capx --module=Capx + ng generate component capx/components/junctions/conventional-junction/ConventionalDesign --prefix=capx --module=Capx diff --git a/package-lock.json b/package-lock.json index c38f45c..f6fb561 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "capx", + "name": "junction-capacity-analyzer", "version": "0.0.0", "lockfileVersion": 1, "requires": true, @@ -11854,6 +11854,11 @@ "has-flag": "^4.0.0" } }, + "svg-pan-zoom": { + "version": "3.6.1", + "resolved": "https://registry.npmjs.org/svg-pan-zoom/-/svg-pan-zoom-3.6.1.tgz", + "integrity": "sha512-JaKkGHHfGvRrcMPdJWkssLBeWqM+Isg/a09H7kgNNajT1cX5AztDTNs+C8UzpCxjCTRrG34WbquwaovZbmSk9g==" + }, "svgo": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz", diff --git a/package.json b/package.json index 22dbe3d..0d1dab4 100644 --- a/package.json +++ b/package.json @@ -22,13 +22,14 @@ "@angular/platform-browser-dynamic": "~10.0.0", "@angular/router": "~10.0.0", "@clr/angular": "4.0.1", + "@clr/icons": "4.0.1", + "@clr/ui": "4.0.1", + "@webcomponents/webcomponentsjs": "^2.0.0", "mathjs": "^7.2.0", "rxjs": "~6.5.5", + "svg-pan-zoom": "^3.6.1", "tslib": "^2.0.0", - "zone.js": "~0.10.3", - "@clr/ui": "4.0.1", - "@clr/icons": "4.0.1", - "@webcomponents/webcomponentsjs": "^2.0.0" + "zone.js": "~0.10.3" }, "devDependencies": { "@angular-devkit/build-angular": "~0.1000.8", diff --git a/projects/capx/src/app/capx/capx.module.ts b/projects/capx/src/app/capx/capx.module.ts index 8259c67..1ea5af3 100644 --- a/projects/capx/src/app/capx/capx.module.ts +++ b/projects/capx/src/app/capx/capx.module.ts @@ -80,6 +80,7 @@ import { JunctionComponent } from '../capx/components/junctions/junction.compone import {PortalModule} from '@angular/cdk/portal'; import { MedianUTurnIntersectionEastWestDesignComponent } from '../capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component'; import { MedianUTurnIntersectionEastWestConfigurationComponent } from '../capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/configuration/median-uturn-intersection-east-west-configuration.component'; +import { SvgViewerComponent } from '../capx/components/common/svg-viewer/svg-viewer.component'; @NgModule({ declarations: [ @@ -156,7 +157,8 @@ import { MedianUTurnIntersectionEastWestConfigurationComponent } from '../capx/c TwoNorthSouthxTwoEastWestLaneRoundaboutJunctionConfigurationComponent, JunctionComponent, MedianUTurnIntersectionEastWestDesignComponent, - MedianUTurnIntersectionEastWestConfigurationComponent], + MedianUTurnIntersectionEastWestConfigurationComponent, + SvgViewerComponent], imports: [ CommonModule, CapxRoutingModule, diff --git a/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.html b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.html new file mode 100644 index 0000000..f3f6409 --- /dev/null +++ b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.html @@ -0,0 +1,4 @@ +
+ +
+ diff --git a/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.scss b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.scss new file mode 100644 index 0000000..7e51ac5 --- /dev/null +++ b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.scss @@ -0,0 +1,12 @@ +:host { + display: block; + + .container { + width: calc(100vw - 18rem); + height: calc(100vh - 9rem); + } + + svg { + width: 100%;height:100% + } +} diff --git a/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.ts b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.ts new file mode 100644 index 0000000..f547e09 --- /dev/null +++ b/projects/capx/src/app/capx/components/common/svg-viewer/svg-viewer.component.ts @@ -0,0 +1,37 @@ +import { AfterViewInit, Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core'; +import * as svgPanZoom from 'svg-pan-zoom'; + +@Component({ + selector: 'capx-svg-viewer', + templateUrl: './svg-viewer.component.html', + styleUrls: ['./svg-viewer.component.scss'] +}) +export class SvgViewerComponent implements OnInit, AfterViewInit { + + constructor() { } + + @ViewChild('container') public scene: ElementRef; + public svgPanZoom: SvgPanZoom.Instance; + + ngOnInit(): void { + } + + ngAfterViewInit(): void { + this.svgPanZoom = svgPanZoom(this.scene.nativeElement.children[0], { + zoomEnabled: true, + controlIconsEnabled: true, + fit: true, + center: true + }); + } + + @HostListener('window:resize', ['$event']) + onResize(event): void { + if (this.svgPanZoom) { + this.svgPanZoom.resize(); + this.svgPanZoom.fit(); + this.svgPanZoom.center(); + } + } + +} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.html new file mode 100644 index 0000000..c3f5175 --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.html @@ -0,0 +1,21 @@ + + + + + + + + + + + + {{(capxStateService.state.get(junctions.ConventionalIntersection).intersectionResult | async).zone5_center_clv}} + + + {{(capxStateService.state.get(junctions.ConventionalIntersection).intersectionResult | async).zone5_center_vc}} + V / C + Zone 5 + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.scss index 678feb6..8b13789 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.scss @@ -1,5 +1 @@ -:host { - display: block; - width: 60%; - margin: auto; -} + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.svg deleted file mode 100644 index bb95f74..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - {{(capxStateService.state.get(junctions.ConventionalIntersection).intersectionResult | async).zone5_center_clv}} - - - {{(capxStateService.state.get(junctions.ConventionalIntersection).intersectionResult | async).zone5_center_vc}} - V / C - Zone 5 - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.ts index eeb70e4..390cbea 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-junction/design/conventional-design.component.ts @@ -6,7 +6,7 @@ import { Junctions } from './../../../../../services/models/junctions'; @Component({ selector: 'capx-conventional-design', - templateUrl: './conventional-design.component.svg', + templateUrl: './conventional-design.component.html', styleUrls: ['./conventional-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.html new file mode 100644 index 0000000..006dcc5 --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.html @@ -0,0 +1,21 @@ + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 5 + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.scss index e2ae5f8..8b13789 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.scss @@ -1,5 +1 @@ -:host { - display: block; - width: 40%; - margin: auto; -} + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.svg deleted file mode 100644 index 6477935..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 5 - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.ts index 8336e01..9b3f022 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/conventional-shared-right-turn-left-turn-junction/design/conventional-shared-right-turn-left-turn-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-conventional-shared-right-turn-left-turn-design', - templateUrl: './conventional-shared-right-turn-left-turn-design.component.svg', + templateUrl: './conventional-shared-right-turn-left-turn-design.component.html', styleUrls: ['./conventional-shared-right-turn-left-turn-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.html new file mode 100644 index 0000000..d91660d --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.html @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 3 + + + + 662 + + + 0.41 + V / C + Zone 4 + + + + 662 + + + 0.41 + V / C + Zone 5 + + + + 662 + + + 0.41 + V / C + Zone 2 + + + + 662 + + + 0.41 + V / C + Zone 1 + + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.scss index b96cf3a..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 960px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.svg deleted file mode 100644 index e637d0f..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.svg +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - - - - - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 3 - - - - 662 - - - 0.41 - V / C - Zone 4 - - - - 662 - - - 0.41 - V / C - Zone 5 - - - - 662 - - - 0.41 - V / C - Zone 2 - - - - 662 - - - 0.41 - V / C - Zone 1 - - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.ts index dc70445..aeebdd2 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/full-displaced-left-turn-intersection-junction/design/full-displaced-left-turn-intersection-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-full-displaced-left-turn-intersection-design', - templateUrl: './full-displaced-left-turn-intersection-design.component.svg', + templateUrl: './full-displaced-left-turn-intersection-design.component.html', styleUrls: ['./full-displaced-left-turn-intersection-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.html new file mode 100644 index 0000000..b7038e0 --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 3 + + + + 662 + + + 0.41 + V / C + Zone 4 + + + + 662 + + + 0.41 + V / C + Zone 5 + + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.scss index e074b5f..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 600px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.svg deleted file mode 100644 index bba90d9..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 3 - - - - 662 - - - 0.41 - V / C - Zone 4 - - - - 662 - - - 0.41 - V / C - Zone 5 - - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.ts index e43620a..c424c5a 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-east-west-junction/design/median-uturn-intersection-east-west-design.component.ts @@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-median-uturn-intersection-east-west-design', - templateUrl: './median-uturn-intersection-east-west-design.component.svg', + templateUrl: './median-uturn-intersection-east-west-design.component.html', styleUrls: ['./median-uturn-intersection-east-west-design.component.scss'] }) export class MedianUTurnIntersectionEastWestDesignComponent implements OnInit { diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.html new file mode 100644 index 0000000..ce5d9ed --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 5 + + + + 662 + + + 0.41 + V / C + Zone 2 + + + + 662 + + + 0.41 + V / C + Zone 1 + + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.scss index 8f6f9a6..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 1283px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.svg deleted file mode 100644 index 58450da..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 5 - - - - 662 - - - 0.41 - V / C - Zone 2 - - - - 662 - - - 0.41 - V / C - Zone 1 - - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.ts index 1004b27..4f69c57 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/median-uturn-intersection-north-south-junction/design/median-uturn-intersection-north-south-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-median-uturn-intersection-north-south-design', - templateUrl: './median-uturn-intersection-north-south-design.component.svg', + templateUrl: './median-uturn-intersection-north-south-design.component.html', styleUrls: ['./median-uturn-intersection-north-south-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.html index 759eb6b..1634617 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.html @@ -1,4 +1,5 @@ - + + @@ -47,3 +48,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.scss index d98aeaf..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 800px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.ts index ad1f93f..8aae93a 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-east-west-junction/design/partial-displaced-left-turn-intersection-east-west-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-partial-displaced-left-turn-intersection-east-west-design', - templateUrl: './partial-displaced-left-turn-intersection-east-west-design.component.svg', + templateUrl: './partial-displaced-left-turn-intersection-east-west-design.component.html', styleUrls: ['./partial-displaced-left-turn-intersection-east-west-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.html similarity index 97% rename from projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.html index 48c0a3d..a716c72 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.html @@ -1,4 +1,5 @@ - + + @@ -47,3 +48,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.scss index 8512e13..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 1056px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.ts index 5baa248..8e7ad98 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-displaced-left-turn-intersection-north-south-junction/design/partial-displaced-left-turn-intersection-north-south-design.component.ts @@ -4,7 +4,7 @@ import { Junctions } from './../../../../../services/models/junctions'; @Component({ selector: 'capx-partial-displaced-left-turn-intersection-north-south-design', - templateUrl: './partial-displaced-left-turn-intersection-north-south-design.component.svg', + templateUrl: './partial-displaced-left-turn-intersection-north-south-design.component.html', styleUrls: ['./partial-displaced-left-turn-intersection-north-south-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.html index cee53ec..e7afae2 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.html @@ -1,4 +1,5 @@ - + + @@ -40,3 +41,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.scss index e074b5f..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 600px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.ts index 3885932..1b27c43 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-east-west-junction/design/partial-median-uturn-intersection-east-west-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-partial-median-uturn-intersection-east-west-design', - templateUrl: './partial-median-uturn-intersection-east-west-design.component.svg', + templateUrl: './partial-median-uturn-intersection-east-west-design.component.html', styleUrls: ['./partial-median-uturn-intersection-east-west-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.html index 6c983c1..f8807c2 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.html @@ -1,4 +1,5 @@ - + + @@ -40,3 +41,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.scss index c8f02e4..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 1281px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.ts index aa42010..b30d6e5 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/partial-median-uturn-intersection-north-south-junction/design/partial-median-uturn-intersection-north-south-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-partial-median-uturn-intersection-north-south-design', - templateUrl: './partial-median-uturn-intersection-north-south-design.component.svg', + templateUrl: './partial-median-uturn-intersection-north-south-design.component.html', styleUrls: ['./partial-median-uturn-intersection-north-south-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.html index ee88dc7..0c2cf8a 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.html @@ -1,4 +1,5 @@ - + + @@ -40,3 +41,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.scss index e215a9e..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 888px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.ts index 61e234a..f3773cb 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-east-junction/design/quadrant-roadway-intersection-north-east-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-quadrant-roadway-intersection-north-east-design', - templateUrl: './quadrant-roadway-intersection-north-east-design.component.svg', + templateUrl: './quadrant-roadway-intersection-north-east-design.component.html', styleUrls: ['./quadrant-roadway-intersection-north-east-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.html index 975b8a6..c8a4538 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.html @@ -1,4 +1,5 @@ - + + @@ -47,3 +48,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.scss index f544152..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 954px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.ts index ee93571..1ca25c2 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-north-west-junction/design/quadrant-roadway-intersection-north-west-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-quadrant-roadway-intersection-north-west-design', - templateUrl: './quadrant-roadway-intersection-north-west-design.component.svg', + templateUrl: './quadrant-roadway-intersection-north-west-design.component.html', styleUrls: ['./quadrant-roadway-intersection-north-west-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.html similarity index 96% rename from projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.html index 5d0f571..ae80e4f 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.html @@ -1,4 +1,5 @@ - + + @@ -47,3 +48,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.scss index f544152..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 954px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.ts index c7e011c..57278d5 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-east-junction/design/quadrant-roadway-intersection-south-east-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-quadrant-roadway-intersection-south-east-design', - templateUrl: './quadrant-roadway-intersection-south-east-design.component.svg', + templateUrl: './quadrant-roadway-intersection-south-east-design.component.html', styleUrls: ['./quadrant-roadway-intersection-south-east-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.html new file mode 100644 index 0000000..8ad4c28 --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 2 + + + + 662 + + + 0.41 + V / C + Zone 4 + + + + 662 + + + 0.41 + V / C + Zone 5 + + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.scss index e215a9e..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 888px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.svg deleted file mode 100644 index f932154..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 2 - - - - 662 - - - 0.41 - V / C - Zone 4 - - - - 662 - - - 0.41 - V / C - Zone 5 - - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.ts index 87c7903..a7f82ff 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/quadrant-roadway-intersection-south-west-junction/design/quadrant-roadway-intersection-south-west-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-quadrant-roadway-intersection-south-west-design', - templateUrl: './quadrant-roadway-intersection-south-west-design.component.svg', + templateUrl: './quadrant-roadway-intersection-south-west-design.component.html', styleUrls: ['./quadrant-roadway-intersection-south-west-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.html similarity index 97% rename from projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.svg rename to projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.html index 6f2be79..c1bcb86 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.svg +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.html @@ -1,4 +1,5 @@ - + + @@ -51,3 +52,5 @@ + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.scss index e074b5f..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 600px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.ts index c8159f4..40fc105 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-east-west-junction/design/restricted-crossing-uturn-intersection-east-west-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-restricted-crossing-uturn-intersection-east-west-design', - templateUrl: './restricted-crossing-uturn-intersection-east-west-design.component.svg', + templateUrl: './restricted-crossing-uturn-intersection-east-west-design.component.html', styleUrls: ['./restricted-crossing-uturn-intersection-east-west-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.html b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.html new file mode 100644 index 0000000..7b23630 --- /dev/null +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.html @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + 662 + + + 0.41 + V / C + Zone 3 + + + + 662 + + + 0.41 + V / C + Zone 4 + + + + 662 + + + 0.41 + V / C + Zone 2 + + + + 662 + + + 0.41 + V / C + Zone 1 + + + + diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.scss b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.scss index e115531..e69de29 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.scss +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.scss @@ -1,5 +0,0 @@ -:host { - display: block; - width: calc(100vw - 1175px); - margin: auto; -} diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.svg b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.svg deleted file mode 100644 index eb0fcb7..0000000 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - - - - - - - - - - - 662 - - - 0.41 - V / C - Zone 3 - - - - 662 - - - 0.41 - V / C - Zone 4 - - - - 662 - - - 0.41 - V / C - Zone 2 - - - - 662 - - - 0.41 - V / C - Zone 1 - - - diff --git a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.ts b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.ts index 7537c31..eb29a09 100644 --- a/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.ts +++ b/projects/capx/src/app/capx/components/junctions/intersections/restricted-crossing-uturn-intersection-north-south-junction/design/restricted-crossing-uturn-intersection-north-south-design.component.ts @@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; @Component({ selector: 'capx-restricted-crossing-uturn-intersection-north-south-design', - templateUrl: './restricted-crossing-uturn-intersection-north-south-design.component.svg', + templateUrl: './restricted-crossing-uturn-intersection-north-south-design.component.html', styleUrls: ['./restricted-crossing-uturn-intersection-north-south-design.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush }) diff --git a/projects/capx/src/styles.scss b/projects/capx/src/styles.scss index d782df2..b7c559a 100644 --- a/projects/capx/src/styles.scss +++ b/projects/capx/src/styles.scss @@ -181,3 +181,10 @@ table.small-content-tbl { width: 25px; display: block; } + +capx-svg-viewer { + svg { + width: 100%; + height:100% + } +}