update instancejson more

MY HEAD HURTS NOW ;(

.

.

more work

Finish rewrite

all finished

src/webpage/role.ts

@@ -0,0 +1,180 @@
+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 extends SnowFlake {
+  permissions: Permissions;
+  owner: Guild;
+  color!: number;
+  name!: string;
+  info: Guild["info"];
+  hoist!: boolean;
+  icon!: string;
+  mentionable!: boolean;
+  unicode_emoji!: string;
+  headers: Guild["headers"];
+  constructor(json: rolesjson, owner: Guild) {
+    super(json.id);
+    this.headers = owner.headers;
+    this.info = owner.info;
+    for (const thing of Object.keys(json)) {
+      if (thing === "id") {
+        continue;
+      }
+      (this as any)[thing] = (json as any)[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;
+  declare readonly 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 };