EventManager/superadmin.html at main · Steven7926/EventManager · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">


    <head>
        <title>
            Event Manager
        </title>
    </head>
    <body style = "background-color: rgb(34, 25, 77)" onload = "getUsers()">
        <div style = "padding-left: 30%;">
            <button class = "addnewbutton" onclick="doLogout()">
                <span class = "fa fa-sign-out" aria-hidden="true"></span>
                <span class = "descriptions">Logout</span>
            </button>
        </div>
        <div class = "usersumback">
            <div id = "userwelcome" class = "usersum">
            </div>
        </div>
        <br \><br \><br \><br \>
        <div>
            <div class = "searchbar">
                <span class = "tableheader" text-align:"center">SuperAdmin Interface</span>
                <button id="seePersonal" type = "button" class = "addnewbutton" class = "trigger" onclick="goHome()">
                    <span class = "descriptions">User Dashboard</span>
                </button>
                <!--<button id="modal-btn" type = "button" class = "addnewbutton" class = "trigger" onclick="adminRequest()" style = "margin-right: 3px;">
                    <span class = "fa fa-plus icon"></span>
                    <span class = "descriptions">Request Admin Access</span>
                </button>-->
                <br \><br \>
                <!--<div id="modaladdcontact">
                    <div class="modal" id = "modaladd">
                            <div class="modal-content">
                                <span class="close-btn"></span>
                                <div class="container">
                                <br>
                                    <u style="color: rgb(83, 83, 83);">
                                        <h1 id="heading" style="font-size: x-large;">Add Event</h1>
                                    </u>
                                    <p class = 'descriptions'>Please enter event information</p>
                                    <hr>
                                    <br><br>
                                    <form>
                                        <div style="text-align: center; margin-top: -25px; margin-bottom: -15px;">
                                            <span class="fa fa-calendar icon" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "firstnameadd" type="text" class="logininputs" placeholder=" Event Title"></input>
                                            <br><br>
                                            <span class="fa fa-pencil icon" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "lastnameadd" type="text" class="logininputs" placeholder=" Description"></input>
                                            <br><br>
                                            <span class="fa fa-link" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "email" type="text" class="logininputs" placeholder=" URL"></input>
                                            <br><br>
                                            <span class="fa fa-calendar" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "phone" type="phone-number" class="logininputs" placeholder=" Start Date" autocomplete="off"></input>
                                            <br><br>
                                            <span class="fa fa-calendar" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "enddate" type="enddate" class="logininputs" placeholder=" End Date" autocomplete="off"></input>
                                            <br><br>
                                            <span class="fa fa-home" style="color: rgb(105, 89, 179);" aria-hidden="true"></span>
                                            <input id = "address" type="address" class="logininputs" placeholder=" Address"></input>
                                        </div>
                                    </form>
                                    <br><br>
                                    <div>
                                        <input id = "addcontact" type="button" class="signupbtn" value = "Add Contact" onclick = "addContact()"></input>
                                        <input id = "cancel" type="button" class="signupbtn" value = "Cancel" onclick = "closeModal()"></input>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>-->
            </div>
            </br>
            <div class = "tableback">
                <div class = "contable">
                    <span id = "contactAddResult"></span>
                    <table id = "contactTable" class = "tbl_contacts">
                        <thead>
                            <tr>
                                <th>Username</th>
				<th>First Name</th>
				<th>Last Name</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
    </div>
    </body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/code.js"></script>

    <!--<script>
        //var modalBtn = document.getElementById("modal-btn")
        //var modal = document.querySelector(".modal")
        //modalBtn.onclick = function () {
        //        modal.style.display = "block"
        //}
        //function closeModal()
        //{
        //    modal.style.display = "none"
        //}

        $(function() {
            $("#phone").datepicker();
            $("#enddate").datepicker();
        });

        $(document).ready(function(){

        });

    </script>-->