SFServer/test_list.php at master · jdistro07/SFServer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<?php

//initialize modules on start
require 'php/auth-mods/auth-login.php';

?>

<html>
<head>
    <title>Test Management</title>

    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="css/global-style.css" rel="stylesheet" type="text/css"/>
    <link href="css/class-search.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body class = "container-fluid fill-height">

        <div><?php include ("widgets/navigation.php");?></div>
        <div><?php include ("widgets/logged_user.php");?></div>

        <div style = "height: 700px; margin: 0 auto;" class="col-lg-6 col-lg-offset-3" id="container">
            <center><h1>GENERAL TEST LIST</h1></center>

            <div class = "form-group">
                <input class="form-control" id="txt_searchbox" type = "text" placeholder="Author Name" name="txt_search" autofocus>
                <input class="form-control" id="txt_search" type = "button" value="Search" name="btn_search" autofocus>
            </div>

            <div>
                <form action = "php/mod_deleteTest.php" method = "post">
                        <input onclick = "return confirm('Deletion of the selected data is permanent and cannot be retrieved. Confirm deleting the selected records?')" id = "button" style = "margin-bottom: 5px; margin-top: -5px; width: 105px; height: 60px; white-space: normal" class = "btn btn-normal" type = "submit" name = "btn-test-delete" value = "Delete Record/s">

                    <div style = "max-height: 445px; overflow-y: auto;">
                        <table style = "border-color: black; border-width: 3px;" class = "table table-hover table-bordered table-sm">
                            <thead class = "thead-dark">
                                <tr>
                                    <th style = "vertical-align: middle; text-align: center">Test ID</th>
                                    <th style = "vertical-align: middle; text-align: center">Test Name</th>
                                    <th style = "vertical-align: middle; text-align: center">Author</th>
                                    <th style = "vertical-align: middle; text-align: center">Menu</th>
                                </tr>
                            </thead>

                            <tbody id = "search-results"><?php require 'php/mod_testSearch.php'; ?></tbody>
                        </table>
                    </div>
                </form>
            </div>
        </div>
</body>

<script>
    $(document).ready(function(){
        $('input#txt_search').click(function(){
            var searchtext = $('#txt_searchbox').val();

            $.get('php/mod_testSearch.php',{search:searchtext}, function(response){
                $('#search-results').html(response);
            });
        });

        $('#txt_searchbox').on('keyup', function(event){

            event.preventDefault();

            if(event.keyCode == 13){
                $('#txt_search').click();
            }

        });
    })
</script>
</html>