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

settings update :3

Browse Source
This commit is contained in:
MathMan05
2024-11-28 17:18:48 -06:00
parent 80cf770c8f
commit c66ee79241
5 changed files with 169 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/webpage/channel.ts
View File

@@ -71,6 +71,8 @@ class Channel extends SnowFlake{
this.contextmenu.addbutton(()=>I18n.getTranslation("channel.settings"), function(this: Channel){
this.generateSettings();
},null,function(){
return this.hasPermission("MANAGE_CHANNELS");
});
this.contextmenu.addbutton(

135
src/webpage/guild.ts
View File

@@ -3,7 +3,7 @@ import{ Localuser }from"./localuser.js";
import{ Contextmenu }from"./contextmenu.js";
import{ Role, RoleList }from"./role.js";
import{ Member }from"./member.js";
import{ Dialog, Settings }from"./settings.js";
import{ Dialog, Options, Settings }from"./settings.js";
import{ Permissions }from"./permissions.js";
import{ SnowFlake }from"./snowflake.js";
import{channeljson,guildjson,emojijson,memberjson,invitejson,rolesjson,}from"./jsontypes.js";
@@ -67,13 +67,21 @@ class Guild extends SnowFlake{
Guild.contextmenu.addbutton(
()=>I18n.getTranslation("guild.makeInvite"),
function(this: Guild){},
function(this: Guild){
const d=new Dialog("");
this.makeInviteMenu(d.options);
d.show();
},
null,
_=>true,
_=>false
function(){
return this.member.hasPermission("CREATE_INSTANT_INVITE");
}
);
Guild.contextmenu.addbutton(()=>I18n.getTranslation("guild.settings"), function(this: Guild){
this.generateSettings();
},null,function(){
return this.member.hasPermission("MANAGE_GUILD");
});
/* -----things left for later-----
guild.contextmenu.addbutton("Leave Guild",function(){
@@ -88,6 +96,10 @@ class Guild extends SnowFlake{
}
generateSettings(){
const settings = new Settings(I18n.getTranslation("guild.settingsFor",this.properties.name));
const textChannels=this.channels.filter(e=>{
//TODO there are almost certainly more types. is Voice valid?
return new Set([0,5]).has(e.type);
});
{
const overview = settings.addButton(I18n.getTranslation("guild.overview"));
const form = overview.addForm("", _=>{}, {
@@ -97,17 +109,60 @@ class Guild extends SnowFlake{
method: "PATCH",
});
form.addTextInput(I18n.getTranslation("guild.name:"), "name", { initText: this.properties.name });
form.addMDInput("Description:", "description", {
form.addMDInput(I18n.getTranslation("guild.description:"), "description", {
initText: this.properties.description,
});
form.addFileInput(I18n.getTranslation("guild.banner:"), "banner", { clear: true });
form.addFileInput(I18n.getTranslation("guild.icon:"), "icon", { clear: true });
form.addHR();
const sysmap=[null,...textChannels.map(e=>e.id)];
form.addSelect(I18n.getTranslation("guild.systemSelect:"), "system_channel_id",
["No system messages",...textChannels.map(e=>e.name)],{defaultIndex:sysmap.indexOf(this.properties.system_channel_id)}
,sysmap);
form.addCheckboxInput(I18n.getTranslation("guild.sendrandomwelcome?"),"s1",{
initState:!(this.properties.system_channel_flags&1)
});
form.addCheckboxInput(I18n.getTranslation("guild.stickWelcomeReact?"),"s4",{
initState:!(this.properties.system_channel_flags&8)
});
form.addCheckboxInput(I18n.getTranslation("guild.boostMessage?"),"s2",{
initState:!(this.properties.system_channel_flags&2)
});
form.addCheckboxInput(I18n.getTranslation("guild.helpTips?"),"s3",{
initState:!(this.properties.system_channel_flags&4)
});
form.addPreprocessor((e:any)=>{
let bits=0;
bits+=(1-e.s1)*1;
delete e.s1;
bits+=(1-e.s2)*2;
delete e.s2;
bits+=(1-e.s3)*4;
delete e.s3;
bits+= (1-e.s4)*8;
delete e.s4;
e.system_channel_flags=bits;
})
form.addHR();
form.addSelect(I18n.getTranslation("guild.defaultNoti"),"default_message_notifications",
[I18n.getTranslation("guild.onlyMentions"),I18n.getTranslation("guild.all")],
{
defaultIndex:[1,0].indexOf(this.properties.default_message_notifications),
radio:true
},[1,0]);
form.addHR();
let region = this.properties.region;
if(!region){
region = "";
}
form.addTextInput(I18n.getTranslation("guild.region:"), "region", { initText: region });
}
this.makeInviteMenu(settings.addButton(I18n.getTranslation("invite.inviteMaker")),textChannels);
const s1 = settings.addButton(I18n.getTranslation("guild.roles"));
const permlist: [Role, Permissions][] = [];
for(const thing of this.roles){
@@ -118,6 +173,78 @@ class Guild extends SnowFlake{
);
settings.show();
}
makeInviteMenu(options:Options,valid:void|(Channel[])){
if(!valid){
valid=this.channels.filter(e=>{
//TODO there are almost certainly more types. is Voice valid?
return new Set([0,5]).has(e.type);
});
}
let channel=valid[0];
const div = document.createElement("div");
div.classList.add("invitediv");
const text = document.createElement("span");
text.classList.add("ellipsis");
div.append(text);
let uses = 0;
let expires = 1800;
const copycontainer = document.createElement("div");
copycontainer.classList.add("copycontainer");
const copy = document.createElement("span");
copy.classList.add("copybutton", "svgicon", "svg-copy");
copycontainer.append(copy);
copycontainer.onclick = _=>{
if(text.textContent){
navigator.clipboard.writeText(text.textContent);
}
};
div.append(copycontainer);
const update = ()=>{
fetch(`${this.info.api}/channels/${channel.id}/invites`, {
method: "POST",
headers: this.headers,
body: JSON.stringify({
flags: 0,
target_type: null,
target_user_id: null,
max_age: expires + "",
max_uses: uses,
temporary: uses !== 0
}),
})
.then(_=>_.json())
.then(json=>{
const params = new URLSearchParams("");
params.set("instance", this.info.wellknown);
const encoded = params.toString();
text.textContent = `${location.origin}/invite/${json.code}?${encoded}`;
});
};
options.addTitle(I18n.getTranslation("inviteOptions.title"));
const text2=options.addText("");
options.addSelect(I18n.getTranslation("invite.channel:"),()=>{},valid.map(e=>e.name))
.watchForChange((e)=>{
channel=valid[e];
text2.setText(I18n.getTranslation("invite.subtext",channel.name,this.properties.name));
})
options.addSelect(I18n.getTranslation("invite.expireAfter"),()=>{},
["30m","1h","6h","12h","1d","7d","30d","never"].map((e)=>I18n.getTranslation("inviteOptions."+e))
).onchange=(e)=>{expires=[1800, 3600, 21600, 43200, 86400, 604800, 2592000, 0][e];};
const timeOptions=["1","5","10","25","50","100"].map((e)=>I18n.getTranslation("inviteOptions.limit",e))
timeOptions.unshift(I18n.getTranslation("inviteOptions.noLimit"))
options.addSelect(I18n.getTranslation("invite.expireAfter"),()=>{},timeOptions)
.onchange=(e)=>{uses=[0, 1, 5, 10, 25, 50, 100][e];};
options.addButtonInput("",I18n.getTranslation("invite.createInvite"),()=>{
update();
})
options.addHTMLArea(div);
}
roleUpdate:(role:Role,added:-1|0|1)=>unknown=()=>{};
sortRoles(){
this.roles.sort((a,b)=>(b.position-a.position));

24
src/webpage/settings.ts
View File

@@ -804,6 +804,12 @@ class Options implements OptionsElement<void>{
this.generate(text);
return text;
}
addHR(){
const rule = new HorrizonalRule();
this.options.push(rule);
this.generate(rule);
return rule;
}
addTitle(str: string){
const text = new SettingsTitle(str);
this.options.push(text);
@@ -1054,13 +1060,13 @@ class Form implements OptionsElement<object>{
(this.button.deref() as HTMLElement).hidden=false;
}
}
selectMap=new WeakMap<SelectInput,(number|string)[]>();
selectMap=new WeakMap<SelectInput,(number|string|null)[]>();
addSelect(
label: string,
formName: string,
selections: string[],
{ defaultIndex = 0, required = false,radio=false}={},
correct:(string|number)[]=selections
correct:(string|number|null)[]=selections
){
const select = this.options.addSelect(label, _=>{}, selections, {
defaultIndex,radio
@@ -1160,6 +1166,9 @@ class Form implements OptionsElement<object>{
addText(str: string){
return this.options.addText(str);
}
addHR(){
return this.options.addHR();
}
addTitle(str: string){
this.options.addTitle(str);
}
@@ -1373,6 +1382,17 @@ class Form implements OptionsElement<object>{
element.textContent = message;
}
}
class HorrizonalRule implements OptionsElement<unknown>{
constructor(){}
generateHTML(): HTMLElement {
return document.createElement("hr");
}
watchForChange (_: (arg1: undefined) => void){
throw new Error("don't do this")
};
submit= () => {};
value=undefined;
}
class Settings extends Buttons{
static readonly Buttons = Buttons;
static readonly Options = Options;

2
src/webpage/style.css
View File

@@ -1690,11 +1690,13 @@ fieldset input[type="radio"] {
overflow: hidden;
display: flex;
align-items: center;
position: relative;
}
.copycontainer {
flex: none;
background: var(--button-bg);
cursor: pointer;
margin-left: auto;
}
.copycontainer:hover {
background: var(--button-hover);