Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <%--
- Created by IntelliJ IDEA.
- User: Daniel
- Date: 1/13/2016
- Time: 8:55 PM
- To change this template use File | Settings | File Templates.
- --%>
- <%@ page contentType="text/html;charset=UTF-8" language="java" %>
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <%
- TeacherDAO tdao = new TeacherDAO();
- List<TeacherEntity> teacherList = null;
- teacherList = tdao.getAllTeacher();
- String[] info = new String[4];
- int index = 0;
- %>
- <%--datatables--%>
- <%--<script src="js/jquery-2.1.4.min.js"></script>--%>
- <%--<link rel="stylesheet" type="text/css"--%>
- <%--href="css/jquery.dataTables.min.css"/>--%>
- <%--<script src="js/jquery.dataTables.js">--%>
- <%--</script>--%>
- <%----%>
- <%--<script type="text/javascript">--%>
- <%--$(document).ready(function () {--%>
- <%--$('.datatable').dataTable();--%>
- <%--});--%>
- <%--</script>--%>
- <%--Export to excel pdf print--%>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.datatable').DataTable( {
- dom: 'Bfrtip',
- buttons: [
- 'copy', 'csv', 'excel', 'pdf', 'print'
- ]
- } );
- } );
- </script>
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/>
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"/>
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.1.1/css/buttons.dataTables.min.css"/>
- <script type="text/javascript" src="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js"></script>
- <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
- <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
- <script src="https://cdn.datatables.net/buttons/1.1.1/js/dataTables.buttons.min.js"></script>
- <script src="//cdn.datatables.net/buttons/1.1.1/js/buttons.flash.min.js"></script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
- <script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
- <script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
- <script src="//cdn.datatables.net/buttons/1.1.1/js/buttons.html5.min.js"></script>
- <script src="//cdn.datatables.net/buttons/1.1.1/js/buttons.print.min.js"></script>
- <%--Update Modal--%>
- <script>
- $(document).ready(function () {
- $('#updateModal').on('show.bs.modal', function (event) {
- var modal = $(this);
- var text = $(event.relatedTarget);
- var email = $(event.relatedTarget);
- var teacherid = text.data('teacherid');
- var name = text.data('name');
- var username = text.data('username');
- var password = text.data('password');
- var email = text.data('email');
- var formclass = text.data('formclass');
- $("#nameU").val($(event.relatedTarget).data('name'));
- $("#usernameU").val($(event.relatedTarget).data('username'));
- $("#pswrdU").val($(event.relatedTarget).data('password'));
- $("#emailU").val($(event.relatedTarget).data('email'));
- $("#formclassU").val($(event.relatedTarget).data('formclass'));
- $("#teacheridU").val($(event.relatedTarget).data('teacherid'));
- });
- })
- </script>
- <!-- Specifying character encoding-->
- <meta charset="UTF-8">
- <!-- IE Rendering and viewport settings for mobile-->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewort" content="width=device-width, initial-scale=1">
- <!-- Bootstrap CSS and default CSS for the page-->
- <link rel="stylesheet" href="css/viewclass.css">
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/defaultstyle.css">
- <!-- JQuery, Bootstrap and default JS for the page DO NOT REMOVE -->
- <script src="js/bootstrap.min.js"></script>
- <script src="js/defaultscript.js"></script>
- <!-- Roboto fonts hosted on Google Fonts-->
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
- <!-- MetisMenu CSS -->
- <link href="metisMenu/dist/metisMenu.min.css" rel="stylesheet">
- <!-- Custom CSS -->
- <link href="css/teacheradmin.css" rel="stylesheet">
- <!-- Custom Fonts -->
- <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- <!-- Page title -->
- <title>Tanglin Bank</title>
- </head>
- <%@ page import="java.util.*,model.*" %>
- <%@ page import="model.Teacher.TeacherEntity" %>
- <%@ page import="model.Teacher.TeacherDAO" %>
- <%@ page import="model.Student.StudentDAO" %>
- <%@ page import="model.Transaction.TransactionEntity" %>
- <%@ page import="model.Student.StudentEntity" %>
- <body>
- <!-- Banner -->
- <header id="banner">
- <p>TANGLIN BANK</p>
- </header>
- <div id="wrapper">
- <!-- Navigation -->
- <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand">Teachers Dashboard</a>
- </div>
- <!-- /.navbar-header -->
- <ul class="nav navbar-top-links navbar-right">
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-messages">
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
- <em>Yesterday</em>
- </span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
- <em>Yesterday</em>
- </span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <strong>John Smith</strong>
- <span class="pull-right text-muted">
- <em>Yesterday</em>
- </span>
- </div>
- <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>Read All Messages</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-messages -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-tasks">
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 1</strong>
- <span class="pull-right text-muted">40% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
- aria-valuemin="0" aria-valuemax="100" style="width: 40%">
- <span class="sr-only">40% Complete (success)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 2</strong>
- <span class="pull-right text-muted">20% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20"
- aria-valuemin="0" aria-valuemax="100" style="width: 20%">
- <span class="sr-only">20% Complete</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 3</strong>
- <span class="pull-right text-muted">60% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
- aria-valuemin="0" aria-valuemax="100" style="width: 60%">
- <span class="sr-only">60% Complete (warning)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <p>
- <strong>Task 4</strong>
- <span class="pull-right text-muted">80% Complete</span>
- </p>
- <div class="progress progress-striped active">
- <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80"
- aria-valuemin="0" aria-valuemax="100" style="width: 80%">
- <span class="sr-only">80% Complete (danger)</span>
- </div>
- </div>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>See All Tasks</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-tasks -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-alerts">
- <li>
- <a href="#">
- <div>
- <i class="fa fa-comment fa-fw"></i> New Comment
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-twitter fa-fw"></i> 3 New Followers
- <span class="pull-right text-muted small">12 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-envelope fa-fw"></i> Message Sent
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-tasks fa-fw"></i> New Task
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a href="#">
- <div>
- <i class="fa fa-upload fa-fw"></i> Server Rebooted
- <span class="pull-right text-muted small">4 minutes ago</span>
- </div>
- </a>
- </li>
- <li class="divider"></li>
- <li>
- <a class="text-center" href="#">
- <strong>See All Alerts</strong>
- <i class="fa fa-angle-right"></i>
- </a>
- </li>
- </ul>
- <!-- /.dropdown-alerts -->
- </li>
- <!-- /.dropdown -->
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
- </a>
- <ul class="dropdown-menu dropdown-user">
- <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
- </li>
- <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
- </li>
- <li class="divider"></li>
- <li><a href="index.jsp"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
- </li>
- </ul>
- <!-- /.dropdown-user -->
- </li>
- <!-- /.dropdown -->
- </ul>
- <!-- /.navbar-top-links -->
- <div class="navbar-default sidebar" role="navigation">
- <div class="sidebar-nav navbar-collapse">
- <ul class="nav" id="side-menu">
- <li>
- <a href="TeacherDashboardNEW.jsp"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
- </li>
- <li>
- <a href="#"><i class="fa fa-edit fa-fw"></i> Actions<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
- <li>
- <a href="teachercreatestudent.jsp">Create Student Accounts</a>
- </li>
- <li>
- <a href="teacherbatchstudents.jsp">Batch Create Students</a>
- </li>
- </ul>
- <!-- /.nav-second-level -->
- </li>
- <li>
- <a href="#"><i class="fa fa-table fa-fw"></i> Tables<span class="fa arrow"></span></a>
- <ul class="nav nav-second-level">
- <li>
- <a href="ViewAllTransactionHistory.jsp">View All Transactions</a>
- </li>
- <li>
- <a href="ViewClass.jsp">View Classes</a>
- </li>
- <li>
- <a href="ViewTeachers.jsp">View Teachers</a>
- </li>
- </ul>
- <!-- /.nav-second-level -->
- </li>
- <%--<li>--%>
- <%--<a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>--%>
- <%--<ul class="nav nav-second-level">--%>
- <%--<li>--%>
- <%--<a href="#">Second Level Item</a>--%>
- <%--</li>--%>
- <%--<li>--%>
- <%--<a href="#">Second Level Item</a>--%>
- <%--</li>--%>
- <%--<li>--%>
- <%--<a href="#">Third Level <span class="fa arrow"></span></a>--%>
- <%--<ul class="nav nav-third-level">--%>
- <%--<li>--%>
- <%--<a href="#">Third Level Item</a>--%>
- <%--</li>--%>
- <%--<li>--%>
- <%--<a href="#">Third Level Item</a>--%>
- <%--</li>--%>
- <%--<li>--%>
- <%--<a href="#">Third Level Item</a>--%>
- <%--</li>--%>
- <%--<li>--%>
- <%--<a href="#">Third Level Item</a>--%>
- <%--</li>--%>
- <%--</ul>--%>
- <%--<!-- /.nav-third-level -->--%>
- <%--</li>--%>
- <%--</ul>--%>
- <%--<!-- /.nav-second-level -->--%>
- <%--</li>--%>
- </ul>
- </div>
- <!-- /.sidebar-collapse -->
- </div>
- <!-- /.navbar-static-side -->
- </nav>
- <div id="page-wrapper">
- <div class="row">
- <div class="col-lg-9">
- <h1 class="page-header">View Teacher</h1>
- </div>
- <!-- /.col-lg-12 -->
- </div>
- <div id="createModal" class="modal fade" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Create Teacher</h4>
- </div>
- <div class="modal-body">
- <form id="createTeacher" role="form" action="adminservlet" method="post">
- <input type="hidden" name="type" value="create">
- <div class="form-group">
- <p for="name">Name :</p>
- <input type="text" class="form-control" name="name" id="nameC" required="true">
- </div>
- <div class="form-group">
- <p for="username">Username :</p>
- <input type="text" class="form-control" name="username" id="usernameC">
- </div>
- <div class="form-group">
- <p for="pswrd">Password :</p>
- <input type="password" class="form-control" name="password" id="passwordC">
- </div>
- <div class="form-group">
- <p for="classNo">Form class :</p>
- <input type="text" class="form-control" name="classNo" id="formclassC">
- </div>
- <div class="form-group">
- <p for="email">Email :</p>
- <input type="email" class="form-control" name="email" id="emailC">
- </div>
- <button id="createValid" type="submit" class="btn btn-default">Submit</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- <div id="updateModal" class="modal fade" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Update Teacher</h4>
- </div>
- <div class="modal-body">
- <form role="form" action="adminservlet" method="post">
- <input type="hidden" name="type" value="update">
- <%Integer index2 = (Integer) session.getAttribute("index");%>
- <div class="form-group">
- <p for="nameU">Name :</p>
- <input type="text" class="form-control" name="nameU" id="nameU">
- </div>
- <div class="form-group">
- <p for="usernameU">Username :</p>
- <input type="text" class="form-control" name="usernameU" id="usernameU">
- </div>
- <div class="form-group">
- <p for="passwordU">Password :</p>
- <input type="text" class="form-control" name="passwordU" id="pswrdU">
- </div>
- <div class="form-group">
- <p for="emailU">Email :</p>
- <input type="email" class="form-control" name="emailU" id="emailU">
- </div>
- <div class="form-group">
- <p for="formclassU">Form Class :</p>
- <input type="text" name="form-control" name="formclassU" id="formclassU">
- </div>
- <div class="form-group">
- <input type="hidden" name="teacheridU" id="teacheridU"/>
- </div>
- <button name="update" type="submit" class="btn btn-default">Submit</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- <div class="btn-group" role="group" aria-label="..." style="margin-left:0%;">
- <div class="btn-group" role="group" aria-label="..." style="margin-left:0%;">
- <button type="button" class="btn btn-info" data-toggle="modal" data-target="#createModal">Create
- </button>
- </div>
- </div>
- <div class="student-list" style="margin-left:0%;width:700px;margin-top:3%; ">
- <!-- Tab panes -->
- <div class="tab-content">
- <table data-link="row" class="datatable table table-hover">
- <thead>
- <tr>
- <th>Name</th>
- <th>Username</th>
- <th>Form Class</th>
- <th>Email</th>
- </tr>
- </thead>
- <tbody>
- <%
- if (!(teacherList == null)) {
- for (int i = 0; i < teacherList.size(); i++) {
- String name = teacherList.get(i).getName();
- String username = teacherList.get(i).getUsername();
- String password = teacherList.get(i).getPassword();
- String formclass = teacherList.get(i).getFormclass();
- String email = teacherList.get(i).getEmail();
- int teacherid = teacherList.get(i).getTeacherId();
- %>
- <tr data-toggle="modal" data-target="#updateModal" data-name="<%=name%>"
- data-username="<%=username%>" data-password="<%=password%>"
- data-formclass="<%=formclass%>" data-email="<%=email%>" data-teacherid="<%=teacherid%>">
- <td id="nameT"><%=name%>
- </td>
- <td id="usernameT"><%=username%>
- </td>
- <td id="formClassT"><%=formclass%>
- </td>
- <td id="emailT"><%=email%>
- </td>
- <input type="hidden" id="teacheridT" value="<%=teacherid%>"/>
- </tr>
- <% }
- }
- %>
- </tbody>
- </table>
- </div>
- </div>
- <div class="clearfix"></div>
- <br>
- <br>
- </div>
- <br>
- <br>
- </div>
- <!-- /#page-wrapper -->
- </div>
- <!-- /#wrapper -->
- <!-- Metis Menu Plugin JavaScript -->
- <script src="metisMenu/dist/metisMenu.min.js"></script>
- <!-- Custom Theme JavaScript -->
- <script src="js/teacheradmin.js"></script>
- </body>
- <script>
- function validateEmail(email) {
- var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
- return re.test(email);
- }
- function validateText(id) {
- if ($("#" + id).val() == null || $("#" + id).val() == "") {
- var div = $("#" + id).closest("div");
- div.removeClass("has-success has-feedback");
- $("#glyph" + id).remove();
- div.addClass("has-error has-feedback");
- div.append('<span id="glypcn' + id + '" class="glyphicon glyphicon-remove form-control-feedback"/>');
- return false;
- }
- else {
- var div = $("#" + id).closest("div");
- div.removeClass("has-error has-feedback");
- div.addClass("has-success has-feedback");
- $("#glyph" + id).remove();
- div.append('<span id="glypcn' + id + '" class="glyphicon glyphicon-ok form-control-feedback"/>');
- return true;
- }
- }
- $(document).ready(
- function () {
- $("#createValid").click(function () {
- if (!validateText("nameC")) {
- return false;
- }
- if (!validateText("usernameC")) {
- return false;
- }
- if (!validateEmail("emailC")) {
- return false;
- }
- if (!validateText("passwordC")) {
- return false;
- }
- if (!validateText("formclassC")) {
- return false;
- }
- $("form#createTeacher").submit();
- });
- }
- );
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement