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:[SnowFlake<Role>,Permissions][];
    permission:Permissions;
    readonly guild:Guild;
    readonly channel:boolean;
    readonly declare buttons:[string,string][];
    readonly options:Options;
    onchange:Function;
    curid:string;
    constructor(permissions:[SnowFlake<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].getObject().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;
            this.options.name=SnowFlake.getSnowFlakeFromID(str,Role).getObject().name;
            this.options.haschanged=false;
        }
        return this.options.generateHTML();
    }
    save(){
        this.onchange(this.curid,this.permission);
    }
}
export {RoleList}