Commit c294ea34 authored by Gihan76's avatar Gihan76

Class Creating form added

parent ae8ae3e9
......@@ -5,6 +5,7 @@ import {Link} from "react-router-dom";
import AddFinance from './add_financial_details';
import ViewFinance from './view_financial_details';
import EditFinance from './edit_financial_details';
import AddClass from './add_class_details';
export default class Dashboard extends Component {
render() {
......@@ -349,6 +350,12 @@ export default class Dashboard extends Component {
<i className="metismenu-state-icon fa fa-caret-down"></i>
</a>
<ul>
<li>
<NavLink to={"/admin/classes/add/"}>
<i className="metismenu-icon"></i>
Create Class
</NavLink>
</li>
<li>
<a href="#">
<i className="metismenu-icon"></i>
......@@ -443,6 +450,7 @@ export default class Dashboard extends Component {
<Route path="/admin/finance/" exact component={ViewFinance}/>
<Route path="/admin/finance/add" exact component={AddFinance} />
<Route path={"/admin/finance/edit/:id"} exact component={EditFinance}/>
<Route path="/admin/classes/add" exact component={AddClass}/>
</div>
{/* Footer */}
......
import React, {Component} from "react";
import axios from "axios";
import SelectSearch, {fuzzySearch} from 'react-select-search';
const options = [
{name: 'Hasitha', value: '1'},
{name: 'Devinda', value: '2'},
{name: 'Hansaka', value: '3'},
{name: 'Gihan', value: '4'},
];
export default class AddClassDetails extends Component{
constructor(props) {
super(props);
}
render() {
return(
<div>
<div className="app-page-title">
<div className="page-title-wrapper">
<div className="page-title-heading">
<div className="page-title-icon">
<i className="pe-7s-display1 fa fa-users"></i>
</div>
<div>
Add Class Details
</div>
</div>
</div>
</div>
<div className="main-card mb-3 card">
<div className="card-body">
<form>
<div className="row">
<div className="col-md-6">
<div className="card-body">
<div className="position-relative form-group">
<label>Class Type</label>
<select name="select" className="form-control">
<option>Select Class Type</option>
<option>Mass Class</option>
<option>Revision Class</option>
<option>Group Class</option>
<option>Individual Class</option>
</select>
</div>
<div className="position-relative form-group">
<label>Institute</label>
<select name="select" className="form-control">
<option>Select Institute</option>
<option>Sakya Nugegoda</option>
<option>Minasko Malabe</option>
<option>Rotary Nugegoda</option>
<option>Sasip Nugegoda</option>
</select>
</div>
<div className="position-relative form-group">
<label>Batch Number</label>
<input type="text" className="form-control"/>
</div>
<div className="position-relative form-group">
<label>Year</label>
<input type="month" className="form-control"/>
</div>
<div className="position-relative form-group">
<label>Subject</label>
<select name="select" className="form-control">
<option>Select Subject</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</div>
</div>
</div>
<div className="col-md-6">
<div className="card-body">
<div className="position-relative form-group">
<label htmlFor="exampleEmail" className>Students</label>
<SelectSearch
options={options}
multiple
search
filterOptions={fuzzySearch}
placeholder="Select students"
/>
</div>
</div>
</div>
</div>
<div className="position-relative row form-group">
<div className="col-sm-12">
<button className="btn btn-primary" style={{width:"150px"}} type="submit">Create Class</button>
</div>
</div>
</form>
</div>
</div>
</div>
);
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment