punkfairie/ed-safari
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases 1 Packages Wiki Activity Actions

Settings props and settings form for colors.

Browse source
This commit is contained in:
punkfairie 2023-05-13 20:14:26 -07:00
parent 8f90bc3211
commit f749cb76f7
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
settings.html
View file

@ -27,7 +27,7 @@
<form id="settingsForm"> <form id="settingsForm">
<div class="container-fluid"> <div class="container-fluid">
<div class="row ms-1 me-1"> <div class="row ms-1 me-1">
<label for="minValue" class="col col-form-label system charted"> <label class="col col-form-label system charted">
Minimum value: Minimum value:
</label> </label>
<div class="col-2 system charted p-0"> <div class="col-2 system charted p-0">
@ -36,13 +36,43 @@
</div> </div>
<div class="row ms-1 me-1"> <div class="row ms-1 me-1">
<label for="maxDistance" class="col col-form-label system charted"> <label class="col col-form-label system charted">
Maximum distance: Maximum distance:
</label> </label>
<div class="col-2 system charted p-0"> <div class="col-2 system charted p-0">
<input type="text" class="form-control" id="maxDistance" name="maxDistance"> <input type="text" class="form-control" id="maxDistance" name="maxDistance">
</div> </div>
</div> </div>
<div class="row ms-1 me-1">
<label class="col col-form-label system charted">
Main color in RGB:
</label>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color1R" name="color1R">
</div>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color1G" name="color1G">
</div>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color1B" name="color1B">
</div>
</div>
<div class="row ms-1 me-1">
<label class="col col-form-label system charted">
Accent color in RGB:
</label>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color2R" name="color2R">
</div>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color2G" name="color2G">
</div>
<div class="col-1 system charted p-0">
<input type="text" class="form-control" id="color2B" name="color2B">
</div>
</div>
</div> </div>
</form> </form>

3
src/models/Settings.ts
View file

@ -19,6 +19,9 @@ export class Settings {
minValue: number; minValue: number;
maxDistance: number; maxDistance: number;
color1?: {red: number, green: number, blue: number};
color2?: {red: number, green: number, blue: number};
private constructor(isPackaged: boolean) { private constructor(isPackaged: boolean) {
if (!isPackaged && os.platform() === 'linux') { if (!isPackaged && os.platform() === 'linux') {
this.#file = '/mnt/c/Users/marle/ed-safari-settings.json'; this.#file = '/mnt/c/Users/marle/ed-safari-settings.json';