Commit da4ee7fb authored by Shubham V's avatar Shubham V

refining dashboard

parent 2245ea91
/*
body {
min-height: 100vh;
} */
/*
li {
list-style: none;
} */
/* h1,
h2 {
color: #444;
} */
h3 {
color: rgba(92, 88, 88, 0.963);
}
/* .btn {
background: #f05462;
color: white;
padding: 5px 10px;
text-align: center;
}
.btn:hover {
color: #423839;
background: rgb(5, 0, 0);
padding: 3px 8px;
border: 2px solid #f05462;
} */
.title {
.topcardinf {
display: flex;
/* font-weight: 1000; */
font-size: 30px;
/* align-items: center; */
/* justify-content: space-around; */
justify-content: center;
padding: 10px;
/* border-bottom: 2px solid #999; */
/* height: 14vh; */
}
table {
......@@ -53,31 +22,25 @@ td {
padding: 8px;
}
.side-menu {
.nav-menu {
min-height: 100vh;
background: #6AB187;
width: 20vw;
position: fixed;
/* display: flex; */
/* flex-direction: column; */
}
.side-menu .brand-name {
.nav-menu .space_nav {
height:10vh;
/* display: flex;
align-items: center;
justify-content: center; */
}
.side-menu a {
.nav-menu a {
display: flex;
color: white;
font-size:26px;
padding:15px 40px;
/* align-items: center; */
}
.side-menu a:hover {
.nav-menu a:hover {
color: #6AB187;
background: rgb(255, 255, 255);
......@@ -105,7 +68,7 @@ td {
height:12vh;
}
.container .topbar .dashboard_title {
.container .topbar .main_title {
align-items:center;
display:flex;
height:14vh;
......@@ -114,24 +77,15 @@ td {
font-size:30px;
}
/* .title {
height:14vh;
font-size:30px;
font-weight:1000;
display:flex;
align-items:center;
justify-content:center;
} */
.container .content {
.container .summarycard {
background:#f1efef;
position:relative;
margin-top:12vh;
/* min-height:90vh; */
}
.container .content .cards {
.container .summarycard .containercards {
display:flex;
padding:15px 15px;
flex-wrap:wrap;
......@@ -140,7 +94,7 @@ td {
justify-content:space-between;
}
.container .content .cards .card {
.container .summarycard .containercards .card {
display:flex;
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
height:150px;
......@@ -153,28 +107,25 @@ td {
}
.container .content .content-2 {
.container .summarycard .graphcontainer{
display:flex;
justify-content:space-around;
align-items:flex-start;
flex-wrap:wrap;
/* min-height:70vh; */
}
.container .content .content-2 .recent-payments {
.container .summarycard .graphcontainer .trend-graph {
min-height:100%;
background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
display:flex;
flex-direction:column;
/* margin:auto; */
margin-top:0px;
margin-bottom:20px;
}
.container .content .content-2 .recent-payments {
.container .summarycard .graphcontainer .trend-graph {
justify-content:center;
align-items:center;
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.2);
......@@ -184,83 +135,33 @@ td {
}
.container .content .content-2 .recent-payments img{
.container .summarycard .graphcontainer .trend-graph img{
min-width:100%;
min-height:100%
}
.container .content .content-2 .new-students {
.container .summarycard .graphcontainer .card-graph {
min-height:100%;
background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
display:flex;
flex-direction:column;
margin-bottom:5vh;
/* margin-top:10vh; */
}
.container .content .content-2 .new-students .performance{
display:flex;
min-height:100%;
flex-direction:column;
background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
/* margin-top:10vh; */
}
.container .content .content-2 .new-students table td:nth-child(1) img {
.container .summarycard .graphcontainer .card-graph table td:nth-child(1) img {
height:40px;
width:40px;
}
/* @media screen and (max-width:1050px) {
.side-menu li {
font-size:18px;
}
}
@media screen and (max-width:940px) {
.side-menu li span {
display:none;
}
.side-menu {
align-items:center;
}
.side-menu li img {
width:40px;
height:40px;
}
.side-menu li:hover {
background:#f05462;
padding:8px 38px;
border:2px solid white;
}
}
@media screen and (max-width:536px) {
.brand-name h1 {
font-size:16px;
}
.container .content .cards {
justify-content:center;
}
.side-menu li img {
width:30px;
height:30px;
}
.container .content .content-2 .recent-payments table th:nth-child(2),
.container .content .content-2 .recent-payments table td:nth-child(2) {
display:none;
}
} */
a {text-decoration:none;}
*{padding:0;
/* box-sizing:border-box; */
font-family:Georgia;
margin:0;
}
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Classrooms
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(classrooms_summary['total']) %}</h1>
......@@ -73,9 +72,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph" >
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_classrooms">
......@@ -125,9 +124,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Classroom condition: {% print(classroom_condition) %} -->
Distribution across states by Classroom Condition
</div>
......@@ -159,9 +158,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -183,8 +182,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Facilities
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(facilities_summary['enrolment_lt_50']) %}</h1>
......@@ -91,9 +90,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph" >
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_schools_with_facilities">
......@@ -143,9 +142,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of School Facilities: {% print(school_facility) %} -->
Distribution across states by Dimension
</div>
......@@ -180,9 +179,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -204,8 +203,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Education in INDIA
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(index_summary['students']) %}</h1>
......@@ -73,9 +72,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph">
<div class="topcardinf">
{% print(main_dimension_index) %}
</div>
<form method="POST" action="/get_main_dimension_from_index">
......@@ -92,9 +91,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Facilities
</div>
<!-- <form method="POST" action="/get_facilities_from_index">
......
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Schools
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(schools_summary['total']) %}</h1>
......@@ -73,9 +72,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph">
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_schools">
......@@ -131,9 +130,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Schools by {% print(school_category) %} category -->
Distribution across states by School Category
</div>
......@@ -165,9 +164,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -189,8 +188,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......@@ -214,9 +213,9 @@
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Rural schools by {% print(rural_school_category) %} category -->
Distribution across states by Rural Schools
</div>
......@@ -247,9 +246,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -271,8 +270,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Students
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(students_summary['total']) %}</h1>
......@@ -73,9 +72,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph">
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_elementary_enrolment">
......@@ -130,9 +129,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Elementary Enrolment in {% print(elementary_enrolment_category) %} Schools -->
Distribution across states by School Category
</div>
......@@ -164,9 +163,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -188,8 +187,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......@@ -213,9 +212,9 @@
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Rural Enrolment in {% print(rural_enrolment_category) %} Schools -->
Distribution across states by Rural Schools
</div>
......@@ -246,9 +245,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -270,8 +269,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......
......@@ -15,27 +15,26 @@
</head>
<body>
<div class="side-menu">
<div class="brand-name">
<h1>Navigation</h1>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="dashboard_title">
<div class="main_title">
Teachers
</div>
</div>
<div class="content">
<div class="cards">
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h1>{% print(teachers_summary['total']) %}</h1>
......@@ -73,9 +72,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="recent-payments">
<div class="title">
<div class="graphcontainer" >
<div class="trend-graph">
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_teachers">
......@@ -130,9 +129,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Teachers in {% print(teachers_category) %} Schools -->
Distribution across states by School Category
</div>
......@@ -164,9 +163,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -188,8 +187,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......@@ -213,9 +212,9 @@
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Teachers by Educational Qualification: {% print(teachers_qualification) %} -->
Distribution across states by Educational Qualification
</div>
......@@ -252,9 +251,9 @@
</div>
</div>
</div>
<div class="content-2">
<div class="new-students">
<div class="title">
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
......@@ -276,8 +275,8 @@
</tr>
</table>
</div>
<div class="new-students">
<div class="title">
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
......
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