colden/basicBench
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

basic test

Browse Source
This commit is contained in:
邓智航
2026-02-10 11:56:03 +08:00
parent de68563f69
commit 411d823cfa
89 changed files with 33858 additions and 2027 deletions
Download Patch File Download Diff File Expand all files Collapse all files

477
008/8-001.html Normal file
View File

File diff suppressed because one or more lines are too long

233
008/8-002.html Normal file
View File

@@ -0,0 +1,233 @@
<!DOCTYPE html> <html lang=en style><!--
--><meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1.0">
<title>SIS 2026 - Advanced Registration Portal</title>
<style>:root{--primary:#2c3e50;--primary-hover:#34495e;--accent:#3498db;--accent-hover:#2980b9;--success:#27ae60;--warning:#f1c40f;--danger:#e74c3c;--info:#1abc9c;--bg-body:#f4f6f9;--bg-card:#ffffff;--bg-sidebar:#ffffff;--text-main:#2c3e50;--text-secondary:#7f8c8d;--text-light:#bdc3c7;--border-color:#e0e6ed;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.05);--header-height:70px;--sidebar-width:280px}*{box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei",Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);margin:0;line-height:1.6;font-size:14px;transition:background-color 0.3s,color 0.3s}a{text-decoration:none;transition:0.2s}a:hover{color:var(--accent-hover);text-decoration:underline}ul{list-style:none;padding:0;margin:0}table,tbody,tr,td{display:block;width:100%!important;border:none!important;background:transparent!important}font{color:inherit!important}.system-alert{background:linear-gradient(90deg,#c0392b,#e74c3c);color:white;padding:8px 0;text-align:center;font-size:13px;font-weight:500;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;gap:15px}.system-alert span{animation:blink 2s infinite;font-weight:bold;background:rgba(255,255,255,0.2);padding:2px 6px;border-radius:4px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.6}}.header-wrapper{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:15px 0;position:sticky;top:36px;z-index:900}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-area h1{margin:0;font-size:24px;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:10px}.logo-icon{background:var(--accent);color:white;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.user-profile{display:flex;align-items:center;gap:20px;font-size:13px}.user-info{text-align:right}.user-name{font-weight:bold;font-size:15px;color:var(--text-main)}.user-meta{color:var(--text-secondary);font-size:12px}.avatar{width:40px;height:40px;background:#ddd;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.avatar img{width:100%;height:100%;object-fit:cover}.nav-bar{background:var(--primary);color:rgba(255,255,255,0.9);padding:0}.nav-menu{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:5px}.nav-link{padding:15px 20px;color:rgba(255,255,255,0.8);font-weight:500;font-size:14px;border-bottom:3px solid transparent;transition:0.2s;text-decoration:none!important}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,0.1);color:white;border-bottom-color:var(--accent)}.nav-link.has-badge{position:relative}.badge{position:absolute;top:8px;right:8px;background:var(--danger);color:white;font-size:10px;padding:2px 5px;border-radius:10px;line-height:1}.grid-container{grid-template-columns:280px 1fr 340px;gap:25px;max-width:1400px;margin:30px auto;padding:0 20px;align-items:start}#view-schedule,#view-grades,#view-generic{grid-template-columns:1fr!important}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.card-header{padding:15px 20px;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--primary);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.02)}.card-body{padding:20px}.filter-option:hover{color:var(--accent)}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;width:100%;transition:0.2s}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger:hover{background:var(--danger);color:white}.tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:bold;margin-right:5px}.tag-blue{background:rgba(52,152,219,0.1);color:#3498db}.theme-float{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:white;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:9999;transition:0.3s}.theme-float:hover{transform:scale(1.1) rotate(15deg)}</style>
<meta name=referrer content=no-referrer><style>.sf-hidden{display:none!important}</style><link rel=canonical href=http://127.0.0.1:8000/008/8-all.html><meta http-equiv=content-security-policy content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;"></head>
<body bgcolor=#ffffff text=#000000>
<div class=theme-float title="Toggle Dark Mode">🌓</div>
<div class=system-alert>
<span>⚠️ Warning</span><font _mstmutation=1> High traffic detected. Please do not refresh to maintain your queue position.
</font></div>
<div class=header-wrapper>
<div class=header-content>
<div class=logo-area>
<h1><div class=logo-icon>S</div><font _mstmutation=1> SIS Registration </font><small style=font-size:12px;font-weight:normal;opacity:0.6;margin-left:10px>v5.2.0</small></h1>
</div>
<div class=user-profile>
<div class=user-info>
<div class=user-name>Alex Chen (ID: 9928122)</div>
<div class=user-meta>Computer Science | Senior | GPA: 3.85</div>
</div>
<div class=avatar>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSI+PHJlY3QgZmlsbD0iIzY0ZGQxNyIgY3g9IjMyIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGN5PSIzMiIgcj0iMzIiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgc3R5bGU9ImNvbG9yOiAjMDAwMDAwOyBsaW5lLWhlaWdodDogMTtmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnUm9ib3RvJywgJ094eWdlbicsICdVYnVudHUnLCAnRmlyYSBTYW5zJywgJ0Ryb2lkIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmOyIgYWxpZ25tZW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSI0MDAiIGR5PSIuMWVtIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBmaWxsPSIjMDAwMDAwIj5BQzwvdGV4dD48L3N2Zz4=" alt=User _mstalt=46332>
</div>
<a href=javascript:void(0) class="btn btn-outline" style=width:auto>Logout</a>
</div>
</div>
</div>
<div class=nav-bar>
<div class=nav-menu>
<a href=javascript:void(0) class=nav-link>Registration</a>
<a href=javascript:void(0) class=nav-link>My Schedule</a>
<a href=javascript:void(0) class="nav-link has-badge active"><font _mstmutation=1>Grades </font><span class=badge>New</span></a>
<a href=javascript:void(0) class=nav-link>Financial Aid</a>
<a href=javascript:void(0) class=nav-link>Degree Audit</a>
<a href=javascript:void(0) class=nav-link>Transcripts</a>
</div>
</div>
<div id=main-viewport>
<div id=view-registration class="grid-container view-section" style=display:none>
</div>
<div id=view-schedule class=view-section style="display:none;max-width:1400px;margin:30px auto;padding:0 20px">
<div class="card sf-hidden">
<div class="card-body sf-hidden">
</div>
</div>
</div>
<div id=view-grades class=view-section style="display:block;max-width:1400px;margin:30px auto;padding:0px 20px;opacity:1;transform:translateY(0px);transition:0.3s">
<div style="display:grid;grid-template-columns:1fr 340px;gap:25px">
<div class=card>
<div class=card-header>
<span>Grade Record</span>
<button class="btn btn-outline" style="padding:4px 10px;font-size:12px">Download Unofficial Transcript</button>
</div>
<div class=card-body>
<h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Fall (Fall 2025)</h4>
<table style=width:100%;border-collapse:collapse;margin-bottom:30px>
<thead>
<tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
<th style=padding:10px>Course Code</th>
<th style=padding:10px>Course Title</th>
<th style=padding:10px>Units</th>
<th style=padding:10px>Grade</th>
<th style=padding:10px>Points</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">CS 201</td>
<td style="padding:12px 10px">Intro to Programming II</td>
<td style="padding:12px 10px">4.0</td>
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
<td style="padding:12px 10px">16.0</td>
</tr>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">MATH 101</td>
<td style="padding:12px 10px">Calculus I</td>
<td style="padding:12px 10px">4.0</td>
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A-</td>
<td style="padding:12px 10px">14.8</td>
</tr>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">ENG 105</td>
<td style="padding:12px 10px">Academic Writing</td>
<td style="padding:12px 10px">3.0</td>
<td style="padding:12px 10px;color:var(--primary);font-weight:bold">B+</td>
<td style="padding:12px 10px">9.9</td>
</tr>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">HIST 100</td>
<td style="padding:12px 10px">World History</td>
<td style="padding:12px 10px">3.0</td>
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
<td style="padding:12px 10px">12.0</td>
</tr>
</tbody>
<tfoot>
<tr style=background:var(--bg-body);font-weight:bold>
<td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
<td colspan=3 style=padding:10px>3.85</td>
</tr>
</tfoot>
</table>
<h4 style=margin-top:0;color:var(--text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:1px>2025 Spring (Spring 2025)</h4>
<table style=width:100%;border-collapse:collapse>
<thead>
<tr style="border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase">
<th style=padding:10px>Course Code</th>
<th style=padding:10px>Course Title</th>
<th style=padding:10px>Units</th>
<th style=padding:10px>Grade</th>
<th style=padding:10px>Points</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">CS 101</td>
<td style="padding:12px 10px">Intro to Programming I</td>
<td style="padding:12px 10px">4.0</td>
<td style="padding:12px 10px;color:var(--success);font-weight:bold">A</td>
<td style="padding:12px 10px">16.0</td>
</tr>
<tr style="border-bottom:1px solid var(--border-color)">
<td style="padding:12px 10px;font-weight:bold">PSY 101</td>
<td style="padding:12px 10px">Intro to Psychology</td>
<td style="padding:12px 10px">3.0</td>
<td style="padding:12px 10px;color:var(--primary);font-weight:bold">B</td>
<td style="padding:12px 10px">9.0</td>
</tr>
</tbody>
<tfoot>
<tr style=background:var(--bg-body);font-weight:bold>
<td colspan=2 style=padding:10px;text-align:right>Term GPA:</td>
<td colspan=3 style=padding:10px>3.57</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class=card>
<div class=card-header>GPA Summary</div>
<div class=card-body>
<div style="text-align:center;padding:20px 0;border-bottom:1px solid var(--border-color)">
<div style=font-size:12px;color:var(--text-secondary);text-transform:uppercase>Cumulative GPA</div>
<div style=font-size:3rem;font-weight:bold;color:var(--primary)>3.78</div>
<div style=display:flex;justify-content:center;gap:5px;margin-top:5px>
<span>⭐⭐⭐⭐</span><span style=opacity:0.3>⭐</span>
</div>
</div>
<ul style=margin-top:20px;font-size:13px>
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
<span>Total Attempted:</span>
<strong>45.0</strong>
</li>
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
<span>Total Earned:</span>
<strong>45.0</strong>
</li>
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
<span>Class Rank:</span>
<strong>Top 15%</strong>
</li>
<li style=display:flex;justify-content:space-between;margin-bottom:10px>
<span>Academic Status:</span>
<span class="tag tag-blue">Good Standing</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id=view-generic class="grid-container view-section" style=display:none;grid-template-columns:1fr>
</div>
</div>
<div style="background:var(--bg-card);border-top:1px solid var(--border-color);padding:40px 0;margin-top:50px">
<div style="max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px">
<div>
<h4 style=margin-top:0>University Registrar</h4>
<p style=font-size:13px;color:var(--text-secondary)>
Bldg 42, Rm 100<br>
1234 University Ave<br>
College Town, ST 90210
</p>
<p style=font-size:13px;color:var(--text-secondary)>Phone: (555) 0199-8800</p>
</div>
<div>
<h4 style=margin-top:0>Registration Help</h4>
<ul style=font-size:13px;line-height:2>
<li><a href=# style=color:var(--text-secondary)>Registration Guide</a></li>
<li><a href=# style=color:var(--text-secondary)>Waitlist Policy</a></li>
<li><a href=# style=color:var(--text-secondary)>Permission Codes</a></li>
<li><a href=# style=color:var(--text-secondary)>Drop Deadlines</a></li>
</ul>
</div>
<div>
<h4 style=margin-top:0>Common Systems</h4>
<ul style=font-size:13px;line-height:2>
<li><a href=# style=color:var(--text-secondary)>Canvas LMS</a></li>
<li><a href=# style=color:var(--text-secondary)>Student Email</a></li>
<li><a href=# style=color:var(--text-secondary)>Library Databases</a></li>
<li><a href=# style=color:var(--text-secondary)>IT Support Tickets</a></li>
</ul>
</div>
<div>
<h4 style=margin-top:0>Legal Info</h4>
<ul style=font-size:13px;line-height:2>
<li><a href=# style=color:var(--text-secondary)>Privacy Policy</a></li>
<li><a href=# style=color:var(--text-secondary)>Accessibility</a></li>
<li><a href=# style=color:var(--text-secondary)>FERPA Rights</a></li>
<li><a href=# style=color:var(--text-secondary)>Title IX Policy</a></li>
</ul>
</div>
</div>
<div style=text-align:center;margin-top:40px;font-size:12px;color:var(--text-light)>
© 2026 Board of Trustees. All rights reserved. | Server Time: <span id=server-time>2/9/2026, 11:36:58 PM</span> | Node: REG-04
</div>
</div>

477
008/8-003.html Normal file
View File

File diff suppressed because one or more lines are too long

489
008/8-004.html Normal file
View File

File diff suppressed because one or more lines are too long

486
008/8-005.html Normal file
View File

File diff suppressed because one or more lines are too long

477
008/8-006.html Normal file
View File

File diff suppressed because one or more lines are too long

204
008/008_r.html → 008/8-all.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SIS 2026 - Advanced Course Registration Portal</title>
<title>SIS 2026 - Advanced Registration Portal</title>
<style>
/* === CSS Variables System === */
:root {
@@ -50,7 +50,7 @@
/* === Reset & Base === */
* { box-sizing: border-box; }
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", Helvetica, Arial, sans-serif;
background-color: var(--bg-body);
color: var(--text-main);
margin: 0;
@@ -257,14 +257,14 @@
<!-- System Alert -->
<div class="system-alert">
<span>⚠️ ALERT</span> High traffic volume detected. Do not refresh the page to maintain your queue position.
<span>⚠️ Warning</span> High traffic detected. Please do not refresh to maintain your queue position.
</div>
<!-- Header -->
<div class="header-wrapper">
<div class="header-content">
<div class="logo-area">
<h1><div class="logo-icon">S</div> SIS Portal <small style="font-size:12px; font-weight:normal; opacity:0.6; margin-left:10px;">v5.2.0</small></h1>
<h1><div class="logo-icon">S</div> SIS Registration <small style="font-size:12px; font-weight:normal; opacity:0.6; margin-left:10px;">v5.2.0</small></h1>
</div>
<div class="user-profile">
<div class="user-info">
@@ -282,9 +282,9 @@
<!-- Navigation -->
<div class="nav-bar">
<div class="nav-menu">
<a href="javascript:void(0)" class="nav-link active" onclick="switchView('registration', this)">Course Registration</a>
<a href="javascript:void(0)" class="nav-link active" onclick="switchView('registration', this)">Registration</a>
<a href="javascript:void(0)" class="nav-link" onclick="switchView('schedule', this)">My Schedule</a>
<a href="javascript:void(0)" class="nav-link has-badge" onclick="switchView('grades', this)">Grades <span class="badge">NEW</span></a>
<a href="javascript:void(0)" class="nav-link has-badge" onclick="switchView('grades', this)">Grades <span class="badge">New</span></a>
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Financial Aid</a>
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Degree Audit</a>
<a href="javascript:void(0)" class="nav-link" onclick="switchView('generic', this)">Transcripts</a>
@@ -325,16 +325,16 @@
</div>
<div class="filter-group">
<label class="filter-title">Schedule</label>
<label class="filter-title">Class Time</label>
<label class="filter-option"><input type="checkbox"> Mon / Wed / Fri</label>
<label class="filter-option"><input type="checkbox"> Tue / Thu</label>
<label class="filter-option"><input type="checkbox"> Evening / Weekend</label>
</div>
<div class="filter-group">
<label class="filter-title">Availability</label>
<label class="filter-option"><input type="radio" name="status" checked> Open Classes Only</label>
<label class="filter-option"><input type="radio" name="status"> Include Waitlist</label>
<label class="filter-title">Course Status</label>
<label class="filter-option"><input type="radio" name="status" checked> Show Open Only</label>
<label class="filter-option"><input type="radio" name="status"> Include Waitlisted</label>
</div>
<input type="submit" value="Apply Filters" class="btn btn-primary" style="margin-top:10px;">
@@ -348,11 +348,11 @@
<div class="card-body" style="font-size:13px;">
<div style="margin-bottom:15px; border-left:3px solid var(--accent); padding-left:10px;">
<strong>Financial Aid Disbursement</strong><br>
<span style="color:var(--text-secondary)">Spring 2026 funds will be released on Jan 20th.</span>
<span style="color:var(--text-secondary)">Spring 2026 funds disbursed on Jan 20.</span>
</div>
<div style="margin-bottom:15px; border-left:3px solid var(--danger); padding-left:10px;">
<strong>System Maintenance</strong><br>
<span style="color:var(--text-secondary)">SIS will be offline this Sunday from 2am-4am.</span>
<span style="color:var(--text-secondary)">SIS offline this Sun 2:00-4:00 AM.</span>
</div>
</div>
</div>
@@ -362,8 +362,8 @@
<div>
<div style="margin-bottom: 20px; display:flex; justify-content:space-between; align-items:center;">
<div>
<h2 style="margin:0; font-size:20px; color:var(--primary);">Spring 2026 Course Schedule</h2>
<div style="font-size:13px; color:var(--text-secondary); margin-top:5px;">Showing results for: <strong>Computer Science</strong> (25 found)</div>
<h2 style="margin:0; font-size:20px; color:var(--primary);">Spring 2026 Schedule</h2>
<div style="font-size:13px; color:var(--text-secondary); margin-top:5px;">Showing: <strong>Computer Science</strong> (25 found)</div>
</div>
<div style="display:flex; gap:10px;">
<button class="btn btn-outline" style="width:auto;">Print View</button>
@@ -383,7 +383,7 @@
<span class="course-title">Algorithms & Data Structures</span>
</div>
</div>
<span class="tag tag-blue">4.0 Credits</span>
<span class="tag tag-blue">4.0 Units</span>
</div>
<div class="course-details">
@@ -393,14 +393,14 @@
</div>
<div class="course-meta">
<span>📍 Bldg A, Rm 101</span>
<span>🗓️ MWF 10:00 - 10:50 AM</span>
<span>🗓️ MWF 10:00 - 10:50</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 50</div>
<div>Enrolled: 48</div>
<div style="font-weight:bold; color:var(--success);">Remaining: 2</div>
<div>Cap: 50</div>
<div>Enr: 48</div>
<div style="font-weight:bold; color:var(--success);">Rem: 2</div>
</div>
</div>
<div class="course-action">
@@ -421,7 +421,7 @@
<span class="course-title">Algorithms & Data Structures</span>
</div>
</div>
<span class="tag tag-blue">4.0 Credits</span>
<span class="tag tag-blue">4.0 Units</span>
</div>
<div class="course-details">
@@ -431,18 +431,18 @@
</div>
<div class="course-meta">
<span>📍 Bldg A, Rm 101</span>
<span>🗓️ MWF 11:00 - 11:50 AM</span>
<span>🗓️ MWF 11:00 - 11:50</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 50</div>
<div>Enrolled: 50</div>
<div>Cap: 50</div>
<div>Enr: 50</div>
<div style="font-weight:bold; color:var(--warning);">Waitlist: 5</div>
</div>
</div>
<div class="course-action">
<button class="btn btn-primary" style="background:#f39c12; color:white; border:none;" onclick="showToast('Added to waitlist position #6', 'var(--warning)')">Waitlist</button>
<button class="btn btn-primary" style="background:#f39c12; color:white; border:none;" onclick="showToast('Joined waitlist, position #6', 'var(--warning)')">Join Waitlist</button>
<button class="btn btn-outline">Watch</button>
</div>
</div>
@@ -451,7 +451,7 @@
<div style="background:rgba(231, 76, 60, 0.1); border:1px solid var(--danger); color:var(--danger); padding:15px; border-radius:6px; margin-bottom:15px; display:flex; align-items:center; gap:10px;">
<span style="font-size:20px;">👮</span>
<div>
<strong>Hold on Registration:</strong> You must complete the mandatory assignment "Sexual Harassment Prevention Training" before adding more than 12 credits.
<strong>Registration Hold:</strong> Must complete mandatory "Sexual Harassment Prevention Training" before registering &gt;12 units.
<a href="#" style="text-decoration:underline; font-weight:bold;">[Complete Now]</a>
</div>
</div>
@@ -468,7 +468,7 @@
<span class="course-title">Operating Systems</span>
</div>
</div>
<span class="tag tag-blue">4.0 Credits</span>
<span class="tag tag-blue">4.0 Units</span>
</div>
<div class="course-details">
@@ -477,15 +477,15 @@
<span>⭐ 4.9/5.0</span>
</div>
<div class="course-meta">
<span>📍 Engr Hall, 300</span>
<span>🗓️ MWF 13:00 - 13:50 PM</span>
<span>📍 Engineering 300</span>
<span>🗓️ MWF 13:00 - 13:50</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 100</div>
<div>Enrolled: 98</div>
<div style="font-weight:bold; color:var(--success);">Remaining: 2</div>
<div>Cap: 100</div>
<div>Enr: 98</div>
<div style="font-weight:bold; color:var(--success);">Rem: 2</div>
</div>
</div>
<div class="course-action">
@@ -503,10 +503,10 @@
<input type="checkbox" style="margin-right:15px; transform:scale(1.2);">
<div>
<span class="course-code">CS 420.01</span>
<span class="course-title">Database Management Systems</span>
<span class="course-title">Database Systems</span>
</div>
</div>
<span class="tag tag-purple">3.0 Credits</span>
<span class="tag tag-purple">3.0 Units</span>
</div>
<div class="course-details">
@@ -515,15 +515,15 @@
<span>⭐ 4.2/5.0</span>
</div>
<div class="course-meta">
<span>📍 Sci Center, 101</span>
<span>🗓️ TR 11:00 - 12:15 PM</span>
<span>📍 Science Ctr 101</span>
<span>🗓️ TuTh 11:00 - 12:15</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 40</div>
<div>Enrolled: 35</div>
<div style="font-weight:bold; color:var(--success);">Remaining: 5</div>
<div>Cap: 40</div>
<div>Enr: 35</div>
<div style="font-weight:bold; color:var(--success);">Rem: 5</div>
</div>
</div>
<div class="course-action">
@@ -544,7 +544,7 @@
<span class="course-title">Software Engineering</span>
</div>
</div>
<span class="tag tag-purple">3.0 Credits</span>
<span class="tag tag-purple">3.0 Units</span>
</div>
<div class="course-details">
@@ -554,14 +554,14 @@
</div>
<div class="course-meta">
<span>💻 Online / Remote</span>
<span>🗓️ W 18:00 - 20:50 PM</span>
<span>🗓️ Wed 18:00 - 20:50</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 30</div>
<div>Enrolled: 30</div>
<div style="font-weight:bold; color:var(--danger);">CLOSED</div>
<div>Cap: 30</div>
<div>Enr: 30</div>
<div style="font-weight:bold; color:var(--danger);">Closed</div>
</div>
</div>
<div class="course-action">
@@ -581,7 +581,7 @@
<span class="course-title">Linear Algebra</span>
</div>
</div>
<span class="tag tag-purple">3.0 Credits</span>
<span class="tag tag-purple">3.0 Units</span>
</div>
<div class="course-details">
@@ -590,15 +590,15 @@
<span>⭐ 5.0/5.0</span>
</div>
<div class="course-meta">
<span>📍 Math Hall, 2B</span>
<span>🗓️ MWF 08:00 - 08:50 AM</span>
<span>📍 Math Bldg 2B</span>
<span>🗓️ MWF 08:00 - 08:50</span>
</div>
</div>
<div class="course-stats" style="text-align:right; font-size:13px; color:var(--text-secondary);">
<div>Capacity: 60</div>
<div>Enrolled: 55</div>
<div style="font-weight:bold; color:var(--success);">Remaining: 5</div>
<div>Cap: 60</div>
<div>Enr: 55</div>
<div style="font-weight:bold; color:var(--success);">Rem: 5</div>
</div>
</div>
<div class="course-action">
@@ -610,7 +610,7 @@
<!-- Pagination -->
<div style="display:flex; justify-content:center; gap:10px; margin-top:30px;">
<button class="btn btn-outline" disabled>Previous</button>
<button class="btn btn-outline" disabled>Prev</button>
<button class="btn btn-primary" style="width:auto;">1</button>
<button class="btn btn-outline" style="width:auto;">2</button>
<button class="btn btn-outline" style="width:auto;">3</button>
@@ -633,7 +633,7 @@
<strong>CS 301.01</strong>
<a href="javascript:void(0)" onclick="removeFromCart('cart-item-CS301')" style="color:var(--danger); font-size:12px;">✕</a>
</div>
<div style="font-size:12px; opacity:0.8;">Alg & Data Struct</div>
<div style="font-size:12px; opacity:0.8;">Algorithms & Data Structures</div>
<div style="font-size:12px; margin-top:5px; color:var(--success);">MWF 10:00-10:50</div>
</div>
@@ -653,7 +653,7 @@
<a href="javascript:void(0)" onclick="removeFromCart('cart-item-CS350')" style="color:var(--danger); font-size:12px;">✕</a>
</div>
<div style="font-size:12px; opacity:0.8;">Operating Systems</div>
<div style="font-size:12px; margin-top:5px; color:var(--warning); font-weight:bold;">Waitlist Position: #3</div>
<div style="font-size:12px; margin-top:5px; color:var(--warning); font-weight:bold;">Waitlist Pos: #3</div>
</div>
</div>
@@ -669,12 +669,12 @@
<!-- Conflict Warning -->
<div class="card" style="border-color:var(--danger);">
<div class="card-header" style="background:rgba(231, 76, 60, 0.1); color:var(--danger);">
<span>⚠️ Schedule Conflict</span>
<span>⚠️ Time Conflict</span>
</div>
<div class="card-body" style="font-size:13px; color:#c0392b;">
<strong>CS 301.01</strong> overlaps with <strong>PHYS 202.04</strong> on Mondays.
<strong>CS 301.01</strong> and <strong>PHYS 202.04</strong> clash on Monday.
<div style="margin-top:10px;">
<a href="#">[Resolve Conflict]</a>
<a href="#">[Resolve]</a>
</div>
</div>
</div>
@@ -684,9 +684,9 @@
<div class="card-header">Quick Links</div>
<div class="card-body">
<ul style="font-size:13px;">
<li style="margin-bottom:10px;"><a href="#">📅 Academic Calendar</a></li>
<li style="margin-bottom:10px;"><a href="#">💰 Pay Tuition Online</a></li>
<li style="margin-bottom:10px;"><a href="#">🗺️ Campus Maps</a></li>
<li style="margin-bottom:10px;"><a href="#">📅 Calendar</a></li>
<li style="margin-bottom:10px;"><a href="#">💰 Pay Bill</a></li>
<li style="margin-bottom:10px;"><a href="#">🗺️ Map</a></li>
<li style="margin-bottom:10px;"><a href="#">📚 Bookstore</a></li>
</ul>
</div>
@@ -731,27 +731,27 @@
<div class="sched-header">Fri</div>
<!-- 08:00 Block -->
<div class="sched-time">08:00 AM</div>
<div class="sched-time">08:00</div>
<div class="sched-cell">
<div class="sched-block block-green">
<strong>MATH 330</strong><br>Math Hall 2B
<strong>MATH 330</strong><br>Math Bldg 2B
</div>
</div>
<div class="sched-cell"></div>
<div class="sched-cell">
<div class="sched-block block-green">
<strong>MATH 330</strong><br>Math Hall 2B
<strong>MATH 330</strong><br>Math Bldg 2B
</div>
</div>
<div class="sched-cell"></div>
<div class="sched-cell">
<div class="sched-block block-green">
<strong>MATH 330</strong><br>Math Hall 2B
<strong>MATH 330</strong><br>Math Bldg 2B
</div>
</div>
<!-- 09:00 Block -->
<div class="sched-time">09:00 AM</div>
<div class="sched-time">09:00</div>
<div class="sched-cell"></div>
<div class="sched-cell"></div>
<div class="sched-cell"></div>
@@ -759,7 +759,7 @@
<div class="sched-cell"></div>
<!-- 10:00 Block -->
<div class="sched-time">10:00 AM</div>
<div class="sched-time">10:00</div>
<div class="sched-cell">
<div class="sched-block block-blue">
<strong>CS 301</strong><br>Bldg A, 101
@@ -779,23 +779,23 @@
</div>
<!-- 11:00 Block -->
<div class="sched-time">11:00 AM</div>
<div class="sched-time">11:00</div>
<div class="sched-cell"></div>
<div class="sched-cell">
<div class="sched-block block-orange" style="height:156px; z-index:10;">
<strong>CS 420</strong><br>Sci Ctr 101<br>11:00-12:15
<strong>CS 420</strong><br>Science Ctr 101<br>11:00-12:15
</div>
</div>
<div class="sched-cell"></div>
<div class="sched-cell">
<div class="sched-block block-orange" style="height:156px; z-index:10;">
<strong>CS 420</strong><br>Sci Ctr 101<br>11:00-12:15
<strong>CS 420</strong><br>Science Ctr 101<br>11:00-12:15
</div>
</div>
<div class="sched-cell"></div>
<!-- 12:00 Block -->
<div class="sched-time">12:00 PM</div>
<div class="sched-time">12:00</div>
<div class="sched-cell"></div>
<div class="sched-cell"></div> <!-- Skip for overlap -->
<div class="sched-cell"></div>
@@ -803,7 +803,7 @@
<div class="sched-cell"></div>
<!-- 13:00 Block -->
<div class="sched-time">01:00 PM</div>
<div class="sched-time">13:00</div>
<div class="sched-cell"></div>
<div class="sched-cell"></div>
<div class="sched-cell"></div>
@@ -819,17 +819,17 @@
<div style="display:grid; grid-template-columns: 1fr 340px; gap:25px;">
<div class="card">
<div class="card-header">
<span>Academic History</span>
<span>Grade Record</span>
<button class="btn btn-outline" style="padding:4px 10px; font-size:12px;">Download Unofficial Transcript</button>
</div>
<div class="card-body">
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">Fall 2025</h4>
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">2025 Fall (Fall 2025)</h4>
<table style="width:100%; border-collapse:collapse; margin-bottom:30px;">
<thead>
<tr style="border-bottom:2px solid var(--border-color); text-align:left; color:var(--text-secondary); font-size:12px; text-transform:uppercase;">
<th style="padding:10px;">Course</th>
<th style="padding:10px;">Title</th>
<th style="padding:10px;">Credits</th>
<th style="padding:10px;">Course Code</th>
<th style="padding:10px;">Course Title</th>
<th style="padding:10px;">Units</th>
<th style="padding:10px;">Grade</th>
<th style="padding:10px;">Points</th>
</tr>
@@ -872,13 +872,13 @@
</tfoot>
</table>
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">Spring 2025</h4>
<h4 style="margin-top:0; color:var(--text-secondary); text-transform:uppercase; font-size:12px; letter-spacing:1px;">2025 Spring (Spring 2025)</h4>
<table style="width:100%; border-collapse:collapse;">
<thead>
<tr style="border-bottom:2px solid var(--border-color); text-align:left; color:var(--text-secondary); font-size:12px; text-transform:uppercase;">
<th style="padding:10px;">Course</th>
<th style="padding:10px;">Title</th>
<th style="padding:10px;">Credits</th>
<th style="padding:10px;">Course Code</th>
<th style="padding:10px;">Course Title</th>
<th style="padding:10px;">Units</th>
<th style="padding:10px;">Grade</th>
<th style="padding:10px;">Points</th>
</tr>
@@ -893,7 +893,7 @@
</tr>
<tr style="border-bottom:1px solid var(--border-color);">
<td style="padding:12px 10px; font-weight:bold;">PSY 101</td>
<td style="padding:12px 10px;">Intro Psychology</td>
<td style="padding:12px 10px;">Intro to Psychology</td>
<td style="padding:12px 10px;">3.0</td>
<td style="padding:12px 10px; color:var(--primary); font-weight:bold;">B</td>
<td style="padding:12px 10px;">9.0</td>
@@ -922,11 +922,11 @@
</div>
<ul style="margin-top:20px; font-size:13px;">
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
<span>Total Units Attempted:</span>
<span>Total Attempted:</span>
<strong>45.0</strong>
</li>
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
<span>Total Units Earned:</span>
<span>Total Earned:</span>
<strong>45.0</strong>
</li>
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
@@ -934,7 +934,7 @@
<strong>Top 15%</strong>
</li>
<li style="display:flex; justify-content:space-between; margin-bottom:10px;">
<span>Academic Standing:</span>
<span>Academic Status:</span>
<span class="tag tag-blue">Good Standing</span>
</li>
</ul>
@@ -948,7 +948,7 @@
<div class="card">
<div class="card-header">System Module</div>
<div class="card-body">
<p>This module is currently being updated for the Spring 2026 term. Please check back later or contact the registrar.</p>
<p>This module is currently updating for Spring 2026. Please check back later or contact the Registrar.</p>
</div>
</div>
</div>
@@ -961,7 +961,7 @@
<div>
<h4 style="margin-top:0;">University Registrar</h4>
<p style="font-size:13px; color:var(--text-secondary);">
Building 42, Room 100<br>
Bldg 42, Rm 100<br>
1234 University Ave<br>
College Town, ST 90210
</p>
@@ -970,33 +970,33 @@
<div>
<h4 style="margin-top:0;">Registration Help</h4>
<ul style="font-size:13px; line-height:2;">
<li><a href="#" style="color:var(--text-secondary);">How to Register</a></li>
<li><a href="#" style="color:var(--text-secondary);">Registration Guide</a></li>
<li><a href="#" style="color:var(--text-secondary);">Waitlist Policy</a></li>
<li><a href="#" style="color:var(--text-secondary);">Permission Numbers</a></li>
<li><a href="#" style="color:var(--text-secondary);">Withdrawal Deadlines</a></li>
<li><a href="#" style="color:var(--text-secondary);">Permission Codes</a></li>
<li><a href="#" style="color:var(--text-secondary);">Drop Deadlines</a></li>
</ul>
</div>
<div>
<h4 style="margin-top:0;">Systems</h4>
<h4 style="margin-top:0;">Common Systems</h4>
<ul style="font-size:13px; line-height:2;">
<li><a href="#" style="color:var(--text-secondary);">Canvas LMS</a></li>
<li><a href="#" style="color:var(--text-secondary);">Student Email</a></li>
<li><a href="#" style="color:var(--text-secondary);">Library Database</a></li>
<li><a href="#" style="color:var(--text-secondary);">IT Support Ticket</a></li>
<li><a href="#" style="color:var(--text-secondary);">Library Databases</a></li>
<li><a href="#" style="color:var(--text-secondary);">IT Support Tickets</a></li>
</ul>
</div>
<div>
<h4 style="margin-top:0;">Legal</h4>
<h4 style="margin-top:0;">Legal Info</h4>
<ul style="font-size:13px; line-height:2;">
<li><a href="#" style="color:var(--text-secondary);">Privacy Policy</a></li>
<li><a href="#" style="color:var(--text-secondary);">Accessibility</a></li>
<li><a href="#" style="color:var(--text-secondary);">FERPA Rights</a></li>
<li><a href="#" style="color:var(--text-secondary);">Title IX</a></li>
<li><a href="#" style="color:var(--text-secondary);">Title IX Policy</a></li>
</ul>
</div>
</div>
<div style="text-align:center; margin-top:40px; font-size:12px; color:var(--text-light);">
&copy; 2026 Board of Regents. All Rights Reserved. | Server Time: <span id="server-time">Loading...</span> | Node: REG-04
&copy; 2026 Board of Trustees. All rights reserved. | Server Time: <span id="server-time">Loading...</span> | Node: REG-04
</div>
</div>
@@ -1005,11 +1005,11 @@
// Data & State
// -------------------------------------------------------------------------
const COURSE_DB = {
'CS 301.01': { title: 'Algorithms & Data Structures', code: 'CS 301.01', time: 'MWF 10:00-10:50', units: 4.0 },
'CS 301.02': { title: 'Algorithms & Data Structures', code: 'CS 301.02', time: 'MWF 11:00-11:50', units: 4.0 },
'CS 350.01': { title: 'Operating Systems', code: 'CS 350.01', time: 'MWF 13:00-13:50', units: 4.0 },
'CS 420.01': { title: 'Database Management Systems', code: 'CS 420.01', time: 'TR 11:00-12:15', units: 3.0 },
'MATH 330.01': { title: 'Linear Algebra', code: 'MATH 330.01', time: 'MWF 08:00-08:50', units: 3.0 },
'CS 301.01': { title: 'Algorithms & Data Structures', code: 'CS 301.01', time: 'Mon/Wed/Fri 10:00-10:50', units: 4.0 },
'CS 301.02': { title: 'Algorithms & Data Structures', code: 'CS 301.02', time: 'Mon/Wed/Fri 11:00-11:50', units: 4.0 },
'CS 350.01': { title: 'Operating Systems', code: 'CS 350.01', time: 'Mon/Wed/Fri 13:00-13:50', units: 4.0 },
'CS 420.01': { title: 'Database Management Systems', code: 'CS 420.01', time: 'Tue/Thu 11:00-12:15', units: 3.0 },
'MATH 330.01': { title: 'Linear Algebra', code: 'MATH 330.01', time: 'Mon/Wed/Fri 08:00-08:50', units: 3.0 },
};
let cart = [
@@ -1117,7 +1117,7 @@
</div>
<div style="font-size:12px; opacity:0.8;">${item.title}</div>
<div style="font-size:12px; margin-top:5px; color:${item.waitlisted ? 'var(--warning)' : 'var(--success)'}; font-weight:${item.waitlisted ? 'bold' : 'normal'};">
${item.waitlisted ? 'Waitlist Position: #' + item.position : item.time}
${item.waitlisted ? 'Waitlist: #' + item.position : item.time}
</div>
`;
container.appendChild(div);
@@ -1155,7 +1155,7 @@
setTimeout(() => {
btn.style.background = 'var(--success)';
btn.innerText = '✔ Registered!';
showToast('Registration successful! Confirmation email sent.', 'var(--success)');
showToast('Registration Successful! Confirmation email sent.', 'var(--success)');
setTimeout(() => {
cart = []; // Clear cart
@@ -1169,7 +1169,7 @@
window.searchCourses = function() {
showToast('🔍 Applying filters...', 'var(--secondary)');
setTimeout(() => {
showToast('Found 25 courses matching your criteria.', 'var(--primary)');
showToast('Found 25 courses matching criteria.', 'var(--primary)');
}, 800);
}
@@ -1209,7 +1209,7 @@
// Simulation Loops
// -------------------------------------------------------------------------
setInterval(() => {
document.getElementById('server-time').innerText = new Date().toUTCString();
document.getElementById('server-time').innerText = new Date().toLocaleString('en-US');
}, 1000);
// Initial Render

26
008/record.json Normal file
View File

@@ -0,0 +1,26 @@
{
"step-1": {
"query": "选课之前，我想先确认一下我上个学期的GPA和过往成绩，请切换到成绩单页面",
"grounding_area": ""
},
"step-2": {
"query": "成绩看完了，回到选课的主界面准备添加新课程",
"grounding_area": ""
},
"step-3": {
"query": "列表中有一门T. Linux教授讲授的操作系统课（Operating Systems），请把这门课加入我的选课车",
"grounding_area": ""
},
"step-4": {
"query": "我想上的那个11点钟的算法课（CS 301.02）已经满员了，但我还是想争取一下，请帮我加入这门课的候补队列（Waitlist）",
"grounding_area": ""
},
"step-5": {
"query": "购物车里提示有时间冲突，把那个产生冲突的 CS 301.01 课程从购物车里移除掉",
"grounding_area": ""
},
"step-6": {
"query": "现在的选课方案没问题了，直接点击按钮提交注册，完成选课",
"grounding_area": ""
}
}