126 lines
5.4 KiB
HTML
126 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<title>ABC-DASHBOARD</title>
|
|
</head>
|
|
<body class="pushmenu-push pushmenu-push-toright">
|
|
<nav class="admin-nav pushmenu pushmenu-left pushmenu-open" id="sidebar">
|
|
<div class="logo"><img src="https://www.abc.org/Portals/1/abc_logo_svg.svg" alt=""></div>
|
|
<ul>
|
|
<li><a href="index.html"><img src="img/dashboard.png" alt=""> Dashboard</a></li>
|
|
<li class="active"><a href="classsetting-names.html"><img src="img/tools.png" alt="">Class Settings</a></li>
|
|
<li><a href="class-form.html"><img src="img/create.png" alt="">Create Class</a></li>
|
|
<li><a href="admin-users.html"><img src="img/ad.png" alt="">Admin Users</a></li>
|
|
</ul>
|
|
</nav>
|
|
<header>
|
|
<div class="d-flex admin-header">
|
|
<div class="toggle d-flex active" id="nav_list"> <img src="img/hamperger.png" alt=""></div>
|
|
<div class="admin ml-auto d-flex">
|
|
<span > <img src="img/admin-logo.png"> Admin</span> <span class="logout"> <img src="img/logout.png">Logout</span>
|
|
<div class="toggle-bar" id="nav-click" onclick="myFunction(this)">
|
|
<div class="bar1"></div>
|
|
<div class="bar2"></div>
|
|
<div class="bar3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="admin-content">
|
|
<div class="container">
|
|
<h2>Class Settings Page</h2>
|
|
<div class="setting d-flex">
|
|
<div class="col-md-12 col-lg-2 no-pad class-left">
|
|
<ul class="class-nav d-flex">
|
|
<li><a href="classsetting-names.html">Class Names</a></li>
|
|
<li class="active"><a href="classsetting-location.html">Locations</a></li>
|
|
<li><a href="classsetting-instructor.html">Instructors</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-12 col-lg-10">
|
|
<div class="class-content d-flex">
|
|
<div class="col-md-12 class-name col-lg-6">
|
|
<div class="d-flex">
|
|
<span>Class Locations</span>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
<div class="d-flex justify-content-end">
|
|
<div class="cancel"><a href="">Cancel</a></div>
|
|
<div class="leave"><a href="">Add</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 col-lg-6">
|
|
<h2> Class Locations</h2>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Created </th>
|
|
<th>Class Name</th>
|
|
<th>Edit</th>
|
|
<th>Delete</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>01/01/2018</td>
|
|
<td>Anaheim</td>
|
|
<td><img src="img/edit.png" alt=""></td>
|
|
<td><img src="img/delete.png" alt=""></td>
|
|
</tr>
|
|
<tr>
|
|
<td>08/05/2018</td>
|
|
<td>LA / Ventura</td>
|
|
<td><img src="img/edit.png" alt=""></td>
|
|
<td><img src="img/delete.png" alt=""></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="js/push.js"></script>
|
|
<!-- <script>
|
|
function toggleslidebar() {
|
|
document.getElementById("sidebar").classList.toggle("active");
|
|
}
|
|
</script> -->
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$("#nav_list").click(function(){
|
|
$(".admin-content").toggleClass("main");
|
|
$(".admin-header .admin").toggleClass("main");
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<script>
|
|
function myFunction(x) {
|
|
x.classList.toggle("change");
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
$("#nav-click").click(function(){
|
|
$("#sidebar ul").slideToggle();
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html> |