prescientmoon/erratic-gate
prescientmoon/erratic-gate
1
Fork 0
Code Issues 2 Pull requests Activity

🌛 fixed the breaking rgb svg color bug 🕠

Browse source
This commit is contained in:
Matei Adriel 2019-06-03 07:08:21 +00:00
parent 20af510780
commit 5bd50c4a32
3 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/ts/common/componentManager/componentManager.ts
View file

@ -23,6 +23,7 @@ export class ComponentManager {
public components: Component[] = [] public components: Component[] = []
public svgs = new Subject<SVGTemplateResult>() public svgs = new Subject<SVGTemplateResult>()
public placeholder = new BehaviorSubject("Create simulation") public placeholder = new BehaviorSubject("Create simulation")
public saves = new BehaviorSubject<string[]>(["hello world"])
private temporaryCommnad = "" private temporaryCommnad = ""
private onTop: Component private onTop: Component
@ -162,6 +163,9 @@ export class ComponentManager {
}) })
this.wireManager.update.subscribe(val => this.update()) this.wireManager.update.subscribe(val => this.update())
this.saves.next(this.store.ls())
//if (this.saves.value.length === 0)
// this.save()
} }
preInput() { preInput() {
@ -218,7 +222,12 @@ All you work will be lost!`
} }
public switchTo(name: string) { public switchTo(name: string) {
//TODO: implement const data = this.store.get(name)
if (!data)
error(`An error occured when trying to load ${name}`,"",this.alertOptions)
else
this.loadState(data)
} }
eval(command: string) { eval(command: string) {
@ -402,6 +411,7 @@ All you work will be lost!`
this.commandHistoryStore.set(i.toString(), element) this.commandHistoryStore.set(i.toString(), element)
} }
this.store.set(name || this.name, this.state) this.store.set(name || this.name, this.state)
this.saves.next(this.store.ls())
success("Saved the simulation succesfully!", "", this.alertOptions) success("Saved the simulation succesfully!", "", this.alertOptions)
} }
} }

8
src/ts/common/pin/pin.ts
View file

@ -16,7 +16,7 @@ export class Pin {
public valueChanges = new Subject<number>() public valueChanges = new Subject<number>()
public svgColor = this.color.pipe(map(val => public svgColor = this.color.pipe(map(val =>
`rgb(${val.join(",")})` `rgba(${val.join(",")})`
)) ))
constructor(public allowWrite = true, public of: Component) { constructor(public allowWrite = true, public of: Component) {
@ -38,10 +38,10 @@ export class Pin {
this._value = clamp(value, 0, 1) this._value = clamp(value, 0, 1)
this.valueChanges.next(this._value) this.valueChanges.next(this._value)
const color: [number, number, number, number] = (value > 0.5) ? const color: [number, number, number, number] = (value > 0.5) ?
[255, 216, 20, 1] : [255, 216, 20, 1] :
[90, 90, 90, 1] [90, 90, 90, 1]
this.color.next((this.pair) ? color : [0,0,0,0]) this.color.next((this.pair) ? color : [0,0,0,0])
} }

11
src/ts/main.ts
View file

@ -83,12 +83,11 @@ render(html`
<div class="mdc-menu mdc-menu-surface mdc-theme--primary-bg mdc-theme--on-primary"> <div class="mdc-menu mdc-menu-surface mdc-theme--primary-bg mdc-theme--on-primary">
<ul class="mdc-list" role="menu" aria-hidden="true" aria-orientation="vertical" tabindex="-1"> <ul class="mdc-list" role="menu" aria-hidden="true" aria-orientation="vertical" tabindex="-1">
<li class="mdc-list-item" role="menuitem"> ${subscribe(manager.saves.pipe(map(val => html`
<span class="mdc-list-item__text">A Menu Item</span> <li class= "mdc-list-item" role = "menuitem" >
</li> <span class="mdc-list-item__text"> ${val} </span>
<li class="mdc-list-item" role="menuitem"> </li>`
<span class="mdc-list-item__text">Another Menu Item</span> )))}
</li>
</ul> </ul>
</div> </div>
`, document.body) `, document.body)