jank-client-fork/webpage/role.ts

import{Permissions}from"./permissions.js";
import{Localuser}from"./localuser.js";
import{Guild}from"./guild.js";
import{ SnowFlake }from"./snowflake.js";
import{ rolesjson }from"./jsontypes.js";
class Role{
	permissions:Permissions;
	owner:Guild;
	color:number;
	readonly snowflake:SnowFlake<Role>;
	name:string;
	info:Guild["info"];
	hoist:boolean;
	icon:string;
	mentionable:boolean;
	unicode_emoji:string;
	headers:Guild["headers"];
	get id(){
		return this.snowflake.id;
	}
	constructor(json:rolesjson, owner:Guild){
		this.headers=owner.headers;
		this.info=owner.info;
		for(const thing of Object.keys(json)){
			if(thing==="id"){
				this.snowflake=new SnowFlake(json.id,this);
				continue;
			}
			this[thing]=json[thing];
		}
		this.permissions=new Permissions(json.permissions);
		this.owner=owner;
	}
	get guild():Guild{
		return this.owner;
	}
	get localuser():Localuser{
		return this.guild.localuser;
	}
	getColor():string|null{
		if(this.color===0){
			return null;
		}
		return`#${this.color.toString(16)}`;
	}
}
export{Role};
import{Options}from"./settings.js";
class PermissionToggle implements OptionsElement<number>{
	readonly rolejson:{name:string,readableName:string,description:string};
	permissions:Permissions;
	owner:Options;
	value:number;
	constructor(roleJSON:PermissionToggle["rolejson"],permissions:Permissions,owner:Options){
		this.rolejson=roleJSON;
		this.permissions=permissions;
		this.owner=owner;
	}
	watchForChange(){}
	generateHTML():HTMLElement{
		const div=document.createElement("div");
		div.classList.add("setting");
		const name=document.createElement("span");
		name.textContent=this.rolejson.readableName;
		name.classList.add("settingsname");
		div.append(name);


		div.append(this.generateCheckbox());
		const p=document.createElement("p");
		p.textContent=this.rolejson.description;
		div.appendChild(p);
		return div;
	}
	generateCheckbox():HTMLElement{
		const div=document.createElement("div");
		div.classList.add("tritoggle");
		const state=this.permissions.getPermission(this.rolejson.name);

		const on=document.createElement("input");
		on.type="radio";
		on.name=this.rolejson.name;
		div.append(on);
		if(state===1){
			on.checked=true;
		}
		on.onclick=_=>{
			this.permissions.setPermission(this.rolejson.name,1);
			this.owner.changed();
		};

		const no=document.createElement("input");
		no.type="radio";
		no.name=this.rolejson.name;
		div.append(no);
		if(state===0){
			no.checked=true;
		}
		no.onclick=_=>{
			this.permissions.setPermission(this.rolejson.name,0);
			this.owner.changed();
		};
		if(this.permissions.hasDeny){
			const off=document.createElement("input");
			off.type="radio";
			off.name=this.rolejson.name;
			div.append(off);
			if(state===-1){
				off.checked=true;
			}
			off.onclick=_=>{
				this.permissions.setPermission(this.rolejson.name,-1);
				this.owner.changed();
			};
		}
		return div;
	}
	submit(){

	}
}
import{ OptionsElement,Buttons }from"./settings.js";
class RoleList extends Buttons{
	readonly permissions:[Role,Permissions][];
	permission:Permissions;
	readonly guild:Guild;
	readonly channel:boolean;
	readonly declare buttons:[string,string][];
	readonly options:Options;
	onchange:Function;
	curid:string;
	constructor(permissions:[Role,Permissions][],guild:Guild,onchange:Function,channel=false){
		super("Roles");
		this.guild=guild;
		this.permissions=permissions;
		this.channel=channel;
		this.onchange=onchange;
		const options=new Options("",this);
		if(channel){
			this.permission=new Permissions("0","0");
		}else{
			this.permission=new Permissions("0");
		}
		for(const thing of Permissions.info){
			options.options.push(new PermissionToggle(thing,this.permission,options));
		}
		for(const i of permissions){
			console.log(i);
			this.buttons.push([i[0].name,i[0].id]);
		}
		this.options=options;
	}
	handleString(str:string):HTMLElement{
		this.curid=str;
		const arr=this.permissions.find(_=>_[0].id===str);
		if(arr){
			const perm=arr[1];
			this.permission.deny=perm.deny;
			this.permission.allow=perm.allow;
			const role=this.permissions.find(e=>e[0].id===str);
			if(role){
				this.options.name=role[0].name;
				this.options.haschanged=false;
			}
		}
		return this.options.generateHTML();
	}
	save(){
		this.onchange(this.curid,this.permission);
	}
}
export{RoleList};