wire package refactor

This commit is contained in:
Patrick Haßel 2025-02-04 08:28:46 +01:00
parent fba2c4e249
commit f835f7364c
10 changed files with 21 additions and 25 deletions

View File

@ -1,22 +1,10 @@
@import "../wire/wire.component.less";
.circuit { .circuit {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.wireBack {
stroke-linecap: round;
stroke-width: 11px;
stroke: black;
pointer-events: none;
}
.wire {
stroke-width: 9px;
stroke-dasharray: 0 20;
stroke-linecap: round;
pointer-events: none;
}
.wireOpen { .wireOpen {
stroke: blue; stroke: blue;
stroke-dasharray: 5px 15px; stroke-dasharray: 5px 15px;

View File

@ -6,7 +6,7 @@ import {Parts} from './Parts';
import {PartComponent} from '../parts/part.component'; import {PartComponent} from '../parts/part.component';
import {Circuit} from './Circuit'; import {Circuit} from './Circuit';
import {WireComponent} from '../part-wire/wire.component'; import {WireComponent} from '../wire/wire.component';
@Component({ @Component({
selector: 'app-circuit', selector: 'app-circuit',

View File

@ -1,5 +0,0 @@
@import "../parts/part.component.less";
.partWireBack {
stroke-width: 5px;
}

View File

@ -1,6 +1,6 @@
import {Component, Input} from '@angular/core'; import {Component, Input} from '@angular/core';
import {Battery} from './Battery'; import {Battery} from './Battery';
import {WireComponent} from '../../part-wire/wire.component'; import {WireComponent} from '../../wire/wire.component';
@Component({ @Component({
selector: 'g[inner-part-battery]', selector: 'g[inner-part-battery]',

View File

@ -1,4 +1,4 @@
@import "../circuit/circuit.component.less"; @import "../wire/wire.component.less";
.part { .part {
border-radius: 0.51em; border-radius: 0.51em;

View File

@ -1,7 +1,7 @@
import {Component, Input} from '@angular/core'; import {Component, Input} from '@angular/core';
import {Relay} from './Relay'; import {Relay} from './Relay';
import {NgIf} from '@angular/common'; import {NgIf} from '@angular/common';
import {WireComponent} from '../../part-wire/wire.component'; import {WireComponent} from '../../wire/wire.component';
@Component({ @Component({
selector: 'g[inner-part-relay]', selector: 'g[inner-part-relay]',

View File

@ -1,6 +1,6 @@
import {Component, Input} from '@angular/core'; import {Component, Input} from '@angular/core';
import {Switch} from './Switch'; import {Switch} from './Switch';
import {WireComponent} from '../../part-wire/wire.component'; import {WireComponent} from '../../wire/wire.component';
@Component({ @Component({
selector: 'g[inner-part-switch]', selector: 'g[inner-part-switch]',

View File

@ -0,0 +1,13 @@
.wireBack {
stroke-linecap: round;
stroke-width: 11px;
stroke: black;
pointer-events: none;
}
.wire {
stroke-width: 9px;
stroke-dasharray: 0 20;
stroke-linecap: round;
pointer-events: none;
}

View File

Before

Width:  |  Height:  |  Size: 462 B

After

Width:  |  Height:  |  Size: 462 B

View File

@ -1,5 +1,5 @@
import {Component, Input} from '@angular/core'; import {Component, Input} from '@angular/core';
import {ANIMATION_ELECTRON_STEPS, Wire} from '../wire/Wire'; import {ANIMATION_ELECTRON_STEPS, Wire} from './Wire';
import {Junction} from '../junction/Junction'; import {Junction} from '../junction/Junction';
import {fadeColor} from '../colorHelpers'; import {fadeColor} from '../colorHelpers';
import {NgIf} from '@angular/common'; import {NgIf} from '@angular/common';