Skip to content

Commit 383ca28

Browse files
Zag5A6167Zag5A6167
committed
change content my-lab.html
1 parent f44e1fe commit 383ca28

1 file changed

Lines changed: 84 additions & 80 deletions

File tree

‎week3/my-labs.html‎

Lines changed: 84 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,105 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<title>My Labs · ENGCE301 Lab Submission Portal</title>
67
<meta name="viewport" content="width=device-width, initial-scale=1.0">
78
<link rel="stylesheet" href="styles.css">
89
</head>
10+
911
<body>
1012

11-
<div class="page-container">
12-
13-
<!-- HEADER -->
14-
<header class="site-header">
15-
<div class="logo">
16-
<span class="logo-mark">ENGCE301</span>
17-
<span class="logo-text">Lab Submission Portal</span>
18-
</div>
19-
20-
<nav class="main-nav">
21-
<a href="index.html" class="nav-link">Home</a>
22-
<a href="my-labs.html" class="nav-link active">My Labs</a>
23-
<a href="about.html" class="nav-link">About</a>
24-
</nav>
25-
</header>
26-
27-
<!-- CONTENT -->
28-
<main>
29-
<section class="section section-status">
30-
<header class="section-header">
31-
<h2>My Lab Status</h2>
32-
<p>
33-
This page extends <strong>US-03: View My Lab Status</strong>
34-
and can be used as a starting point for the real implementation.
35-
</p>
36-
</header>
37-
38-
<!-- TODO: Student – ปรับ mock data ให้ตรงกับ LAB จริงของกลุ่ม -->
39-
<div class="status-table">
40-
<div class="status-row status-header">
41-
<span>Lab</span>
42-
<span>Title</span>
43-
<span>Status</span>
44-
<span>Score</span>
45-
</div>
13+
<div class="page-container">
4614

47-
<div class="status-row">
48-
<span>LAB 1</span>
49-
<span>HTML Structure &amp; Semantic</span>
50-
<span><span class="status-tag status-done">Submitted</span></span>
51-
<span>100 / 100</span>
52-
</div>
15+
<header class="site-header">
16+
<div class="logo">
17+
<span class="logo-mark">ENGCE301</span>
18+
<span class="logo-text">Lab Submission Portal</span>
19+
</div>
5320

54-
<div class="status-row">
55-
<span>LAB 2</span>
56-
<span>Requirements Elicitation</span>
57-
<span><span class="status-tag status-done">Submitted</span></span>
58-
<span>85 / 100</span>
59-
</div>
21+
<nav class="main-nav">
22+
<a href="index.html" class="nav-link">Home</a>
23+
<a href="my-labs.html" class="nav-link active">My Labs</a>
24+
<a href="about.html" class="nav-link">About</a>
25+
</nav>
26+
</header>
6027

61-
<div class="status-row">
62-
<span>LAB 3</span>
63-
<span>Agile Requirements &amp; Use Case Modeling</span>
64-
<span><span class="status-tag status-pending">Awaiting Submission</span></span>
65-
<span>–</span>
66-
</div>
28+
<main>
29+
<section class="section section-status">
30+
<header class="section-header">
31+
<h2>My Lab Status</h2>
32+
<p>
33+
This page extends <strong>US-03: View My Lab Status</strong>
34+
and shows score and feedback after grading (UC-06).
35+
</p>
36+
</header>
6737

68-
<div class="status-row">
69-
<span>LAB 4</span>
70-
<span><!-- TODO: ชื่อ LAB 4 ของกลุ่ม --></span>
71-
<span><span class="status-tag status-late">Late</span></span>
72-
<span><!-- TODO: คะแนน / หมายเหตุ --></span>
73-
</div>
38+
<div class="status-table">
39+
<div class="status-row status-header">
40+
<span>Lab</span>
41+
<span>Title</span>
42+
<span>Status</span>
43+
<span>Score</span>
44+
<span>Feedback</span>
45+
</div>
7446

75-
<div class="status-row">
76-
<span>LAB 5</span>
77-
<span><!-- TODO: ชื่อ LAB 5 ของกลุ่ม --></span>
78-
<span><span class="status-tag status-pending">Not Assigned</span></span>
79-
<span>–</span>
47+
<div class="status-row">
48+
<span>LAB 1</span>
49+
<span>HTML Structure &amp; Semantic</span>
50+
<span><span class="status-tag status-graded">Graded</span></span>
51+
<span>100 / 100</span>
52+
<span>Excellent work. Perfect structure.</span>
53+
</div>
54+
55+
<div class="status-row">
56+
<span>LAB 2</span>
57+
<span>Requirements Elicitation</span>
58+
<span><span class="status-tag status-graded status-late">Graded (Late)</span></span>
59+
<span>85 / 100</span>
60+
<span>Good, but requirements traceability is weak. Late submission penalty applied.</span>
61+
</div>
62+
63+
<div class="status-row">
64+
<span>LAB 3</span>
65+
<span>Agile Requirements &amp; Use Case Modeling</span>
66+
<span><span class="status-tag status-submitted">Submitted</span></span>
67+
<span>–</span>
68+
<span>Awaiting Grading</span>
69+
</div>
70+
71+
<div class="status-row">
72+
<span>LAB 4</span>
73+
<span></span>
74+
<span><span class="status-tag status-pending">Awaiting Submission</span></span>
75+
<span>–</span>
76+
<span>–</span>
77+
</div>
78+
79+
<div class="status-row">
80+
<span>LAB 5</span>
81+
<span></span>
82+
<span><span class="status-tag status-pending">Not Assigned</span></span>
83+
<span>–</span>
84+
<span>–</span>
85+
</div>
8086
</div>
81-
</div>
8287

83-
<p class="section-note">
84-
<!-- TODO: Student – เชื่อมโยงข้อความนี้กับ Late Submission Policy ใน SRS/Use Case -->
85-
Status labels (Submitted / Late / Awaiting Submission) should follow
86-
the Late Submission Policy defined in your SRS and UC-01 / UC-03.
88+
<p class="section-note">
89+
Status labels (Submitted / Late / Graded) should follow the Late Submission Policy defined in your
90+
SRS and UC-03.
91+
</p>
92+
</section>
93+
</main>
94+
95+
<footer class="site-footer">
96+
<p>ENGCE301 – Software Design &amp; Development · Week 3</p>
97+
<p class="footer-small">
98+
My Labs page: extend this mockup into a real status page in future iterations.
8799
</p>
88-
</section>
89-
</main>
90-
91-
<!-- FOOTER -->
92-
<footer class="site-footer">
93-
<p>ENGCE301 – Software Design &amp; Development · Week 3</p>
94-
<p class="footer-small">
95-
My Labs page: extend this mockup into a real status page in future iterations.
96-
</p>
97-
</footer>
98-
</div>
100+
</footer>
101+
</div>
99102

100103
</body>
104+
101105
</html>

0 commit comments

Comments
 (0)