feat: popup UI for profiles and study load

2026-08-18 17:09:54 +08:00
parent 4d7ff1a0e7
commit 78570c4088
3 changed files with 339 additions and 0 deletions
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="popup.css">
+</head>
+<body>
+  <header class="top">
+    <h1>ISMIS Helper</h1>
+    <div class="master">
+      <label class="switch">
+        <input type="checkbox" id="masterToggle">
+        <span class="slider"></span>
+      </label>
+      <span id="masterLabel">Enabled</span>
+    </div>
+  </header>
+
+  <nav class="tabs">
+    <button data-tab="login" class="active">Auto-Login</button>
+    <button data-tab="studyload">Study Load</button>
+  </nav>
+
+  <section id="tab-login" class="tab">
+    <h2>Profiles</h2>
+    <ul id="profileList" class="profile-list"></ul>
+    <button id="addProfile" class="btn">+ Add Profile</button>
+    <div id="profileForm" class="form" hidden>
+      <input id="pName" placeholder="Profile name">
+      <input id="pUsername" placeholder="Username">
+      <input id="pPassword" type="password" placeholder="Password">
+      <label class="row"><input type="checkbox" id="pEnabled"> Enabled</label>
+      <div class="btn-row">
+        <button id="saveProfile" class="btn primary">Save</button>
+        <button id="cancelProfile" class="btn">Cancel</button>
+      </div>
+    </div>
+  </section>
+
+  <section id="tab-studyload" class="tab" hidden>
+    <h2>Study Load PDF</h2>
+    <button id="loadFromPortal" class="btn primary">Load from portal</button>
+    <div id="studyLoadForm" class="form" hidden>
+      <h3>Header</h3>
+      <input id="hFullName" placeholder="Full name">
+      <input id="hStudentId" placeholder="Student ID">
+      <input id="hProgram" placeholder="Program">
+      <input id="hYearLevel" placeholder="Year level">
+      <input id="hSemester" placeholder="Semester">
+      <input id="hDateEnrolled" placeholder="Date enrolled">
+      <input id="hDateRange" placeholder="Date range (e.g. AUGUST - JANUARY)">
+      <h3>Courses</h3>
+      <div id="coursesEditor"></div>
+      <button id="addCourse" class="btn">+ Add course</button>
+      <input id="totalUnits" placeholder="Total units">
+      <button id="generatePdf" class="btn primary">Generate PDF</button>
+    </div>
+    <div id="status" class="status"></div>
+  </section>
+
+  <script src="popup.js"></script>
+</body>
+</html>