Skip to content

Commit f6bc87c

Browse files
author
TAN0013\Tandin Wangchen
committed
nav for class management implemented
1 parent a27b742 commit f6bc87c

8 files changed

Lines changed: 399 additions & 38 deletions

File tree

‎Backend/Modules/Class/module.class.js‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
const mongoose = require('mongoose');
2+
3+
const ClassSchema = new mongoose.Schema({
4+
tasktitle: {
5+
type: String,
6+
required: true,
7+
min: 2,
8+
max: 450
9+
},
10+
taskdescription: {
11+
type: String,
12+
required: true,
13+
min: 2,
14+
max: 450
15+
},
16+
teacherid: {
17+
type: String,
18+
required: true,
19+
min: 2,
20+
max: 450
21+
},
22+
implevel: {
23+
type: String,
24+
trim: true
25+
},
26+
validtill: {
27+
type: String,
28+
trim: true
29+
},
30+
extrainfo : {
31+
32+
},
33+
status: {
34+
type: String,
35+
default: "not approved"
36+
},
37+
});
38+
39+
const Class = mongoose.model('class', ClassSchema);
40+
module.exports = Class;

‎frontend/src/Class/student.js‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

‎frontend/src/Class/studentTask.js‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

‎frontend/src/Class/teacher.js‎

Lines changed: 95 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,102 @@
11
import React, {useEffect, useState} from 'react';
2+
import '../Student/Payments/style/button.css';
3+
import my from "../Student/Payments/image/paymentForm.png";
4+
import '../Student/Payments/style/forms.css'
5+
import '../Student/Payments/style/alert.css'
26

3-
const studentTask = () => {
7+
8+
const teacher = () => {
9+
410
return (
5-
<div>
6-
Teacher add
11+
<div className="background">
12+
<img src={my}/>
13+
<div className="container mt-4 shadow p-3 mb-5 bg-body rounded">
14+
<div >
15+
<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Add Teacher Task</h1>
16+
<div className="p-3">
17+
<form className="row g-3" onSubmit="#">
18+
<h5>Task Details</h5>
19+
<div className="col-12">
20+
<label htmlFor="taskTitle" className="form-label">Task Title</label>
21+
<div className="input-group mb-3">
22+
<span className="input-group-text"><i className="fas fa-id-card-alt"></i></span>
23+
<input
24+
type="text"
25+
className="form-control"
26+
id="taskTitle"
27+
name="taskTitle"
28+
/>
29+
</div>
30+
</div>
31+
<div className="col-md-6">
32+
<label htmlFor="taskDescription" className="form-label">Task description</label>
33+
<div className="input-group mb-3">
34+
<span className="input-group-text"><i className="fas fa-chalkboard-teacher"></i></span>
35+
<input
36+
type="text"
37+
className="form-control"
38+
id="taskDescription"
39+
name="taskDescription"
40+
/>
41+
</div>
42+
</div>
43+
<div className="col-md-6">
44+
<label htmlFor="teacherId" className="form-label">Teacher ID</label>
45+
<div className="input-group mb-3">
46+
<span className="input-group-text"><i className="fas fa-user"></i></span>
47+
<input
48+
type="text"
49+
className="form-control"
50+
id="teacherId"
51+
name="teacherId"
52+
/>
53+
</div>
54+
</div>
55+
56+
<h5>Other Details</h5>
57+
<div className="col-md-6">
58+
<label htmlFor="type" className="form-label">Importance Level</label>
59+
<select
60+
className="form-select"
61+
id='type'
62+
required="true"
63+
name="type"
64+
>
65+
<option value="select">---Select a Type---</option>
66+
<option value="hight">Hight</option>
67+
<option value="medium">Medium</option>
68+
<option value="low">Low</option>
69+
</select>
70+
</div>
71+
<div className="col-md-6">
72+
<label htmlFor="validTill" className="form-label">Valid Till</label>
73+
<div className="input-group mb-3">
74+
<span className="input-group-text"><i className="far fa-calendar-alt"></i></span>
75+
<input
76+
type="date"
77+
className="form-control"
78+
id="validTill"
79+
name="validTill"
80+
/>
81+
</div>
82+
</div>
83+
<div className="col-md-6 mb-3">
84+
<label htmlFor="extraInformation" className="form-label">Extra information <i>(Maximum file size 10MB)</i></label>
85+
<input
86+
type="file"
87+
className="form-control"
88+
id="extraInformation"
89+
name="extraInformation"
90+
accept="image/*"
91+
/>
92+
</div>
93+
<button className="button-purple button2-purple">Submit Payment</button>
94+
</form>
95+
</div>
96+
</div>
97+
</div>
798
</div>
899
);
9100
};
10101

11-
export default studentTask;
102+
export default teacher;

‎frontend/src/Class/teacherTask.js‎

Lines changed: 156 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,163 @@
11
import React, {useEffect, useState} from 'react';
2+
import '../Student/Payments/style/button.css';
3+
import my from "../Student/Payments/image/paymentForm.png";
4+
import '../Student/Payments/style/forms.css'
5+
import '../Student/Payments/style/alert.css'
26

3-
const studentTask = () => {
7+
8+
const teacherTask = () => {
9+
410
return (
5-
<div>
6-
Teacher add list
11+
<div className="background">
12+
<img src={my}/>
13+
<div className="container mt-4 shadow p-3 mb-5 bg-body rounded">
14+
<div >
15+
<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Student Payment Submission</h1>
16+
<div className="p-3">
17+
<form className="row g-3" onSubmit="#">
18+
<h5>Student Details</h5>
19+
<div className="col-12">
20+
<label htmlFor="name" className="form-label">Full Name</label>
21+
<div className="input-group mb-3">
22+
<span className="input-group-text"><i className="fas fa-user"></i></span>
23+
<input
24+
type="text"
25+
className="form-control"
26+
id="name"
27+
name="name"
28+
/>
29+
</div>
30+
</div>
31+
<div className="col-md-6">
32+
<label htmlFor="contactNo" className="form-label">Contact Number</label>
33+
<div className="input-group mb-3">
34+
<span className="input-group-text"><i className="fas fa-phone"></i></span>
35+
<input
36+
type="text"
37+
className="form-control"
38+
id="contactNo"
39+
name="contactNo"
40+
/>
41+
</div>
42+
</div>
43+
<div className="col-md-6">
44+
<label htmlFor="studentID" className="form-label">Student ID</label>
45+
<div className="input-group mb-3">
46+
<span className="input-group-text"><i className="fas fa-id-card-alt"></i></span>
47+
<input
48+
type="text"
49+
className="form-control"
50+
id="studentID"
51+
name="studentID"
52+
/>
53+
</div>
54+
</div>
55+
<div className="col-md-6">
56+
<label htmlFor="classes" className="form-label">Class</label>
57+
<div className="input-group mb-3">
58+
<span className="input-group-text"><i className="fas fa-book-reader"></i></span>
59+
<input
60+
type="text"
61+
className="form-control"
62+
id="classes"
63+
name="classes"
64+
/>
65+
</div>
66+
</div>
67+
<div className="col-md-6">
68+
<label htmlFor="teacher" className="form-label">Name of teacher</label>
69+
<div className="input-group mb-3">
70+
<span className="input-group-text"><i className="fas fa-chalkboard-teacher"></i></span>
71+
<input
72+
type="text"
73+
className="form-control"
74+
id="teacher"
75+
name="teacher"
76+
/>
77+
</div>
78+
</div>
79+
<h5>Payment Details</h5>
80+
<div className="col-md-6">
81+
<label htmlFor="type" className="form-label">Payment type</label>
82+
<select
83+
className="form-select"
84+
id='type'
85+
required="true"
86+
name="type"
87+
>
88+
<option value="select">---Select a Payment Type---</option>
89+
<option value="Registration payment">Registration payment</option>
90+
<option value="Monthly Fee">Monthly Fee</option>
91+
</select>
92+
</div>
93+
<div className="col-md-6">
94+
<label htmlFor="depositedAmount" className="form-label">Deposited Amount (Rs.)</label>
95+
<div className="input-group mb-3">
96+
<span className="input-group-text"><i className="fas fa-dollar-sign"></i></span>
97+
<input
98+
type="text"
99+
className="form-control"
100+
id="depositedAmount"
101+
name="depositedAmount"
102+
/>
103+
</div>
104+
</div>
105+
<div className="col-md-6">
106+
<label htmlFor="depositedDate" className="form-label">Deposited Date</label>
107+
<div className="input-group mb-3">
108+
<span className="input-group-text"><i className="far fa-calendar-alt"></i></span>
109+
<input
110+
type="date"
111+
className="form-control"
112+
id="depositedDate"
113+
name="depositedDate"
114+
/>
115+
</div>
116+
</div>
117+
<div className="col-md-6">
118+
<label htmlFor="bank" className="form-label">Bank</label>
119+
<select
120+
className="form-select"
121+
id='bank'
122+
required="true"
123+
name="bank"
124+
>
125+
<option value="select">---Select the bank---</option>
126+
<option value="BOC">BOC</option>
127+
<option value="People's bank">People's bank</option>
128+
<option value="Commercial bank">Commercial bank</option>
129+
<option value="NDB">NDB</option>
130+
</select>
131+
</div>
132+
<div className="col-md-6 mb-3">
133+
<label htmlFor="branch" className="form-label">Branch</label>
134+
<div className="input-group mb-3">
135+
<span className="input-group-text"><i className="fas fa-code-branch"></i></span>
136+
<input
137+
type="text"
138+
className="form-control"
139+
id="branch"
140+
name="branch"
141+
/>
142+
</div>
143+
</div>
144+
<div className="col-md-6 mb-3">
145+
<label htmlFor="paymentSlip" className="form-label">Payment Slip <i>(Maximum file size 10MB)</i></label>
146+
<input
147+
type="file"
148+
className="form-control"
149+
id="paymentSlip"
150+
name="paymentSlip"
151+
accept="image/*"
152+
/>
153+
</div>
154+
<button className="button-purple button2-purple">Submit Payment</button>
155+
</form>
156+
</div>
157+
</div>
158+
</div>
7159
</div>
8160
);
9161
};
10162

11-
export default studentTask;
163+
export default teacherTask;

0 commit comments

Comments
 (0)