move arround classes to removed deps on settings

webpage/role.ts

@@ -44,3 +44,117 @@ class Role{
     }
 }
 export {Role};
+import {Options} from "./settings.js";
+class PermissionToggle implements OptionsElement{
+    readonly rolejson:{name:string,readableName:string,description:string};
+    permissions:Permissions;
+    owner:Options;
+    constructor(roleJSON:PermissionToggle["rolejson"],permissions:Permissions,owner:Options){
+        this.rolejson=roleJSON;
+        this.permissions=permissions;
+        this.owner=owner;
+    }
+    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}