Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2
2021-049
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
2021-049
2021-049
Commits
cc6ec4b4
Commit
cc6ec4b4
authored
Aug 27, 2021
by
Hasitha Samarasekara
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'IT18063288' into 'master'
It18063288 See merge request
!10
parents
1d289fec
828e015e
Changes
17
Hide whitespace changes
Inline
Side-by-side
Showing
17 changed files
with
1494 additions
and
121 deletions
+1494
-121
BackEnd/WebBackEnd/models/studentALResult.model.js
BackEnd/WebBackEnd/models/studentALResult.model.js
+27
-0
BackEnd/WebBackEnd/models/tutor.user.model.js
BackEnd/WebBackEnd/models/tutor.user.model.js
+4
-5
BackEnd/WebBackEnd/routes/studentALResult.route.js
BackEnd/WebBackEnd/routes/studentALResult.route.js
+78
-0
BackEnd/WebBackEnd/routes/tutor.route.js
BackEnd/WebBackEnd/routes/tutor.route.js
+35
-8
BackEnd/WebBackEnd/server.js
BackEnd/WebBackEnd/server.js
+2
-0
WebFrontEnd/smartcoach-frontend/package-lock.json
WebFrontEnd/smartcoach-frontend/package-lock.json
+14
-0
WebFrontEnd/smartcoach-frontend/package.json
WebFrontEnd/smartcoach-frontend/package.json
+1
-0
WebFrontEnd/smartcoach-frontend/src/App.js
WebFrontEnd/smartcoach-frontend/src/App.js
+9
-3
WebFrontEnd/smartcoach-frontend/src/Components/Home.js
WebFrontEnd/smartcoach-frontend/src/Components/Home.js
+115
-84
WebFrontEnd/smartcoach-frontend/src/Components/HomePage/HomeFooter.js
...smartcoach-frontend/src/Components/HomePage/HomeFooter.js
+59
-0
WebFrontEnd/smartcoach-frontend/src/Components/HomePage/TutorCard.js
.../smartcoach-frontend/src/Components/HomePage/TutorCard.js
+106
-0
WebFrontEnd/smartcoach-frontend/src/Components/SignUp.js
WebFrontEnd/smartcoach-frontend/src/Components/SignUp.js
+142
-21
WebFrontEnd/smartcoach-frontend/src/Components/Student/ALResults.js
...d/smartcoach-frontend/src/Components/Student/ALResults.js
+405
-0
WebFrontEnd/smartcoach-frontend/src/Components/Student/StudentDashboard.js
...coach-frontend/src/Components/Student/StudentDashboard.js
+497
-0
WebFrontEnd/smartcoach-frontend/src/Images/grades.png
WebFrontEnd/smartcoach-frontend/src/Images/grades.png
+0
-0
WebFrontEnd/smartcoach-frontend/src/Images/nveified.png
WebFrontEnd/smartcoach-frontend/src/Images/nveified.png
+0
-0
WebFrontEnd/smartcoach-frontend/src/Images/recomended.png
WebFrontEnd/smartcoach-frontend/src/Images/recomended.png
+0
-0
No files found.
BackEnd/WebBackEnd/models/studentALResult.model.js
0 → 100644
View file @
cc6ec4b4
const
mongoose
=
require
(
'
mongoose
'
);
const
Schema
=
mongoose
.
Schema
;
const
ALResultsSchema
=
new
Schema
({
student_id
:{
type
:
mongoose
.
Schema
.
Types
.
ObjectId
,
ref
:
'
Post
'
},
year
:{
type
:
String
,
required
:
false
},
stream
:
{
type
:
String
,
required
:
true
},
subject01
:{
type
:
String
,
required
:
true
},
subject02
:{
type
:
String
,
required
:
true
},
subject03
:{
type
:
String
,
required
:
true
},
subject01Result
:{
type
:
String
,
required
:
true
},
subject02Result
:{
type
:
String
,
required
:
true
},
subject03Result
:{
type
:
String
,
required
:
true
},
generalEnglish
:{
type
:
String
},
commonGeneralTest
:{
type
:
String
},
image
:{
type
:
String
},
verified
:
{
type
:
Boolean
,
default
:
false
}
});
const
ALevelResults
=
mongoose
.
model
(
'
ALevelResults
'
,
ALResultsSchema
);
module
.
exports
=
ALevelResults
;
\ No newline at end of file
BackEnd/WebBackEnd/models/tutor.user.model.js
View file @
cc6ec4b4
...
@@ -14,13 +14,12 @@ const userSchema = new Schema({
...
@@ -14,13 +14,12 @@ const userSchema = new Schema({
tutor_image
:{
type
:
String
},
tutor_image
:{
type
:
String
},
tutor_Stream
:{
type
:
String
},
tutor_Stream
:{
type
:
String
},
tutor_subjects
:[{
type
:
String
}],
tutor_subjects
:[{
type
:
String
}],
isOnlineClass
:{
type
:
Boolean
},
tutor_class_type
:[{
type
:
String
}],
isHomeVisit
:{
type
:
Boolean
},
isInstitute
:{
type
:
Boolean
},
tutor_main_district
:{
type
:
String
},
tutor_main_district
:{
type
:
String
},
tutor_main_city
:
{
type
:
String
}
,
tutor_main_city
:
[{
type
:
String
}]
,
tutor_medium
:{
type
:
String
},
tutor_medium
:{
type
:
String
},
tutor_instituteIDList
:[{
type
:
String
}],
tutor_qualification
:{
type
:
String
},
tutor_instituteIDList
:[{
type
:
mongoose
.
Schema
.
Types
.
ObjectId
,
ref
:
'
Post
'
}],
},
{
},
{
timestamps
:
true
,
timestamps
:
true
,
});
});
...
...
BackEnd/WebBackEnd/routes/studentALResult.route.js
0 → 100644
View file @
cc6ec4b4
const
router
=
require
(
'
express
'
).
Router
();
let
ALevelResults
=
require
(
'
../models/studentALResult.model
'
);
const
mongoose
=
require
(
"
mongoose
"
);
router
.
route
(
'
/add
'
).
post
(
async
(
req
,
res
)
=>
{
const
results
=
await
ALevelResults
.
findOne
({
student_id
:
req
.
body
.
student_id
})
console
.
log
(
req
.
body
);
const
student_id
=
mongoose
.
Types
.
ObjectId
(
req
.
body
.
student_id
);
const
year
=
req
.
body
.
year
;
const
stream
=
req
.
body
.
stream
;
const
subject01
=
req
.
body
.
subject01
;
const
subject02
=
req
.
body
.
subject02
;
const
subject03
=
req
.
body
.
subject03
;
const
subject01Result
=
req
.
body
.
subject01Result
;
const
subject02Result
=
req
.
body
.
subject02Result
;
const
subject03Result
=
req
.
body
.
subject03Result
;
const
generalEnglish
=
req
.
body
.
generalEnglish
;
const
commonGeneralTest
=
req
.
body
.
commonGeneralTest
;
const
image
=
req
.
body
.
image
;
const
newResult
=
new
ALevelResults
({
student_id
,
year
,
stream
,
subject01
,
subject02
,
subject03
,
subject01Result
,
subject02Result
,
subject03Result
,
generalEnglish
,
commonGeneralTest
,
image
,
});
if
(
!
results
){
newResult
.
save
().
then
(()
=>
{
res
.
json
(
'
Item update!
'
);
})
}
else
{
ALevelResults
.
findById
(
req
.
body
.
student_id
,
function
(
err
,
details
){
if
(
!
details
){
req
.
status
(
404
).
send
(
"
data is not found
"
);
}
else
{
details
.
year
=
year
;
details
.
stream
=
stream
;
details
.
subject01
=
subject01
;
details
.
subject02
=
subject02
;
details
.
subject03
=
subject03
;
details
.
subject01Result
=
subject01Result
;
details
.
subject02Result
=
subject02Result
;
details
.
subject03Result
=
subject03Result
;
details
.
generalEnglish
=
generalEnglish
;
details
.
commonGeneralTest
=
commonGeneralTest
;
details
.
image
=
image
;
details
.
save
().
then
(
()
=>
{
res
.
json
(
'
results updated!
'
);
})
.
catch
(
err
=>
{
res
.
status
(
400
).
send
(
"
Update not possible
"
);
});
}
})
}
});
module
.
exports
=
router
;
\ No newline at end of file
BackEnd/WebBackEnd/routes/tutor.route.js
View file @
cc6ec4b4
...
@@ -5,6 +5,7 @@ let userAccount = require('../models/userAccount.user.model');
...
@@ -5,6 +5,7 @@ let userAccount = require('../models/userAccount.user.model');
const
nodemailer
=
require
(
'
nodemailer
'
);
const
nodemailer
=
require
(
'
nodemailer
'
);
const
cred
=
require
(
'
../email-config/config
'
);
const
cred
=
require
(
'
../email-config/config
'
);
const
mongoose
=
require
(
"
mongoose
"
);
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
...
@@ -33,6 +34,27 @@ router.route('/').get((req,res) =>{
...
@@ -33,6 +34,27 @@ router.route('/').get((req,res) =>{
.
catch
(
err
=>
res
.
status
(
400
).
json
(
'
Eroor:
'
+
err
));
.
catch
(
err
=>
res
.
status
(
400
).
json
(
'
Eroor:
'
+
err
));
});
});
router
.
route
(
'
/getFilteredList
'
).
post
((
req
,
res
)
=>
{
console
.
log
(
req
.
body
);
tutor
.
find
({
"
tutor_Stream
"
:
{
'
$regex
'
:
req
.
body
.
selectedStream
,
'
$options
'
:
'
i
'
},
"
tutor_subjects
"
:
{
'
$regex
'
:
req
.
body
.
selectedSubject
,
'
$options
'
:
'
i
'
},
"
tutor_main_district
"
:
{
'
$regex
'
:
req
.
body
.
selectedDistrict
,
'
$options
'
:
'
i
'
},
"
tutor_main_city
"
:
{
'
$regex
'
:
req
.
body
.
selectedCity
,
'
$options
'
:
'
i
'
},
"
tutor_medium
"
:
{
'
$regex
'
:
req
.
body
.
selectedLanguage
,
'
$options
'
:
'
i
'
},
"
tutor_class_type
"
:
{
'
$regex
'
:
req
.
body
.
selectedClassType
,
'
$options
'
:
'
i
'
},
})
.
then
(
tutors
=>
{
//console.log(tutors);
res
.
json
(
tutors
)
})
.
catch
(
err
=>
res
.
status
(
400
).
json
(
'
Eroor:
'
+
err
));
});
router
.
route
(
'
/add
'
).
post
(
async
(
req
,
res
)
=>
{
router
.
route
(
'
/add
'
).
post
(
async
(
req
,
res
)
=>
{
console
.
log
(
"
Tutor Registration began
"
)
console
.
log
(
"
Tutor Registration began
"
)
...
@@ -47,13 +69,19 @@ router.route('/add').post(async(req,res) =>{
...
@@ -47,13 +69,19 @@ router.route('/add').post(async(req,res) =>{
const
tutor_image
=
req
.
body
.
tutor_image
;
const
tutor_image
=
req
.
body
.
tutor_image
;
const
tutor_Stream
=
req
.
body
.
tutor_Stream
;
const
tutor_Stream
=
req
.
body
.
tutor_Stream
;
const
tutor_subjects
=
req
.
body
.
tutor_subjects
;
const
tutor_subjects
=
req
.
body
.
tutor_subjects
;
const
isOnlineClass
=
req
.
body
.
isOnlineClass
;
const
tutor_class_type
=
req
.
body
.
tutor_class_type
;
const
isHomeVisit
=
req
.
body
.
isHomeVisit
;
const
isInstitute
=
req
.
body
.
isInstitute
;
const
tutor_main_district
=
req
.
body
.
tutor_main_district
;
const
tutor_main_district
=
req
.
body
.
tutor_main_district
;
const
tutor_main_city
=
req
.
body
.
tutor_main_city
;
const
tutor_main_city
=
req
.
body
.
tutor_main_city
;
const
tutor_medium
=
req
.
body
.
tutor_medium
;
const
tutor_medium
=
req
.
body
.
tutor_medium
;
const
tutor_instituteIDList
=
req
.
body
.
tutor_instituteIDList
;
const
tutor_qualification
=
req
.
body
.
tutor_qualification
;
let
instituteObjectIDList
=
[];
req
.
body
.
tutor_instituteIDList
.
map
(
inst
=>
{
instituteObjectIDList
.
push
(
mongoose
.
Types
.
ObjectId
(
inst
));
})
const
tutor_instituteIDList
=
instituteObjectIDList
;
//checking if the user is already exist in the database
//checking if the user is already exist in the database
const
user
=
await
tutor
.
findOne
({
const
user
=
await
tutor
.
findOne
({
...
@@ -73,13 +101,12 @@ router.route('/add').post(async(req,res) =>{
...
@@ -73,13 +101,12 @@ router.route('/add').post(async(req,res) =>{
tutor_image
,
tutor_image
,
tutor_Stream
,
tutor_Stream
,
tutor_subjects
,
tutor_subjects
,
isOnlineClass
,
tutor_class_type
,
isHomeVisit
,
isInstitute
,
tutor_main_district
,
tutor_main_district
,
tutor_main_city
,
tutor_main_city
,
tutor_medium
,
tutor_medium
,
tutor_instituteIDList
tutor_instituteIDList
,
tutor_qualification
});
});
newTutor
.
save
()
newTutor
.
save
()
.
then
(
tutor
=>
{
.
then
(
tutor
=>
{
...
...
BackEnd/WebBackEnd/server.js
View file @
cc6ec4b4
...
@@ -28,6 +28,7 @@ const instituteRouter = require('./routes/institute.route');
...
@@ -28,6 +28,7 @@ const instituteRouter = require('./routes/institute.route');
const
userAccount
=
require
(
'
./routes/userAccount.route
'
);
const
userAccount
=
require
(
'
./routes/userAccount.route
'
);
const
questionManage
=
require
(
'
./routes/question.route
'
);
const
questionManage
=
require
(
'
./routes/question.route
'
);
const
financeRouter
=
require
(
'
./routes/finance.route
'
);
const
financeRouter
=
require
(
'
./routes/finance.route
'
);
const
studentResult
=
require
(
'
./routes/studentALResult.route
'
);
app
.
use
(
'
/studentSingUp
'
,
studentRouter
);
app
.
use
(
'
/studentSingUp
'
,
studentRouter
);
app
.
use
(
'
/tutorSingUp
'
,
tutorRouter
);
app
.
use
(
'
/tutorSingUp
'
,
tutorRouter
);
...
@@ -35,6 +36,7 @@ app.use('/instituteSingUp',instituteRouter);
...
@@ -35,6 +36,7 @@ app.use('/instituteSingUp',instituteRouter);
app
.
use
(
'
/userAccount
'
,
userAccount
);
app
.
use
(
'
/userAccount
'
,
userAccount
);
app
.
use
(
'
/questions
'
,
questionManage
);
app
.
use
(
'
/questions
'
,
questionManage
);
app
.
use
(
'
/admin/finance
'
,
financeRouter
);
app
.
use
(
'
/admin/finance
'
,
financeRouter
);
app
.
use
(
'
/studentResults
'
,
studentResult
);
app
.
listen
(
port
,
()
=>
{
app
.
listen
(
port
,
()
=>
{
console
.
log
(
`Server is running on Port:
${
port
}
`
);
console
.
log
(
`Server is running on Port:
${
port
}
`
);
...
...
WebFrontEnd/smartcoach-frontend/package-lock.json
View file @
cc6ec4b4
...
@@ -6856,6 +6856,12 @@
...
@@ -6856,6 +6856,12 @@
"resolved"
:
"https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz"
,
"resolved"
:
"https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz"
,
"integrity"
:
"sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
"integrity"
:
"sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
},
},
"fuse.js"
:
{
"version"
:
"3.6.1"
,
"resolved"
:
"https://registry.npmjs.org/fuse.js/-/fuse.js-3.6.1.tgz"
,
"integrity"
:
"sha512-hT9yh/tiinkmirKrlv4KWOjztdoZo1mx9Qh4KvWqC7isoXwdUY3PNWUxceF4/qO9R6riA2C29jdTOeQOIROjgw=="
,
"optional"
:
true
},
"gensync"
:
{
"gensync"
:
{
"version"
:
"1.0.0-beta.2"
,
"version"
:
"1.0.0-beta.2"
,
"resolved"
:
"https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
,
"resolved"
:
"https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
,
...
@@ -12599,6 +12605,14 @@
...
@@ -12599,6 +12605,14 @@
"workbox-webpack-plugin"
:
"5.1.4"
"workbox-webpack-plugin"
:
"5.1.4"
}
}
},
},
"react-select-search"
:
{
"version"
:
"3.0.8"
,
"resolved"
:
"https://registry.npmjs.org/react-select-search/-/react-select-search-3.0.8.tgz"
,
"integrity"
:
"sha512-9RfhAr7mv0NUGA2NDs50OHfqPplU3NAhJQlfKqB1pfSPO9uHu4J0Uc0LLRCym7zkp+7Ps+UMKyJoYBtt1fUJNg=="
,
"requires"
:
{
"fuse.js"
:
"^3.4.5"
}
},
"react-star-rating-component"
:
{
"react-star-rating-component"
:
{
"version"
:
"1.4.1"
,
"version"
:
"1.4.1"
,
"resolved"
:
"https://registry.npmjs.org/react-star-rating-component/-/react-star-rating-component-1.4.1.tgz"
,
"resolved"
:
"https://registry.npmjs.org/react-star-rating-component/-/react-star-rating-component-1.4.1.tgz"
,
...
...
WebFrontEnd/smartcoach-frontend/package.json
View file @
cc6ec4b4
...
@@ -12,6 +12,7 @@
...
@@ -12,6 +12,7 @@
"react-dropdown"
:
"^1.9.2"
,
"react-dropdown"
:
"^1.9.2"
,
"react-router-dom"
:
"^5.2.0"
,
"react-router-dom"
:
"^5.2.0"
,
"react-scripts"
:
"4.0.3"
,
"react-scripts"
:
"4.0.3"
,
"react-select-search"
:
"^3.0.8"
,
"react-star-rating-component"
:
"^1.4.1"
,
"react-star-rating-component"
:
"^1.4.1"
,
"sweetalert"
:
"^2.1.2"
,
"sweetalert"
:
"^2.1.2"
,
"web-vitals"
:
"^1.1.1"
"web-vitals"
:
"^1.1.1"
...
...
WebFrontEnd/smartcoach-frontend/src/App.js
View file @
cc6ec4b4
...
@@ -11,9 +11,10 @@ import SignUp from "./Components/SignUp";
...
@@ -11,9 +11,10 @@ import SignUp from "./Components/SignUp";
import
beforeConfirmation
from
"
./Components/beforeConfirmation
"
;
import
beforeConfirmation
from
"
./Components/beforeConfirmation
"
;
import
VerifiedAccount
from
"
./Components/AccountVerified
"
;
import
VerifiedAccount
from
"
./Components/AccountVerified
"
;
import
Dashboard
from
"
./Components/Admin/Dashboard
"
;
import
Dashboard
from
"
./Components/Admin/Dashboard
"
;
import
StudentDashboard
from
"
./Components/Student/StudentDashboard
"
;
import
QuestionDetails
from
"
./Components/IT18050240/question_details
"
import
QuestionDetails
from
"
./Components/IT18050240/question_details
"
import
QuestionLayout
from
"
./Components/IT18050240/question_layout
"
import
QuestionLayout
from
"
./Components/IT18050240/question_layout
"
import
AdminQuestionManagement
from
"
./Components/IT18050240/admin_question_management.js
"
//
import AdminQuestionManagement from "./Components/IT18050240/admin_question_management.js"
import
QuestionBank
from
"
./Components/IT18050240/question_bank
"
import
QuestionBank
from
"
./Components/IT18050240/question_bank
"
function
App
()
{
function
App
()
{
...
@@ -26,16 +27,21 @@ function App() {
...
@@ -26,16 +27,21 @@ function App() {
<
Route
path
=
"
/SignUp
"
exact
component
=
{
SignUp
}
/
>
<
Route
path
=
"
/SignUp
"
exact
component
=
{
SignUp
}
/
>
<
Route
path
=
"
/beforeConfirm
"
exact
component
=
{
beforeConfirmation
}
/
>
<
Route
path
=
"
/beforeConfirm
"
exact
component
=
{
beforeConfirmation
}
/
>
<
Route
path
=
"
/AccountVerified/:id
"
exact
component
=
{
VerifiedAccount
}
/
>
<
Route
path
=
"
/AccountVerified/:id
"
exact
component
=
{
VerifiedAccount
}
/
>
{
/*<Route path="/studentDashboard" exact component={StudentDashboard}/>*/
}
{
/*<Route path="/" exact component={Dashboard}/>*/
}
{
/*<Route path="/" exact component={Dashboard}/>*/
}
<
Switch
>
<
Switch
>
<
Route
path
=
"
/admin
"
><
Dashboard
/><
/Route
>
<
Route
path
=
"
/admin
"
><
Dashboard
/><
/Route
>
<
Route
path
=
"
/studentDashboard
"
><
StudentDashboard
/><
/Route
>
<
Route
path
=
"
/questiondetails
"
exact
component
=
{
QuestionDetails
}
/
>
<
Route
path
=
"
/questiondetails
"
exact
component
=
{
QuestionDetails
}
/
>
<
Route
path
=
"
/question
"
exact
component
=
{
QuestionLayout
}
/
>
<
Route
path
=
"
/question
"
exact
component
=
{
QuestionLayout
}
/
>
<
Route
path
=
"
/questionmanagement
"
exact
component
=
{
AdminQuestionManagement
}
/
>
{
/*<Route path="/questionmanagement" exact component={AdminQuestionManagement}/>*/
}
<
Route
path
=
"
/questionbank
"
exact
component
=
{
QuestionBank
}
/
>
<
Route
path
=
"
/questionbank
"
exact
component
=
{
QuestionBank
}
/
>
<
Route
path
=
"
/edititem/:id
"
exact
component
=
{
AdminQuestionManagement
}
/
>
{
/*<Route path="/edititem/:id" exact component={AdminQuestionManagement}/>*/
}
<
/Switch
>
<
/Switch
>
<
/div
>
<
/div
>
<
/Router
>
<
/Router
>
);
);
...
...
WebFrontEnd/smartcoach-frontend/src/Components/Home.js
View file @
cc6ec4b4
...
@@ -3,13 +3,18 @@ import Dropdown from 'react-dropdown';
...
@@ -3,13 +3,18 @@ import Dropdown from 'react-dropdown';
import
StarRatingComponent
from
'
react-star-rating-component
'
;
import
StarRatingComponent
from
'
react-star-rating-component
'
;
import
'
react-dropdown/style.css
'
;
import
'
react-dropdown/style.css
'
;
import
MianImage
from
"
../Images/mainimage2.jpg
"
;
import
MianImage
from
"
../Images/mainimage2.jpg
"
;
import
RecommendIcon
from
"
../Images/recomended.png
"
;
import
ItemNav
from
"
./Navbar
"
;
import
{
Route
}
from
"
react-router-dom
"
;
import
HomeFooter
from
"
./HomePage/HomeFooter
"
;
import
TestTeacher
from
"
../Images/teacher.jpg
"
;
import
TestTeacher
from
"
../Images/teacher.jpg
"
;
import
Location
from
"
../Images/location.png
"
;
import
Location
from
"
../Images/location.png
"
;
import
Star
from
"
../Images/star.png
"
;
import
Star
from
"
../Images/star.png
"
;
import
ReviewImg
from
"
../Images/note.png
"
;
import
ReviewImg
from
"
../Images/note.png
"
;
import
Calender
from
"
../Images/calender.png
"
;
import
Calender
from
"
../Images/calender.png
"
;
import
StarBackGround
from
"
../Images/starboarder.png
"
;
import
axios
from
"
axios
"
;
import
ItemNav
from
"
./Navbar
"
;
import
*
as
configs
from
"
../Config/config
"
;
import
TutorCard
from
"
./HomePage/TutorCard
"
;
export
default
class
Home
extends
Component
{
export
default
class
Home
extends
Component
{
constructor
(
props
)
{
constructor
(
props
)
{
...
@@ -23,26 +28,83 @@ export default class Home extends Component{
...
@@ -23,26 +28,83 @@ export default class Home extends Component{
'
Katana
'
,
'
Kelaniya
'
,
'
Mahara
'
,
'
Minuwandoga
'
,
'
Mirigama
'
,
'
Negombo
'
,
'
Wattala
'
],
'
Katana
'
,
'
Kelaniya
'
,
'
Mahara
'
,
'
Minuwandoga
'
,
'
Mirigama
'
,
'
Negombo
'
,
'
Wattala
'
],
isSelectedDistrict
:
false
,
isSelectedDistrict
:
false
,
citiesList
:
[],
citiesList
:
[],
classTypes
:
[
'
Individual class
'
,
'
Group class
'
,
'
Hall class
'
,
'
Online class
'
],
classTypes
:
[
'
Home Visit
'
,
'
Institute
'
,
'
Online class
'
],
mediums
:
[
'
Sinhala Medium
'
,
'
English Medium
'
,
'
Tamil Medium
'
],
mediums
:
[
'
Sinhala Medium
'
,
'
English Medium
'
,
'
Tamil Medium
'
],
streams
:
[
'
Commerce stream
'
,
'
Physical Science Stream
'
,
'
Biological Science Stream
'
,
'
Technology Stream
'
,
'
Art Stream
'
],
streams
:
[
'
Commerce stream
'
,
'
Physical Science Stream
'
,
'
Biological Science Stream
'
,
'
Technology Stream
'
,
'
Art Stream
'
],
subjects
:
[
'
Economics
'
,
'
Geography
'
,
'
Business statistics
'
,
'
Business Studies
'
,
subjects
:
[
'
Economics
'
,
'
Geography
'
,
'
Business statistics
'
,
'
Business Studies
'
,
'
Accounting
'
,
'
Logic & Scientific Method
'
,
'
History of India
'
,
'
History of Europe
'
,
'
History of Modern World
'
,
'
Accounting
'
,
'
Logic & Scientific Method
'
,
'
History of India
'
,
'
History of Europe
'
,
'
History of Modern World
'
,
'
English
'
,
'
French
'
,
'
German
'
,
'
Agricultural Science
'
,
'
Mathematics
'
,
'
Political Science
'
,
'
Combined Mathematics
'
,
'
Information & Communication Technology
'
],
'
English
'
,
'
French
'
,
'
German
'
,
'
Agricultural Science
'
,
'
Mathematics
'
,
'
Political Science
'
,
'
Combined Mathematics
'
,
'
Information & Communication Technology
'
],
district
:
''
,
district
:
''
,
isRecommend
:
true
,
selectedStream
:
''
,
selectedSubject
:
''
,
selectedDistrict
:
''
,
selectedCity
:
''
,
selectedClassType
:
''
,
selectedLanguage
:
''
,
TutorFilteredList
:
[],
};
};
this
.
FindCities
=
this
.
FindCities
.
bind
(
this
);
this
.
FindCities
=
this
.
FindCities
.
bind
(
this
);
this
.
FindTutor
=
this
.
FindTutor
.
bind
(
this
);
this
.
FindTutor
=
this
.
FindTutor
.
bind
(
this
);
this
.
ResetFilters
=
this
.
ResetFilters
.
bind
(
this
);
this
.
OnChangeStream
=
this
.
OnChangeStream
.
bind
(
this
);
this
.
OnChangeSubject
=
this
.
OnChangeSubject
.
bind
(
this
);
this
.
OnChangeDistrict
=
this
.
OnChangeDistrict
.
bind
(
this
);
this
.
OnChangeCity
=
this
.
OnChangeCity
.
bind
(
this
);
this
.
OnChangeClassType
=
this
.
OnChangeClassType
.
bind
(
this
);
this
.
OnChangeLanguage
=
this
.
OnChangeLanguage
.
bind
(
this
);
}
componentDidMount
()
{
axios
.
get
(
configs
.
BASE_URL
+
'
/instituteSingUp/
'
)
.
then
(
response
=>
{
if
(
response
.
data
.
length
>
0
){
console
.
log
(
response
.
data
);
this
.
setState
({
instituteList
:
response
.
data
})
}
})
}
}
OnChangeStream
(
e
)
{
this
.
setState
({
selectedStream
:
e
});
}
OnChangeSubject
(
e
)
{
this
.
setState
({
selectedSubject
:
e
});
}
OnChangeDistrict
(
e
)
{
this
.
setState
({
selectedDistrict
:
e
});
}
OnChangeCity
(
e
)
{
this
.
setState
({
selectedCity
:
e
});
}
OnChangeClassType
(
e
)
{
this
.
setState
({
selectedClassType
:
e
});
}
OnChangeLanguage
(
e
)
{
this
.
setState
({
selectedLanguage
:
e
});
}
FindCities
(
value
){
FindCities
(
value
){
this
.
setState
({
this
.
setState
({
isSelectedDistrict
:
true
,
isSelectedDistrict
:
true
,
d
istrict
:
value
selectedD
istrict
:
value
},
()
=>
{
},
()
=>
{
let
dist
=
this
.
state
[
value
]
let
dist
=
this
.
state
[
value
]
...
@@ -54,12 +116,44 @@ export default class Home extends Component{
...
@@ -54,12 +116,44 @@ export default class Home extends Component{
});
});
}
}
ResetFilters
(){
window
.
location
.
reload
();
}
FindTutor
(){
FindTutor
(){
console
.
log
(
this
.
state
.
districts
)
console
.
log
(
this
.
state
.
districts
.
map
)
const
Filters
=
{
console
.
log
(
this
.
state
.
classTypes
)
selectedStream
:
this
.
state
.
selectedStream
,
selectedSubject
:
this
.
state
.
selectedSubject
,
selectedDistrict
:
this
.
state
.
selectedDistrict
,
selectedCity
:
this
.
state
.
selectedCity
,
selectedClassType
:
this
.
state
.
selectedClassType
,
selectedLanguage
:
this
.
state
.
selectedLanguage
,
}
if
(
this
.
state
.
selectedStream
!=
""
&&
this
.
state
.
selectedSubject
!=
""
){
axios
.
post
(
configs
.
BASE_URL
+
'
/tutorSingUp/getFilteredList
'
,
Filters
)
.
then
(
res
=>
{
this
.
setState
({
TutorFilteredList
:
res
.
data
})
// console.log(this.state.TutorFilteredList);
})
}
else
{
alert
(
"
Please at least select Stream and Subject
"
);
}
}
}
render
()
{
render
()
{
return
(
return
(
<
div
className
=
"
App
"
style
=
{{
padding
:
'
10px
'
,
paddingTop
:
'
0px
'
}}
>
<
div
className
=
"
App
"
style
=
{{
padding
:
'
10px
'
,
paddingTop
:
'
0px
'
}}
>
...
@@ -89,13 +183,13 @@ export default class Home extends Component{
...
@@ -89,13 +183,13 @@ export default class Home extends Component{
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-6
"
>
<
div
className
=
"
col-6
"
>
<
select
className
=
"
form-control
"
>
<
select
className
=
"
form-control
"
onChange
=
{
e
=>
this
.
OnChangeStream
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
All
Streams
<
/option
>
<
option
value
=
""
disabled
selected
>
All
Streams
<
/option
>
{
this
.
state
.
streams
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
{
this
.
state
.
streams
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/select
>
<
/div
>
<
/div
>
<
div
className
=
"
col-6
"
>
<
div
className
=
"
col-6
"
>
<
select
className
=
"
form-control
"
>
<
select
className
=
"
form-control
"
onChange
=
{
e
=>
this
.
OnChangeSubject
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
All
Subjects
<
/option
>
<
option
value
=
""
disabled
selected
>
All
Subjects
<
/option
>
{
this
.
state
.
subjects
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
{
this
.
state
.
subjects
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/select
>
...
@@ -121,7 +215,7 @@ export default class Home extends Component{
...
@@ -121,7 +215,7 @@ export default class Home extends Component{
<
/select
>
<
/select
>
<
/div
>
<
/div
>
<
div
className
=
"
col-6
"
>
<
div
className
=
"
col-6
"
>
<
select
className
=
"
form-control
"
<
select
className
=
"
form-control
"
onChange
=
{
e
=>
this
.
OnChangeCity
(
e
.
target
.
value
)}
disabled
=
{
!
this
.
state
.
isSelectedDistrict
}
>
disabled
=
{
!
this
.
state
.
isSelectedDistrict
}
>
<
option
value
=
""
disabled
selected
>
All
Cities
<
/option
>
<
option
value
=
""
disabled
selected
>
All
Cities
<
/option
>
{
this
.
state
.
citiesList
&&
this
.
state
.
citiesList
.
map
((
dis
)
=>
<
option
{
this
.
state
.
citiesList
&&
this
.
state
.
citiesList
.
map
((
dis
)
=>
<
option
...
@@ -139,13 +233,13 @@ export default class Home extends Component{
...
@@ -139,13 +233,13 @@ export default class Home extends Component{
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-6
"
>
<
div
className
=
"
col-6
"
>
<
select
className
=
"
form-control
"
>
<
select
className
=
"
form-control
"
onChange
=
{
e
=>
this
.
OnChangeClassType
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
All
Class
Types
<
/option
>
<
option
value
=
""
disabled
selected
>
All
Class
Types
<
/option
>
{
this
.
state
.
classTypes
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
{
this
.
state
.
classTypes
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/select
>
<
/div
>
<
/div
>
<
div
className
=
"
col-6
"
>
<
div
className
=
"
col-6
"
>
<
select
className
=
"
form-control
"
>
<
select
className
=
"
form-control
"
onChange
=
{
e
=>
this
.
OnChangeLanguage
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
All
Languages
<
/option
>
<
option
value
=
""
disabled
selected
>
All
Languages
<
/option
>
{
this
.
state
.
mediums
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
{
this
.
state
.
mediums
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/select
>
...
@@ -158,10 +252,11 @@ export default class Home extends Component{
...
@@ -158,10 +252,11 @@ export default class Home extends Component{
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
button
className
=
"
form-control
"
style
=
{{
background
:
"
#8D4433
"
,
color
:
"
white
"
,
margin
:
'
10px
'
}}
<
button
className
=
"
form-control
"
style
=
{{
background
:
"
#8D4433
"
,
color
:
"
white
"
,
margin
:
'
10px
'
}}
onClick
=
{
this
.
FindTutor
}
><
b
>
Reset
<
/b></
button
>
onClick
=
{
this
.
ResetFilters
}
><
b
>
Reset
<
/b></
button
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
button
className
=
"
form-control
"
style
=
{{
background
:
"
#086232
"
,
color
:
"
white
"
,
margin
:
'
10px
'
}}
><
b
>
Find
Tutor
<
/b></
button
>
<
button
className
=
"
form-control
"
style
=
{{
background
:
"
#086232
"
,
color
:
"
white
"
,
margin
:
'
10px
'
}}
onClick
=
{
this
.
FindTutor
}
><
b
>
Find
Tutor
<
/b></
button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
@@ -169,77 +264,13 @@ export default class Home extends Component{
...
@@ -169,77 +264,13 @@ export default class Home extends Component{
<
div
className
=
"
row
"
style
=
{{
background
:
'
#F5F4ED
'
,
marginLeft
:
'
50px
'
,
marginRight
:
'
50px
'
,
marginTop
:
'
10px
'
}}
>
<
div
className
=
"
row
"
style
=
{{
background
:
'
#F5F4ED
'
,
marginLeft
:
'
50px
'
,
marginRight
:
'
50px
'
,
marginTop
:
'
10px
'
}}
>
<
h5
style
=
{{
margin
:
'
10px
'
}}
>
0
Results
<
/h5
>
<
h5
style
=
{{
margin
:
'
10px
'
}}
>
0
Results
<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
background
:
'
#F5F4ED
'
,
marginLeft
:
'
50px
'
,
marginRight
:
'
50px
'
,
marginTop
:
'
5px
'
}}
>
<
div
className
=
""
>
<
div
className
=
"
col-8
"
>
{
this
.
state
.
TutorFilteredList
.
length
>
0
?
this
.
state
.
TutorFilteredList
.
map
(
(
card
)
=>
{
return
(
<
TutorCard
data
=
{
card
}
/>
)
}
)
: <div>Empty</
div
>
}
<
div
className
=
"
row
"
>
<
div
className
=
"
col-7
"
style
=
{{
margin
:
'
5px
'
,
border
:
'
solid
'
,
padding
:
'
10px
'
,
borderColor
:
'
#216E9B
'
}}
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-4
"
>
<
img
src
=
{
TestTeacher
}
style
=
{{
width
:
'
90px
'
,
height
:
'
80px
'
}}
/
>
<
div
className
=
"
row
"
style
=
{{
width
:
'
80%
'
,
background
:
'
#216E9B
'
,
marginLeft
:
'
10px
'
,
marginTop
:
'
5px
'
,
justifyContent
:
'
center
'
}}
>
<
h5
style
=
{{
color
:
'
white
'
,
float
:
'
center
'
,
marginBottom
:
'
10px
'
,
marginTop
:
'
5px
'
}}
>
98.5
%<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
col-6
"
style
=
{{
margin
:
'
0px
'
}}
>
<
div
className
=
"
row
"
>
<
h6
style
=
{{
color
:
'
#2D5F5D
'
,
float
:
'
left
'
}}
>
Accounting
<
/h6
>
<
/div
>
<
div
className
=
"
row
"
>
<
h5
style
=
{{
color
:
'
#2D5F5D
'
}}
>
Ms
.
Surani
Perera
<
/h5
>
<
/div
>
<
div
className
=
"
row
"
>
<
label
style
=
{{
color
:
'
#2D5F5D
'
}}
>
Bsc
.
Management
(
Special
)
J
'
Pura</label>
</div>
<div className="row">
<div className="col-1">
<img src={Location} style={{width:
'
20
px
'
, height:
'
20
px
'
, marginLeft:
'
-
10
px
'
}}/>
</div>
<div className="col-10">
<label style={{color:
'
#
2
D5F5D
'
,paddingLeft:
'
0
px
'
, marginLeft:
'
-
5
px
'
,float:
'
left
'
}}>Kadawatha, Kgoda</label>
</div>
</div>
</div>
<div className="col-1">
</div>
</div>
</div>
<div className="col-4" style={{margin:
'
5
px
'
, border:
'
solid
'
, padding:
'
10
px
'
, borderColor:
'
#
216
E9B
'
}}>
<div className="row">
<div className="col-1">
<img src={Star} style={{width:
'
20
px
'
, height:
'
20
px
'
}}/>
</div>
<div className="col" >
<h5 style={{float:"left"}}>5</h5>
</div>
</div>
<div className="row">
<div className="col-1">
<img src={ReviewImg} style={{width:
'
20
px
'
, height:
'
20
px
'
}}/>
</div>
<div className="col">
<h5 style={{float:"left"}}>23 reviews</h5>
</div>
</div>
<div className="row">
<div className="col-1">
<img src={Calender} style={{width:
'
20
px
'
, height:
'
20
px
'
}}/>
</div>
<div className="col">
<h5 style={{float:"left"}}>6y experience</h5>
</div>
</div>
<div className="row">
<button className="form-control" style={{background:"#216E9B", color:"white", marginLeft:
'
15
px
'
, marginRight:
'
15
px
'
}}><b>View Profile</b></button>
</div>
</div>
</div>
<
/div
>
</div>
<
div
className
=
"
app-main__outer
"
>
<div className="col-3">
<
/div
>
<
HomeFooter
/
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
WebFrontEnd/smartcoach-frontend/src/Components/HomePage/HomeFooter.js
0 → 100644
View file @
cc6ec4b4
import
React
,
{
Component
}
from
"
react
"
;
import
TestTeacher
from
"
../../Images/teacher.jpg
"
;
import
Location
from
"
../../Images/location.png
"
;
import
Star
from
"
../../Images/star.png
"
;
import
ReviewImg
from
"
../../Images/note.png
"
;
import
Calender
from
"
../../Images/calender.png
"
;
export
default
class
HomeFooter
extends
Component
{
constructor
(
props
)
{
super
(
props
);
this
.
state
=
{
};
//this.FindTutor = this.FindTutor.bind(this);
}
render
()
{
return
(
<
div
>
{
/* Footer */
}
<
div
className
=
"
app-wrapper-footer
"
>
<
div
className
=
"
app-footer
"
>
<
div
className
=
"
app-footer__inner
"
>
<
div
className
=
"
app-footer-left
"
>
<
ul
className
=
"
nav
"
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
>
Copyright
&
copy
;
2021
<
/a
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
style
=
{{
color
:
"
red
"
,
marginLeft
:
"
-25px
"
}}
>
SMART
COACH
<
/a
>
<
/li
>
<
/ul
>
<
/div
>
<
div
className
=
"
app-footer-right
"
>
<
ul
className
=
"
nav
"
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
>
Engineered
By
<
/a
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
style
=
{{
color
:
"
red
"
,
marginLeft
:
"
-25px
"
}}
>
2021
-
049
<
/a
>
<
/li
>
<
/ul
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
}
}
\ No newline at end of file
WebFrontEnd/smartcoach-frontend/src/Components/HomePage/TutorCard.js
0 → 100644
View file @
cc6ec4b4
import
React
,
{
Component
}
from
"
react
"
;
import
TestTeacher
from
"
../../Images/teacher.jpg
"
;
import
Location
from
"
../../Images/location.png
"
;
import
Star
from
"
../../Images/star.png
"
;
import
ReviewImg
from
"
../../Images/note.png
"
;
import
Calender
from
"
../../Images/calender.png
"
;
import
RecommendIcon
from
"
../../Images/recomended.png
"
;
export
default
class
TutorCard
extends
Component
{
render
()
{
return
(
<
div
className
=
"
main-card mb-3 card
"
>
<
div
className
=
"
row
"
style
=
{{
background
:
'
#F5F4ED
'
,
marginLeft
:
'
50px
'
,
marginRight
:
'
50px
'
,
marginTop
:
'
10px
'
,
marginBottom
:
'
10px
'
}}
>
<
div
className
=
"
col-9
"
>
<
div
className
=
"
row
"
style
=
{{
background
:
'
#F8F8F8
'
}}
>
<
div
className
=
"
col-8
"
style
=
{{
margin
:
'
5px
'
,
border
:
'
solid
'
,
padding
:
'
10px
'
,
borderColor
:
'
#216E9B
'
}}
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-4
"
>
<
img
src
=
{
TestTeacher
}
style
=
{{
width
:
'
90px
'
,
height
:
'
80px
'
}}
/
>
<
div
className
=
"
row
"
style
=
{{
width
:
'
80%
'
,
background
:
'
#216E9B
'
,
marginLeft
:
'
10px
'
,
marginTop
:
'
5px
'
,
justifyContent
:
'
center
'
}}
>
<
h5
style
=
{{
color
:
'
white
'
,
float
:
'
center
'
,
marginBottom
:
'
10px
'
,
marginTop
:
'
5px
'
}}
>
98.5
%<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
col-6
"
style
=
{{
margin
:
'
0px
'
}}
>
<
div
className
=
"
row
"
>
<
h6
style
=
{{
color
:
'
#2D5F5D
'
,
float
:
'
left
'
}}
>
{
this
.
props
.
data
.
tutor_subjects
.
map
((
subject
)
=>
{
return
(
<
span
style
=
{{
display
:
'
inLineBlock
'
}}
>||
{
subject
}
<
/span>
)
}
)
}
<
/h6
>
<
/div
>
<
div
className
=
"
row
"
>
<
h5
style
=
{{
color
:
'
#2D5F5D
'
}}
>
{
this
.
props
.
data
.
tutor_name
}
<
/h5
>
<
/div
>
<
div
className
=
"
row
"
>
<
label
style
=
{{
color
:
'
#2D5F5D
'
,
display
:
'
inline-block
'
,
overflow
:
'
hidden
'
,
whiteSpace
:
'
nowrap
'
,
textOverflow
:
'
ellipsis
'
}}
>
{
this
.
props
.
data
.
tutor_qualification
}
<
/label
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-1
"
>
<
img
src
=
{
Location
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
,
marginLeft
:
'
-10px
'
}}
/
>
<
/div
>
<
div
className
=
"
col
"
style
=
{{
display
:
'
inline-block
'
,
overflow
:
'
hidden
'
,
whiteSpace
:
'
nowrap
'
,
textOverflow
:
'
ellipsis
'
}}
>
<
label
style
=
{{
color
:
'
#2D5F5D
'
,
paddingLeft
:
'
0px
'
,
marginLeft
:
'
-5px
'
,
float
:
'
left
'
,
display
:
'
inline-block
'
,
overflow
:
'
hidden
'
,
whiteSpace
:
'
nowrap
'
,
textOverflow
:
'
ellipsis
'
}}
>
{
this
.
props
.
data
.
tutor_main_city
.
map
((
city
)
=>
{
return
(
<
span
>
{
city
}
|
<
/span>
)
}
)
}
<
/label
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
col
"
style
=
{{
margin
:
'
5px
'
,
border
:
'
solid
'
,
padding
:
'
10px
'
,
borderColor
:
'
#216E9B
'
}}
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-1
"
>
<
img
src
=
{
Star
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
}}
/
>
<
/div
>
<
div
className
=
"
col
"
>
<
h5
style
=
{{
float
:
"
left
"
}}
>
5
<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-1
"
>
<
img
src
=
{
ReviewImg
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
}}
/
>
<
/div
>
<
div
className
=
"
col
"
>
<
h5
style
=
{{
float
:
"
left
"
}}
>
23
reviews
<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-1
"
>
<
img
src
=
{
Calender
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
}}
/
>
<
/div
>
<
div
className
=
"
col
"
>
<
h5
style
=
{{
float
:
"
left
"
}}
>
6
y
experience
<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
button
className
=
"
form-control
"
style
=
{{
background
:
"
#216E9B
"
,
color
:
"
white
"
,
marginLeft
:
'
15px
'
,
marginRight
:
'
15px
'
}}
><
b
>
View
Profile
<
/b></
button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
col
"
style
=
{{
background
:
'
#F8F8F8
'
}}
>
<
div
>
<
br
/>
<
/div
>
<
img
src
=
{
RecommendIcon
}
style
=
{{
width
:
'
100px
'
,
height
:
'
90px
'
,
float
:
'
left
'
,
margin
:
'
10px
'
}}
/
>
<
/div
>
<
/div
>
{
/*{console.log("In Tutor Card")}*/
}
{
/*{console.log(this.props)}*/
}
<
/div
>
)
}
}
\ No newline at end of file
WebFrontEnd/smartcoach-frontend/src/Components/SignUp.js
View file @
cc6ec4b4
...
@@ -18,8 +18,10 @@ export default class SignUp extends Component {
...
@@ -18,8 +18,10 @@ export default class SignUp extends Component {
'
English
'
,
'
French
'
,
'
German
'
,
'
Agricultural Science
'
,
'
Mathematics
'
,
'
Political Science
'
,
'
Combined Mathematics
'
,
'
Information & Communication Technology
'
],
'
English
'
,
'
French
'
,
'
German
'
,
'
Agricultural Science
'
,
'
Mathematics
'
,
'
Political Science
'
,
'
Combined Mathematics
'
,
'
Information & Communication Technology
'
],
district
:
''
,
district
:
''
,
userSelectedSubject
:
[],
userSelectedSubject
:
[],
tutorSelectedCity
:[],
newSubject
:
''
,
newSubject
:
''
,
tempSubjectList
:
[],
tempSubjectList
:
[],
tempCityList
:
[],
instituteList
:
[
'
Sakya Nugegoda
'
,
'
Montana Kiribathgoda
'
,
'
Wasiti Kiribathgoda
'
],
instituteList
:
[
'
Sakya Nugegoda
'
,
'
Montana Kiribathgoda
'
,
'
Wasiti Kiribathgoda
'
],
newInstitute
:
''
,
newInstitute
:
''
,
userSelectedInstitutes
:
[],
userSelectedInstitutes
:
[],
...
@@ -63,7 +65,7 @@ export default class SignUp extends Component {
...
@@ -63,7 +65,7 @@ export default class SignUp extends Component {
InstituteStreet
:
''
,
InstituteStreet
:
''
,
InstituteApartment
:
''
,
InstituteApartment
:
''
,
InstituteRegistrationNo
:
''
,
InstituteRegistrationNo
:
''
,
tutorQualification
:
''
,
}
}
...
@@ -105,6 +107,9 @@ export default class SignUp extends Component {
...
@@ -105,6 +107,9 @@ export default class SignUp extends Component {
this
.
OnChangeInstituteStreet
=
this
.
OnChangeInstituteStreet
.
bind
(
this
);
this
.
OnChangeInstituteStreet
=
this
.
OnChangeInstituteStreet
.
bind
(
this
);
this
.
OnChangeInstituteCity
=
this
.
OnChangeInstituteCity
.
bind
(
this
);
this
.
OnChangeInstituteCity
=
this
.
OnChangeInstituteCity
.
bind
(
this
);
this
.
OnChangeInstituteRegistrationNo
=
this
.
OnChangeInstituteRegistrationNo
.
bind
(
this
);
this
.
OnChangeInstituteRegistrationNo
=
this
.
OnChangeInstituteRegistrationNo
.
bind
(
this
);
this
.
OnChangeQualification
=
this
.
OnChangeQualification
.
bind
(
this
);
this
.
onClickAddCityButton
=
this
.
onClickAddCityButton
.
bind
(
this
);
this
.
onClickCityRemoveButton
=
this
.
onClickCityRemoveButton
.
bind
(
this
);
}
}
componentDidMount
()
{
componentDidMount
()
{
...
@@ -203,6 +208,51 @@ export default class SignUp extends Component {
...
@@ -203,6 +208,51 @@ export default class SignUp extends Component {
})
})
}
}
OnChangeCity
(
e
){
this
.
setState
({
city
:
e
});
}
onClickAddCityButton
(){
let
oldCity
=
[]
let
temCitytList02
=
[]
if
(
this
.
state
.
city
!==
''
)
{
console
.
log
(
"
City :
"
+
this
.
state
.
city
);
oldCity
=
this
.
state
.
tutorSelectedCity
.
slice
();
oldCity
.
push
(
this
.
state
.
city
);
this
.
setState
({
tutorSelectedCity
:
oldCity
},
()
=>
{
for
(
let
i
=
0
;
i
<
this
.
state
.
tutorSelectedCity
.
length
;
i
++
)
{
temCitytList02
.
push
(
this
.
state
.
tutorSelectedCity
[
i
]
+
'
|
'
);
}
this
.
setState
({
tempCityList
:
temCitytList02
})
})
console
.
log
(
"
City List :
"
+
oldCity
);
}
}
onClickCityRemoveButton
()
{
let
oldCity
=
[];
let
oldCity02
=
[];
oldCity
=
this
.
state
.
tutorSelectedCity
.
slice
();
oldCity02
=
this
.
state
.
tempCityList
.
slice
();
let
popped
=
oldCity
.
pop
();
let
popped2
=
oldCity02
.
pop
();
this
.
setState
({
tutorSelectedCity
:
oldCity
,
tempCityList
:
oldCity02
})
}
onChangeInstituteDropDown
(
value
)
{
onChangeInstituteDropDown
(
value
)
{
// console.log(value);
// console.log(value);
...
@@ -431,12 +481,7 @@ export default class SignUp extends Component {
...
@@ -431,12 +481,7 @@ export default class SignUp extends Component {
});
});
}
}
OnChangeCity
(
e
){
this
.
setState
({
city
:
e
});
}
onChangeStream
(
e
){
onChangeStream
(
e
){
this
.
setState
({
this
.
setState
({
...
@@ -472,6 +517,12 @@ export default class SignUp extends Component {
...
@@ -472,6 +517,12 @@ export default class SignUp extends Component {
}
}
OnChangeQualification
(
e
){
this
.
setState
({
tutorQualification
:
e
.
target
.
value
});
}
OnChangeInstituteRegistrationNo
(
e
){
OnChangeInstituteRegistrationNo
(
e
){
this
.
setState
({
this
.
setState
({
InstituteRegistrationNo
:
e
.
target
.
value
InstituteRegistrationNo
:
e
.
target
.
value
...
@@ -499,7 +550,7 @@ export default class SignUp extends Component {
...
@@ -499,7 +550,7 @@ export default class SignUp extends Component {
InstituteApartment
:
''
,
InstituteApartment
:
''
,
InstituteStreet
:
''
,
InstituteStreet
:
''
,
InstituteCity
:
''
,
InstituteCity
:
''
,
tutorQualification
:
''
,
})
})
...
@@ -579,7 +630,17 @@ export default class SignUp extends Component {
...
@@ -579,7 +630,17 @@ export default class SignUp extends Component {
)
)
}
}
console
.
log
(
'
ID Lists :
'
+
instituteIDs
)
let
ClassType
=
[];
if
(
this
.
state
.
isCheckedInstituteOnlineClass
){
ClassType
.
push
(
"
Online class
"
);
}
if
(
this
.
state
.
isCheckedInstituteHomeVisit
){
ClassType
.
push
(
"
Home Visit
"
);
}
if
(
this
.
state
.
isCheckedInstitute
){
ClassType
.
push
(
"
Institute
"
);
}
const
Tutor
=
{
const
Tutor
=
{
tutor_name
:
this
.
state
.
name
,
tutor_name
:
this
.
state
.
name
,
tutor_nic
:
this
.
state
.
nic
,
tutor_nic
:
this
.
state
.
nic
,
...
@@ -591,14 +652,13 @@ export default class SignUp extends Component {
...
@@ -591,14 +652,13 @@ export default class SignUp extends Component {
tutor_status
:
this
.
state
.
marriageStatus
,
tutor_status
:
this
.
state
.
marriageStatus
,
tutor_image
:
''
,
tutor_image
:
''
,
tutor_Stream
:
this
.
state
.
tutorStream
,
tutor_Stream
:
this
.
state
.
tutorStream
,
tutor_subjects
:
this
.
state
.
tempSubjectList
,
tutor_subjects
:
this
.
state
.
userSelectedSubject
,
isOnlineClass
:
this
.
state
.
isCheckedInstituteOnlineClass
,
tutor_class_type
:
ClassType
,
isHomeVisit
:
this
.
state
.
isCheckedInstituteHomeVisit
,
isInstitute
:
this
.
state
.
isCheckedInstitute
,
tutor_instituteIDList
:
instituteIDs
,
tutor_instituteIDList
:
instituteIDs
,
tutor_main_district
:
this
.
state
.
district
,
tutor_main_district
:
this
.
state
.
district
,
tutor_main_city
:
this
.
state
.
city
,
tutor_main_city
:
this
.
state
.
tutorSelectedCity
,
tutor_medium
:
this
.
state
.
medium
tutor_medium
:
this
.
state
.
medium
,
tutor_qualification
:
this
.
state
.
tutorQualification
}
}
console
.
log
(
Tutor
)
console
.
log
(
Tutor
)
...
@@ -893,8 +953,8 @@ export default class SignUp extends Component {
...
@@ -893,8 +953,8 @@ export default class SignUp extends Component {
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
onChange
=
{
e
=>
this
.
onChangeGender
(
e
.
target
.
value
)}
>
onChange
=
{
e
=>
this
.
onChangeGender
(
e
.
target
.
value
)}
>
<
option
disabled
selected
>
Select
the
Gender
<
/option
>
<
option
disabled
selected
>
Select
the
Gender
<
/option
>
<
option
>
Male
<
/option
>
<
option
value
=
"
Male
"
>
Male
<
/option
>
<
option
>
Female
<
/option
>
<
option
value
=
"
Female
"
>
Female
<
/option
>
<
/select
>
<
/select
>
...
@@ -1202,8 +1262,8 @@ export default class SignUp extends Component {
...
@@ -1202,8 +1262,8 @@ export default class SignUp extends Component {
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
onChange
=
{
e
=>
this
.
onChangeGender
(
e
.
target
.
value
)}
>
onChange
=
{
e
=>
this
.
onChangeGender
(
e
.
target
.
value
)}
>
<
option
value
=
"
0
"
disabled
selected
>
Select
the
Gender
<
/option
>
<
option
value
=
"
0
"
disabled
selected
>
Select
the
Gender
<
/option
>
<
option
value
=
"
1
"
>
Male
<
/option
>
<
option
value
=
"
Male
"
>
Male
<
/option
>
<
option
value
=
"
2
"
>
Female
<
/option
>
<
option
value
=
"
Female
"
>
Female
<
/option
>
<
/select
>
<
/select
>
...
@@ -1514,7 +1574,7 @@ export default class SignUp extends Component {
...
@@ -1514,7 +1574,7 @@ export default class SignUp extends Component {
<
/div
>
<
/div
>
<
div
className
=
"
col-10
"
>
<
div
className
=
"
col-10
"
>
<
h5
style
=
{{
float
:
'
left
'
,
color
:
'
#216E9B
'
}}
>
Select
Class
Conduct
District
and
Main
Cit
y
<
/h5
>
<
h5
style
=
{{
float
:
'
left
'
,
color
:
'
#216E9B
'
}}
>
Select
Class
Conduct
District
and
Main
Cit
ies
<
/h5
>
<
/div
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
...
@@ -1525,7 +1585,7 @@ export default class SignUp extends Component {
...
@@ -1525,7 +1585,7 @@ export default class SignUp extends Component {
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
div
className
=
"
col
-10
"
style
=
{{
textAlign
:
'
-webkit-center
'
}}
>
<
div
className
=
"
col
"
style
=
{{
textAlign
:
'
-webkit-center
'
}}
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
onChange
=
{
e
=>
this
.
FindCities
(
e
.
target
.
value
)}
>
onChange
=
{
e
=>
this
.
FindCities
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
District
<
/option
>
<
option
value
=
""
disabled
selected
>
Select
District
<
/option
>
...
@@ -1541,7 +1601,7 @@ export default class SignUp extends Component {
...
@@ -1541,7 +1601,7 @@ export default class SignUp extends Component {
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
div
className
=
"
col
-10
"
style
=
{{
textAlign
:
'
-webkit-center
'
}}
>
<
div
className
=
"
col
"
style
=
{{
textAlign
:
'
-webkit-center
'
}}
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
90%
'
}}
onChange
=
{
e
=>
this
.
OnChangeCity
(
e
.
target
.
value
)}
>
onChange
=
{
e
=>
this
.
OnChangeCity
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
City
<
/option
>
<
option
value
=
""
disabled
selected
>
Select
City
<
/option
>
...
@@ -1550,9 +1610,45 @@ export default class SignUp extends Component {
...
@@ -1550,9 +1610,45 @@ export default class SignUp extends Component {
<
/select
>
<
/select
>
<
/div
>
<
/div
>
<
div
className
=
"
col-3
"
>
<
button
type
=
"
button
"
className
=
"
btn btn-primary
"
onClick
=
{
this
.
onClickAddCityButton
}
style
=
{{
width
:
'
40px
'
,
marginTop
:
'
0px
'
,
backgroundColor
:
'
#265077
'
,
borderColor
:
'
#216E9B
'
,
float
:
'
left
'
}}
><
b
>+<
/b></
button
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
20px
'
,
marginBottom
:
'
0px
'
}}
>
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
div
className
=
"
col-8
"
>
<
label
style
=
{{
float
:
'
left
'
,
color
:
'
#216E9B
'
}}
>
{
this
.
state
.
tempCityList
}
<
/label
>
<
/div
>
<
div
className
=
"
col-3
"
>
{
this
.
state
.
tempCityList
.
length
>
0
?
<
button
type
=
"
button
"
className
=
"
btn btn-primary
"
onClick
=
{
this
.
onClickCityRemoveButton
}
style
=
{{
width
:
'
40px
'
,
marginTop
:
'
0px
'
,
backgroundColor
:
'
#265077
'
,
borderColor
:
'
#216E9B
'
,
float
:
'
left
'
}}
><
b
>-<
/b></
button
>
:
<
div
>
<
/div
>
}
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
10px
'
,
marginBottom
:
'
0px
'
}}
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
10px
'
,
marginBottom
:
'
0px
'
}}
>
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
...
@@ -1581,6 +1677,31 @@ export default class SignUp extends Component {
...
@@ -1581,6 +1677,31 @@ export default class SignUp extends Component {
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
10px
'
,
marginBottom
:
'
0px
'
}}
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
div
className
=
"
col-10
"
>
<
h5
style
=
{{
float
:
'
left
'
,
color
:
'
#216E9B
'
}}
>
Add
Your
Highest
Qualification
<
/h5
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
0px
'
,
marginBottom
:
'
10px
'
}}
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
div
className
=
"
col
"
style
=
{{
textAlign
:
'
-webkit-center
'
}}
>
<
input
type
=
"
text
"
id
=
"
tutorQualfication
"
className
=
"
form-control
"
placeholder
=
"
Qualification
"
onChange
=
{
this
.
OnChangeQualification
}
style
=
{{
width
:
'
90%
'
}}
required
/>
<
/div
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
0px
'
,
marginBottom
:
'
10px
'
}}
>
<
div
className
=
"
row
"
style
=
{{
marginTop
:
'
0px
'
,
marginBottom
:
'
10px
'
}}
>
<
div
className
=
"
col-1
"
>
<
div
className
=
"
col-1
"
>
...
...
WebFrontEnd/smartcoach-frontend/src/Components/Student/ALResults.js
0 → 100644
View file @
cc6ec4b4
import
React
,
{
Component
}
from
"
react
"
;
import
VerifiedIcon
from
"
../../Images/verified.png
"
;
import
NotVerifiedIcon
from
"
../../Images/nveified.png
"
;
import
MainIcon
from
"
../../Images/grades.png
"
import
axios
from
"
axios
"
;
import
*
as
configs
from
"
../../Config/config
"
;
export
default
class
ALResults
extends
Component
{
constructor
(
props
)
{
super
(
props
);
this
.
state
=
{
studentID
:
''
,
streams
:
[
'
Commerce stream
'
,
'
Physical Science Stream
'
,
'
Biological Science Stream
'
,
'
Technology Stream
'
,
'
Art Stream
'
],
subjects
:
[
'
Economics
'
,
'
Geography
'
,
'
Business statistics
'
,
'
Business Studies
'
,
'
Accounting
'
,
'
Logic & Scientific Method
'
,
'
History of India
'
,
'
History of Europe
'
,
'
History of Modern World
'
,
'
English
'
,
'
French
'
,
'
German
'
,
'
Agricultural Science
'
,
'
Mathematics
'
,
'
Political Science
'
,
'
Combined Mathematics
'
,
'
Information & Communication Technology
'
],
resultsVerified
:
false
,
year
:
''
,
stream
:
''
,
sub01
:
''
,
sub02
:
''
,
sub03
:
''
,
sub01Result
:
''
,
sub02Result
:
''
,
sub03Result
:
''
,
gEng
:
''
,
CGTest
:
''
,
selectedFile
:
null
,
};
this
.
onFileChange
=
this
.
onFileChange
.
bind
(
this
);
this
.
onFileUpload
=
this
.
onFileUpload
.
bind
(
this
);
this
.
onChangeYear
=
this
.
onChangeYear
.
bind
(
this
);
this
.
onChangeStream
=
this
.
onChangeStream
.
bind
(
this
);
this
.
onChangeSubject01
=
this
.
onChangeSubject01
.
bind
(
this
);
this
.
onChangeSubject02
=
this
.
onChangeSubject02
.
bind
(
this
);
this
.
onChangeSubject03
=
this
.
onChangeSubject03
.
bind
(
this
);
this
.
onChangeSubject01Result
=
this
.
onChangeSubject01Result
.
bind
(
this
);
this
.
onChangeSubject02Result
=
this
.
onChangeSubject02Result
.
bind
(
this
);
this
.
onChangeSubject03Result
=
this
.
onChangeSubject03Result
.
bind
(
this
);
this
.
onChangeGenEng
=
this
.
onChangeGenEng
.
bind
(
this
);
this
.
onChangeComGenTest
=
this
.
onChangeComGenTest
.
bind
(
this
);
this
.
onSubmitResults
=
this
.
onSubmitResults
.
bind
(
this
);
this
.
onChangeSID
=
this
.
onChangeSID
.
bind
(
this
);
}
onChangeYear
(
e
){
this
.
setState
({
year
:
e
.
target
.
value
});
}
onChangeStream
(
e
)
{
this
.
setState
({
stream
:
e
});
}
onChangeSubject01
(
value
)
{
this
.
setState
({
sub01
:
value
})
}
onChangeSubject02
(
value
)
{
this
.
setState
({
sub02
:
value
})
}
onChangeSubject03
(
value
)
{
this
.
setState
({
sub03
:
value
})
}
onChangeSubject01Result
(
e
)
{
this
.
setState
({
sub01Result
:
e
.
target
.
value
})
}
onChangeSubject02Result
(
e
)
{
this
.
setState
({
sub02Result
:
e
.
target
.
value
})
}
onChangeSubject03Result
(
e
)
{
this
.
setState
({
sub03Result
:
e
.
target
.
value
})
}
onChangeGenEng
(
e
){
this
.
setState
({
gEng
:
e
.
target
.
value
});
}
onChangeComGenTest
(
e
){
this
.
setState
({
CGTest
:
e
.
target
.
value
});
}
onChangeSID
(
e
){
this
.
setState
({
studentID
:
e
.
target
.
value
});
}
onSubmitResults
(
e
){
//let student_id = '60fc1aaf718c264214061846';
const
newResult
=
{
student_id
:
this
.
state
.
studentID
,
year
:
this
.
state
.
year
,
stream
:
this
.
state
.
stream
,
subject01
:
this
.
state
.
sub01
,
subject02
:
this
.
state
.
sub02
,
subject03
:
this
.
state
.
sub03
,
subject01Result
:
this
.
state
.
sub01Result
,
subject02Result
:
this
.
state
.
sub02Result
,
subject03Result
:
this
.
state
.
sub03Result
,
generalEnglish
:
this
.
state
.
gEng
,
commonGeneralTest
:
this
.
state
.
CGTest
,
image
:
''
,
}
console
.
log
(
newResult
);
axios
.
post
(
configs
.
BASE_URL
+
'
/studentResults/add
'
,
newResult
)
.
then
(
res
=>
{
})
}
onFileChange
=
event
=>
{
// Update the state
this
.
setState
({
selectedFile
:
event
.
target
.
files
[
0
]
});
};
onFileUpload
=
()
=>
{
// Create an object of formData
const
formData
=
new
FormData
();
// Update the formData object
formData
.
append
(
"
myFile
"
,
this
.
state
.
selectedFile
,
this
.
state
.
selectedFile
.
name
);
// Details of the uploaded file
console
.
log
(
this
.
state
.
selectedFile
);
// Request made to the backend api
// Send formData object
//axios.post("api/uploadfile", formData);
};
fileData
=
()
=>
{
if
(
this
.
state
.
selectedFile
)
{
return
(
<
div
>
<
h6
>
File
Details
:
<
/h6
>
<
p
>
File
Name
:
{
this
.
state
.
selectedFile
.
name
}
<
/p
>
<
p
>
File
Type
:
{
this
.
state
.
selectedFile
.
type
}
<
/p
>
<
p
>
Last
Modified
:{
"
"
}
{
this
.
state
.
selectedFile
.
lastModifiedDate
.
toDateString
()}
<
/p
>
<
/div
>
);
}
else
{
return
(
<
div
>
<
br
/>
<
h6
>
Choose
before
Pressing
the
Upload
button
<
/h6
>
<
/div
>
);
}
};
render
()
{
return
(
<
div
>
<
div
className
=
"
app-page-title
"
>
<
div
className
=
"
page-title-wrapper
"
>
<
div
className
=
"
page-title-heading
"
>
<
div
className
=
"
page-title-icon
"
>
<
img
src
=
{
MainIcon
}
style
=
{{
width
:
'
40px
'
,
height
:
'
40px
'
}}
/
>
<
/div
>
<
div
>
<
h3
>
Student
A
/
Level
Results
<
/h3
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
main-card mb-3 card
"
style
=
{{
padding
:
'
30px
'
}}
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
10px
'
}}
>
<
div
className
=
"
col
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
{
this
.
state
.
resultsVerified
==
true
?
<
h5
style
=
{{
color
:
'
Blue
'
}}
>
Verified
<
/h5>
:
<
h5
style
=
{{
color
:
'
Red
'
}}
>
Not
Verified
<
/h5>}</
span
>
<
/div
>
<
div
className
=
"
col-1
"
>
{
this
.
state
.
resultsVerified
==
true
?
<
img
src
=
{
VerifiedIcon
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
}}
/>
:
<
img
src
=
{
NotVerifiedIcon
}
style
=
{{
width
:
'
20px
'
,
height
:
'
20px
'
}}
/>
}
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
StudentID
(
Temporary
)
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
password
"
className
=
"
form-control
"
placeholder
=
"
s_id
"
onChange
=
{
this
.
onChangeSID
}
required
/>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Year
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
password
"
className
=
"
form-control
"
placeholder
=
"
A/L Batch(Year)
"
onChange
=
{
this
.
onChangeYear
}
required
/>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Stream
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
100%
'
}}
onChange
=
{
e
=>
this
.
onChangeStream
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
Stream
<
/option
>
{
this
.
state
.
streams
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Subject
01
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
100%
'
}}
onChange
=
{
e
=>
this
.
onChangeSubject01
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
Subject
<
/option
>
{
this
.
state
.
subjects
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
span
>
Result
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
subj01
"
className
=
"
form-control
"
placeholder
=
"
result
"
style
=
{{
width
:
'
30%
'
}}
onChange
=
{
this
.
onChangeSubject01Result
}
required
/>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Subject
02
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
100%
'
}}
onChange
=
{
e
=>
this
.
onChangeSubject02
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
Subject
<
/option
>
{
this
.
state
.
subjects
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
span
>
Result
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
subj02
"
className
=
"
form-control
"
placeholder
=
"
result
"
style
=
{{
width
:
'
30%
'
}}
onChange
=
{
this
.
onChangeSubject02Result
}
required
/>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Subject
03
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
select
className
=
"
form-control
"
style
=
{{
width
:
'
100%
'
}}
onChange
=
{
e
=>
this
.
onChangeSubject03
(
e
.
target
.
value
)}
>
<
option
value
=
""
disabled
selected
>
Select
Subject
<
/option
>
{
this
.
state
.
subjects
.
map
((
dis
)
=>
<
option
key
=
{
dis
}
value
=
{
dis
}
>
{
dis
}
<
/option>
)
}
<
/select
>
<
/div
>
<
div
className
=
"
col-1
"
>
<
span
>
Result
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
subj03
"
className
=
"
form-control
"
placeholder
=
"
result
"
style
=
{{
width
:
'
30%
'
}}
onChange
=
{
this
.
onChangeSubject03Result
}
required
/>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
General
English
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
subj01
"
className
=
"
form-control
"
placeholder
=
"
result
"
style
=
{{
width
:
'
30%
'
}}
onChange
=
{
this
.
onChangeGenEng
}
required
/>
<
/div
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Common
General
Test
<
/span
>
<
/div
>
<
div
className
=
"
col
"
>
<
input
type
=
"
text
"
id
=
"
subj01
"
className
=
"
form-control
"
placeholder
=
"
result
"
style
=
{{
width
:
'
30%
'
}}
onChange
=
{
this
.
onChangeComGenTest
}
required
/>
<
/div
>
<
div
className
=
"
col-1
"
>
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
padding
:
'
5px
'
}}
>
<
div
className
=
"
col-2
"
>
<
span
style
=
{{
float
:
'
right
'
}}
>
Upload
the
image
of
result
sheet
<
/span
>
<
/div
>
<
div
className
=
"
col-4
"
>
<
input
type
=
"
file
"
className
=
"
form-control
"
style
=
{{
width
:
'
100%
'
}}
onChange
=
{
this
.
onFileChange
}
/
>
<
/div
>
<
div
className
=
"
col
"
>
{
/*<button className="btn btn-primary" style={{width:'50%',marginTop: '0px', backgroundColor: '#8C8C8C', borderColor: '#216E9B', float:'left'}}*/
}
{
/* onClick={this.onFileUpload}>Upload</button>*/
}
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-2
"
>
<
/div
>
<
div
className
=
"
col
"
>
{
this
.
fileData
()}
<
/div
>
<
div
className
=
"
col
"
>
<
/div
>
<
/div
>
<
div
className
=
"
row
"
style
=
{{
margin
:
'
20px
'
}}
>
<
div
className
=
"
col
"
>
<
button
className
=
"
btn btn-primary
"
style
=
{{
width
:
'
30%
'
,
marginTop
:
'
0px
'
,
backgroundColor
:
'
#265077
'
,
borderColor
:
'
#216E9B
'
}}
onClick
=
{
this
.
onSubmitResults
}
>
Submit
Results
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
}
}
\ No newline at end of file
WebFrontEnd/smartcoach-frontend/src/Components/Student/StudentDashboard.js
0 → 100644
View file @
cc6ec4b4
import
React
,
{
Component
}
from
'
react
'
;
// import {NavLink, Route} from 'react-router-dom';
import
{
Link
,
Route
}
from
"
react-router-dom
"
;
import
{
NavLink
}
from
"
react-router-dom
"
;
import
ALResults
from
"
./ALResults
"
;
export
default
class
StudentDashboard
extends
Component
{
render
()
{
return
(
<
div
>
<
meta
charSet
=
"
utf-8
"
/>
<
meta
httpEquiv
=
"
X-UA-Compatible
"
content
=
"
IE=edge
"
/>
<
meta
httpEquiv
=
"
Content-Language
"
content
=
"
en
"
/>
<
meta
httpEquiv
=
"
Content-Type
"
content
=
"
text/html; charset=utf-8
"
/>
<
title
>
SMART
COACH
-
Student
Dashboard
<
/title
>
<
meta
name
=
"
viewport
"
content
=
"
width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no
"
/>
<
div
className
=
"
app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header
"
>
<
div
className
=
"
app-header header-shadow
"
>
<
div
className
=
"
app-header__logo
"
>
<
div
className
=
"
logo-src
"
/>
<
div
className
=
"
header__pane ml-auto
"
>
<
div
>
<
button
type
=
"
button
"
className
=
"
hamburger close-sidebar-btn hamburger--elastic
"
data
-
class
=
"
closed-sidebar
"
>
<
span
className
=
"
hamburger-box
"
>
<
span
className
=
"
hamburger-inner
"
/>
<
/span
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
app-header__mobile-menu
"
>
<
div
>
<
button
type
=
"
button
"
className
=
"
hamburger hamburger--elastic mobile-toggle-nav
"
>
<
span
className
=
"
hamburger-box
"
>
<
span
className
=
"
hamburger-inner
"
/>
<
/span
>
<
/button
>
<
/div
>
<
/div
>
<
div
className
=
"
app-header__menu
"
>
<
span
>
<
button
type
=
"
button
"
className
=
"
btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav
"
>
<
span
className
=
"
btn-icon-wrapper
"
>
<
i
className
=
"
fa fa-ellipsis-v fa-w-6
"
/>
<
/span
>
<
/button
>
<
/span
>
<
/div
>
<
div
className
=
"
app-header__content
"
>
<
div
className
=
"
app-header-left
"
>
{
/* Search Bar */
}
<
div
className
=
"
search-wrapper
"
>
<
div
className
=
"
input-holder
"
>
<
input
type
=
"
text
"
className
=
"
search-input
"
placeholder
=
"
Type to search
"
/>
<
button
className
=
"
search-icon
"
><
span
/><
/button
>
<
/div
>
<
button
className
=
"
close
"
/>
<
/div
>
<
/div
>
<
div
className
=
"
app-header-right
"
>
<
div
className
=
"
header-btn-lg pr-0
"
>
<
div
className
=
"
widget-content p-0
"
>
<
div
className
=
"
widget-content-wrapper
"
>
<
div
className
=
"
widget-content-left
"
>
<
div
className
=
"
btn-group
"
>
<
div
className
=
"
dropdown1
"
>
<
img
width
=
"
42
"
className
=
"
rounded-circle
"
src
=
"
DashboardAssets/images/user.jpg
"
alt
=
""
/>
<
i
className
=
"
fa fa-angle-down ml-2 opacity-8
"
/>
<
div
className
=
"
dropdown-content1 dropdown-menu-right
"
>
<
button
type
=
"
button
"
className
=
"
dropdown-item
"
>
User
Account
<
/button
>
<
button
type
=
"
button
"
className
=
"
dropdown-item
"
style
=
{{
color
:
"
red
"
}}
>
Sign
Out
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
widget-content-left ml-3 header-user-info
"
>
<
div
className
=
"
widget-heading
"
>
Bandara
Dissanayake
<
/div
>
<
div
className
=
"
widget-subheading
"
>
Tutor
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
ui-theme-settings
"
>
<
button
type
=
"
button
"
id
=
"
TooltipDemo
"
className
=
"
btn-open-options btn btn-outline-secondary btn-warning
"
style
=
{{
color
:
"
black
"
}}
>
<
i
className
=
"
fa fa-cog fa-w-16 fa-spin fa-2x
"
/>
<
/button
>
<
div
className
=
"
theme-settings__inner
"
>
<
div
className
=
"
scrollbar-container
"
>
<
div
className
=
"
theme-settings__options-wrapper
"
>
<
h3
className
=
"
themeoptions-heading
"
>
Layout
Options
<
/h3
>
<
div
className
=
"
p-3
"
>
<
ul
className
=
"
list-group
"
>
<
li
className
=
"
list-group-item
"
>
<
div
className
=
"
widget-content p-0
"
>
<
div
className
=
"
widget-content-wrapper
"
>
<
div
className
=
"
widget-content-left mr-3
"
>
<
div
className
=
"
switch has-switch switch-container-class
"
data
-
class
=
"
fixed-header
"
>
<
div
className
=
"
switch-animate switch-on
"
>
<
input
type
=
"
checkbox
"
defaultChecked
data
-
toggle
=
"
toggle
"
data
-
onstyle
=
"
success
"
/>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
widget-content-left
"
>
<
div
className
=
"
widget-heading
"
>
Fixed
Header
<
/div
>
<
div
className
=
"
widget-subheading
"
>
Makes
the
header
top
fixed
,
always
visible
!
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/li
>
<
li
className
=
"
list-group-item
"
>
<
div
className
=
"
widget-content p-0
"
>
<
div
className
=
"
widget-content-wrapper
"
>
<
div
className
=
"
widget-content-left mr-3
"
>
<
div
className
=
"
switch has-switch switch-container-class
"
data
-
class
=
"
fixed-sidebar
"
>
<
div
className
=
"
switch-animate switch-on
"
>
<
input
type
=
"
checkbox
"
data
-
toggle
=
"
toggle
"
data
-
onstyle
=
"
success
"
/>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
widget-content-left
"
>
<
div
className
=
"
widget-heading
"
>
Fixed
Sidebar
<
/div
>
<
div
className
=
"
widget-subheading
"
>
Makes
the
sidebar
left
fixed
,
always
visible
!
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/li
>
<
li
className
=
"
list-group-item
"
>
<
div
className
=
"
widget-content p-0
"
>
<
div
className
=
"
widget-content-wrapper
"
>
<
div
className
=
"
widget-content-left mr-3
"
>
<
div
className
=
"
switch has-switch switch-container-class
"
data
-
class
=
"
fixed-footer
"
>
<
div
className
=
"
switch-animate switch-off
"
>
<
input
type
=
"
checkbox
"
data
-
toggle
=
"
toggle
"
data
-
onstyle
=
"
success
"
/>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
widget-content-left
"
>
<
div
className
=
"
widget-heading
"
>
Fixed
Footer
<
/div
>
<
div
className
=
"
widget-subheading
"
>
Makes
the
app
footer
bottom
fixed
,
always
visible
!
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/li
>
<
/ul
>
<
/div
>
<
h3
className
=
"
themeoptions-heading
"
>
<
div
>
Header
Options
<
/div
>
<
button
type
=
"
button
"
className
=
"
btn-pill btn-shadow btn-wide ml-auto btn btn-focus btn-sm switch-header-cs-class
"
data
-
class
>
Restore
Default
<
/button
>
<
/h3
>
<
div
className
=
"
p-3
"
>
<
ul
className
=
"
list-group
"
>
<
li
className
=
"
list-group-item
"
>
<
h5
className
=
"
pb-2
"
>
Choose
Color
Scheme
<
/h5
>
<
div
className
=
"
theme-settings-swatches
"
>
<
div
className
=
"
swatch-holder bg-primary switch-header-cs-class
"
data
-
class
=
"
bg-primary header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-secondary switch-header-cs-class
"
data
-
class
=
"
bg-secondary header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-success switch-header-cs-class
"
data
-
class
=
"
bg-success header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-info switch-header-cs-class
"
ata
-
class
=
"
bg-info header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-warning switch-header-cs-class
"
data
-
class
=
"
bg-warning header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-danger switch-header-cs-class
"
data
-
class
=
"
bg-danger header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-light switch-header-cs-class
"
data
-
class
=
"
bg-light header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-dark switch-header-cs-class
"
data
-
class
=
"
bg-dark header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-focus switch-header-cs-class
"
data
-
class
=
"
bg-focus header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-alternate switch-header-cs-class
"
data
-
class
=
"
bg-alternate header-text-light
"
><
/div
>
<
div
className
=
"
divider
"
><
/div
>
<
div
className
=
"
swatch-holder bg-vicious-stance switch-header-cs-class
"
data
-
class
=
"
bg-vicious-stance header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-midnight-bloom switch-header-cs-class
"
data
-
class
=
"
bg-midnight-bloom header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-night-sky switch-header-cs-class
"
data
-
class
=
"
bg-night-sky header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-slick-carbon switch-header-cs-class
"
data
-
class
=
"
bg-slick-carbon header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-asteroid switch-header-cs-class
"
data
-
class
=
"
bg-asteroid header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-royal switch-header-cs-class
"
data
-
class
=
"
bg-royal header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-warm-flame switch-header-cs-class
"
data
-
class
=
"
bg-warm-flame header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-night-fade switch-header-cs-class
"
data
-
class
=
"
bg-night-fade header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-sunny-morning switch-header-cs-class
"
data
-
class
=
"
bg-sunny-morning header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-tempting-azure switch-header-cs-class
"
data
-
class
=
"
bg-tempting-azure header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-amy-crisp switch-header-cs-class
"
data
-
class
=
"
bg-amy-crisp header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-heavy-rain switch-header-cs-class
"
data
-
class
=
"
bg-heavy-rain header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-mean-fruit switch-header-cs-class
"
data
-
class
=
"
bg-mean-fruit header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-malibu-beach switch-header-cs-class
"
data
-
class
=
"
bg-malibu-beach header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-deep-blue switch-header-cs-class
"
data
-
class
=
"
bg-deep-blue header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-ripe-malin switch-header-cs-class
"
data
-
class
=
"
bg-ripe-malin header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-arielle-smile switch-header-cs-class
"
data
-
class
=
"
bg-arielle-smile header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-plum-plate switch-header-cs-class
"
data
-
class
=
"
bg-plum-plate header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-fisher switch-header-cs-class
"
data
-
class
=
"
bg-happy-fisher header-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-itmeo switch-header-cs-class
"
data
-
class
=
"
bg-happy-itmeo header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-mixed-hopes switch-header-cs-class
"
data
-
class
=
"
bg-mixed-hopes header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-strong-bliss switch-header-cs-class
"
data
-
class
=
"
bg-strong-bliss header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-grow-early switch-header-cs-class
"
data
-
class
=
"
bg-grow-early header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-love-kiss switch-header-cs-class
"
data
-
class
=
"
bg-love-kiss header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-premium-dark switch-header-cs-class
"
data
-
class
=
"
bg-premium-dark header-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-green switch-header-cs-class
"
data
-
class
=
"
bg-happy-green header-text-light
"
><
/div
>
<
/div
>
<
/li
>
<
/ul
>
<
/div
>
<
h3
className
=
"
themeoptions-heading
"
>
<
div
>
Sidebar
Options
<
/div
>
<
button
type
=
"
button
"
className
=
"
btn-pill btn-shadow btn-wide ml-auto btn btn-focus btn-sm switch-sidebar-cs-class
"
data
-
class
>
Restore
Default
<
/button
>
<
/h3
>
<
div
className
=
"
p-3
"
>
<
ul
className
=
"
list-group
"
>
<
li
className
=
"
list-group-item
"
>
<
h5
className
=
"
pb-2
"
>
Choose
Color
Scheme
<
/h5
>
<
div
className
=
"
theme-settings-swatches
"
>
<
div
className
=
"
swatch-holder bg-primary switch-sidebar-cs-class
"
data
-
class
=
"
bg-primary sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-secondary switch-sidebar-cs-class
"
data
-
class
=
"
bg-secondary sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-success switch-sidebar-cs-class
"
data
-
class
=
"
bg-success sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-info switch-sidebar-cs-class
"
data
-
class
=
"
bg-info sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-warning switch-sidebar-cs-class
"
data
-
class
=
"
bg-warning sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-danger switch-sidebar-cs-class
"
data
-
class
=
"
bg-danger sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-light switch-sidebar-cs-class
"
data
-
class
=
"
bg-light sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-dark switch-sidebar-cs-class
"
data
-
class
=
"
bg-dark sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-focus switch-sidebar-cs-class
"
data
-
class
=
"
bg-focus sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-alternate switch-sidebar-cs-class
"
data
-
class
=
"
bg-alternate sidebar-text-light
"
><
/div
>
<
div
className
=
"
divider
"
><
/div
>
<
div
className
=
"
swatch-holder bg-vicious-stance switch-sidebar-cs-class
"
data
-
class
=
"
bg-vicious-stance sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-midnight-bloom switch-sidebar-cs-class
"
data
-
class
=
"
bg-midnight-bloom sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-night-sky switch-sidebar-cs-class
"
data
-
class
=
"
bg-night-sky sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-slick-carbon switch-sidebar-cs-class
"
data
-
class
=
"
bg-slick-carbon sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-asteroid switch-sidebar-cs-class
"
data
-
class
=
"
bg-asteroid sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-royal switch-sidebar-cs-class
"
data
-
class
=
"
bg-royal sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-warm-flame switch-sidebar-cs-class
"
data
-
class
=
"
bg-warm-flame sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-night-fade switch-sidebar-cs-class
"
data
-
class
=
"
bg-night-fade sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-sunny-morning switch-sidebar-cs-class
"
data
-
class
=
"
bg-sunny-morning sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-tempting-azure switch-sidebar-cs-class
"
data
-
class
=
"
bg-tempting-azure sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-amy-crisp switch-sidebar-cs-class
"
data
-
class
=
"
bg-amy-crisp sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-heavy-rain switch-sidebar-cs-class
"
data
-
class
=
"
bg-heavy-rain sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-mean-fruit switch-sidebar-cs-class
"
data
-
class
=
"
bg-mean-fruit sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-malibu-beach switch-sidebar-cs-class
"
data
-
class
=
"
bg-malibu-beach sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-deep-blue switch-sidebar-cs-class
"
data
-
class
=
"
bg-deep-blue sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-ripe-malin switch-sidebar-cs-class
"
data
-
class
=
"
bg-ripe-malin sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-arielle-smile switch-sidebar-cs-class
"
data
-
class
=
"
bg-arielle-smile sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-plum-plate switch-sidebar-cs-class
"
data
-
class
=
"
bg-plum-plate sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-fisher switch-sidebar-cs-class
"
data
-
class
=
"
bg-happy-fisher sidebar-text-dark
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-itmeo switch-sidebar-cs-class
"
data
-
class
=
"
bg-happy-itmeo sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-mixed-hopes switch-sidebar-cs-class
"
data
-
class
=
"
bg-mixed-hopes sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-strong-bliss switch-sidebar-cs-class
"
data
-
class
=
"
bg-strong-bliss sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-grow-early switch-sidebar-cs-class
"
data
-
class
=
"
bg-grow-early sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-love-kiss switch-sidebar-cs-class
"
data
-
class
=
"
bg-love-kiss sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-premium-dark switch-sidebar-cs-class
"
data
-
class
=
"
bg-premium-dark sidebar-text-light
"
><
/div
>
<
div
className
=
"
swatch-holder bg-happy-green switch-sidebar-cs-class
"
data
-
class
=
"
bg-happy-green sidebar-text-light
"
><
/div
>
<
/div
>
<
/li
>
<
/ul
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
app-main
"
>
<
div
className
=
"
app-sidebar sidebar-shadow
"
>
<
div
className
=
"
app-header__logo
"
>
<
div
className
=
"
logo-src
"
/>
<
div
className
=
"
header__pane ml-auto
"
>
<
div
>
<
button
type
=
"
button
"
className
=
"
hamburger close-sidebar-btn hamburger--elastic
"
data
-
class
=
"
closed-sidebar
"
>
<
span
className
=
"
hamburger-box
"
>
<
span
className
=
"
hamburger-inner
"
/>
<
/span
>
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
app-header__mobile-menu
"
>
<
div
>
<
button
type
=
"
button
"
className
=
"
hamburger hamburger--elastic mobile-toggle-nav
"
>
<
span
className
=
"
hamburger-box
"
>
<
span
className
=
"
hamburger-inner
"
/>
<
/span
>
<
/button
>
<
/div
>
<
/div
>
<
div
className
=
"
app-header__menu
"
>
<
span
>
<
button
type
=
"
button
"
className
=
"
btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav
"
>
<
span
className
=
"
btn-icon-wrapper
"
>
<
i
className
=
"
fa fa-ellipsis-v fa-w-6
"
/>
<
/span
>
<
/button
>
<
/span
>
<
/div
>
{
/* Side Bar */
}
<
div
className
=
"
scrollbar-sidebar
"
>
<
div
className
=
"
app-sidebar__inner
"
>
<
ul
className
=
"
vertical-nav-menu
"
>
{
/*<li>*/
}
{
/* <NavLink activeClassName='mm-active' to={"/studentDashboard"}>*/
}
{
/* <i className="metismenu-icon fa fa-tachometer"></i>*/
}
{
/* Student Dashboard*/
}
{
/* </NavLink>*/
}
{
/* <Link to={"/admin"}>*/
}
{
/* <i className="metismenu-icon fa fa-tachometer"></i>*/
}
{
/* Dashboard*/
}
{
/* </Link>*/
}
{
/*</li>*/
}
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon fa fa-calendar
"
><
/i
>
Discussion
Forms
<
i
className
=
"
metismenu-state-icon fa fa-caret-down
"
><
/i
>
<
/a
>
<
ul
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
19
-
Acc
-
Sasip
<
/a
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
19
-
Econ
-
Skya
<
/a
>
<
/li
>
<
/ul
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon fa fa-graduation-cap
"
><
/i
>
My
classes
<
i
className
=
"
metismenu-state-icon fa fa-caret-down
"
><
/i
>
<
/a
>
<
ul
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
19
-
Acc
-
Sasip
<
/a
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
19
-
Econ
-
Skya
<
/a
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
19
-
BS
-
Skya
<
/a
>
<
/li
>
<
/ul
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon fa fa-dollar-sign
"
><
/i
>
Student
Profile
<
i
className
=
"
metismenu-state-icon fa fa-caret-down
"
><
/i
>
<
/a
>
<
ul
>
<
li
>
<
NavLink
to
=
{
"
/studentDashboard
"
}
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
Profile
<
/NavLink
>
<
/li
>
<
li
>
<
NavLink
to
=
{
"
/studentDashboard
"
}
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
Exam
Marks
<
/NavLink
>
<
/li
>
<
li
>
<
NavLink
to
=
{
"
/studentDashboard/ALResults
"
}
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
A
/
L
-
Results
<
/NavLink
>
<
/li
>
<
/ul
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon fa fa-file-pdf-o
"
><
/i
>
Reports
<
i
className
=
"
metismenu-state-icon fa fa-caret-down
"
><
/i
>
<
/a
>
<
ul
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
Attendance
Report
<
/a
>
<
/li
>
<
li
>
<
a
href
=
"
#
"
>
<
i
className
=
"
metismenu-icon
"
><
/i
>
Student
Progress
Report
<
/a
>
<
/li
>
<
/ul
>
<
/li
>
<
/ul
>
<
/div
>
<
/div
>
{
/* End of Side Bar */
}
<
/div
>
<
div
className
=
"
app-main__outer
"
>
<
div
className
=
"
app-main__inner
"
>
{
/* ------------------------------Content---------------------------------------- */
}
<
Route
path
=
"
/studentDashboard/ALResults
"
exact
component
=
{
ALResults
}
/
>
{
/* <Route path="/admin/finance/add" exact component={AddFinance} />*/
}
{
/* <Route path={"/admin/finance/edit/:id"} exact component={EditFinance}/>*/
}
<
/div
>
{
/* Footer */
}
<
div
className
=
"
app-wrapper-footer
"
>
<
div
className
=
"
app-footer
"
>
<
div
className
=
"
app-footer__inner
"
>
<
div
className
=
"
app-footer-left
"
>
<
ul
className
=
"
nav
"
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
>
Copyright
&
copy
;
2021
<
/a
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
style
=
{{
color
:
"
red
"
,
marginLeft
:
"
-25px
"
}}
>
SMART
COACH
<
/a
>
<
/li
>
<
/ul
>
<
/div
>
<
div
className
=
"
app-footer-right
"
>
<
ul
className
=
"
nav
"
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
>
Engineered
By
<
/a
>
<
/li
>
<
li
className
=
"
nav-item
"
>
<
a
href
=
"
javascript:void(0);
"
className
=
"
nav-link
"
style
=
{{
color
:
"
red
"
,
marginLeft
:
"
-25px
"
}}
>
2021
-
049
<
/a
>
<
/li
>
<
/ul
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
)
}
}
\ No newline at end of file
WebFrontEnd/smartcoach-frontend/src/Images/grades.png
0 → 100644
View file @
cc6ec4b4
16.7 KB
WebFrontEnd/smartcoach-frontend/src/Images/nveified.png
0 → 100644
View file @
cc6ec4b4
37.4 KB
WebFrontEnd/smartcoach-frontend/src/Images/recomended.png
0 → 100644
View file @
cc6ec4b4
36.5 KB
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment