Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add theming select back

Browse source
This commit is contained in:
MathMan05 2024-08-08 15:09:27 -05:00
parent ba1df39624
commit 86c038ec57
5 changed files with 35 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
.dist/localuser.js
View file

@ -2,6 +2,7 @@ import { Guild } from "./guild.js";
import { Direct } from "./direct.js";
import { User } from "./user.js";
import { Fullscreen } from "./fullscreen.js";
import { setTheme } from "./login.js";
import { SnowFlake } from "./snowflake.js";
import { Message } from "./message.js";
import { Member } from "./member.js";
@ -690,6 +691,16 @@ class Localuser {
regen();
});
}
{
const tas = settings.addButton("Themes & sounds");
{
const themes = ["Dark", "WHITE", "Light"];
tas.addSelect("Theme:", _ => {
localStorage.setItem("theme", themes[_]);
setTheme();
}, themes, { defaultIndex: themes.indexOf(localStorage.getItem("theme")) });
}
}
settings.show();
}
/**

7
.dist/settings.js
View file

@ -195,7 +195,6 @@ class SelectInput {
span.textContent = this.label;
div.append(span);
const select = document.createElement("select");
select.selectedIndex = this.index;
select.onchange = this.onChange.bind(this);
for (const thing of this.options) {
const option = document.createElement("option");
@ -203,6 +202,7 @@ class SelectInput {
select.appendChild(option);
}
this.select = new WeakRef(select);
select.selectedIndex = this.index;
div.append(select);
return div;
}
@ -374,6 +374,11 @@ class Options {
this.options.push(options);
return options;
}
addSelect(label, onSubmit, selections, { defaultIndex = 0 } = {}) {
const select = new SelectInput(label, onSubmit, selections, this, { defaultIndex });
this.options.push(select);
return select;
}
addFileInput(label, onSubmit, {} = {}) {
const FI = new FileInput(label, onSubmit, this, {});
this.options.push(FI);

10
webpage/localuser.ts
View file

@ -716,6 +716,16 @@ class Localuser{
regen();
})
}
{
const tas=settings.addButton("Themes & sounds");
{
const themes=["Dark","WHITE","Light"];
tas.addSelect("Theme:",_=>{
localStorage.setItem("theme",themes[_]);
setTheme();
},themes,{defaultIndex:themes.indexOf(localStorage.getItem("theme"))});
}
}
settings.show();
}
/**

8
webpage/settings.ts
View file

@ -195,7 +195,7 @@ class SelectInput implements OptionsElement{
span.textContent=this.label;
div.append(span);
const select=document.createElement("select");
select.selectedIndex=this.index;
select.onchange=this.onChange.bind(this);
for(const thing of this.options){
const option = document.createElement("option");
@ -203,6 +203,7 @@ class SelectInput implements OptionsElement{
select.appendChild(option);
}
this.select=new WeakRef(select);
select.selectedIndex=this.index;
div.append(select);
return div;
}
@ -374,6 +375,11 @@ class Options implements OptionsElement{
this.options.push(options);
return options;
}
addSelect(label:string,onSubmit:(str:number)=>void,selections:string[],{defaultIndex=0}={}){
const select=new SelectInput(label,onSubmit,selections,this,{defaultIndex});
this.options.push(select);
return select;
}
addFileInput(label:string,onSubmit:(files:FileList)=>void,{}={}){
const FI=new FileInput(label,onSubmit,this,{});
this.options.push(FI);

2
webpage/style.css
View file

@ -1248,7 +1248,7 @@ span {
}
.settingbuttons{
padding-top:.075in;
width: 1.5in;
width: 1.75in;
border-right: solid var(--message-bg-hover);
gap:.04in;
flex-grow: 0;