remove bgcolor

common/index.tsx

@@ -3,10 +3,14 @@ export const get = async (url: string) => {
   const json = await resp.json();
   return json;
 };
-export const post = async (url: string, json: any) => {
+export const post = async (
+  url: string,
+  json: any,
+  headers: Record<string, string> = {}
+) => {
   const resp = await fetch(url, {
     method: "POST",
-    headers: { "Content-Type": "application/json" },
+    headers: { "Content-Type": "application/json", ...headers },
     body: JSON.stringify(json),
   });
   const result = await resp.json();

components/Timetable.tsx

@@ -176,9 +176,10 @@ const Timetable = ({
     if (openRecordMode) {
       for (const index in json) {
         const input = indexToElement[index];
-        const td= indexToCell[index];
+        const td = indexToCell[index];
         if (json[index] !== user) {
-          td.innerHTML = json[index]
+          td.innerHTML = json[index];
+          td.removeAttribute("bgcolor");
         } else {
           input.checked = true;
           input.disabled = true;
@@ -240,7 +241,9 @@ const Timetable = ({
           for (const row of marks) {
             for (const input of row) {
               if (input === null) continue;
-              if (input.value !== "") {
+              if (input.checked) {
+                data.selections[input.name] = 1;
+              } else if (parseFloat(input.value)) {
                 data.selections[input.name] = parseFloat(input.value);
               }
             }

pages/edit.tsx

@@ -2,10 +2,11 @@ import React from "react";
 import { get, post } from "@/common";
 
 const EditPage = () => {
+  const [token, setToken] = React.useState("");
   const ref = React.useRef();
   const upload = async () => {
     const html = ref.current.innerHTML;
-    await post("/api/html", { html });
+    await post("/api/html", { html }, { token });
     alert("Upload success");
     refresh();
   };
@@ -18,6 +19,11 @@ const EditPage = () => {
   }, []);
   return (
     <>
+      <input
+        value={token}
+        placeholder={"token"}
+        onChange={(event) => setToken(event.target.value)}
+      />
       <button onClick={() => upload()}>Upload</button>
       <div
         ref={ref}