team-15/adminNav.php at master · London18/team-15 · 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

<script>
    jQuery(function($) {
        var $bodyEl = $('body'),
            $sidedrawerEl = $('#sidedrawer');


        function showSidedrawer() {
            // show overlay
            var options = {
                onclose: function() {
                    $sidedrawerEl
                        .removeClass('active')
                        .appendTo(document.body);
                }
            };

            var $overlayEl = $(mui.overlay('on', options));

            // show element
            $sidedrawerEl.appendTo($overlayEl);
            setTimeout(function() {
                $sidedrawerEl.addClass('active');
            }, 20);
        }


        function hideSidedrawer() {
            $bodyEl.toggleClass('hide-sidedrawer');
        }


        $('.js-show-sidedrawer').on('click', showSidedrawer);
        $('.js-hide-sidedrawer').on('click', hideSidedrawer);
    });

</script>


<div id="sidedrawer" class="mui--no-user-select">
    <div id="sidedrawer-brand" height="200px;" class="mui--appbar-line-height">
        <span><img width="100%" src="images/logo.jpeg" alt="logo" /></span>
    </div>
    <div class="mui-divider"></div>

    <ul>
        <li>
            <strong>Category 1</strong>

        </li>
        <li>
            <strong><a href="admin/adduser.php">Add User</a> </strong>

        </li>
        <li>
            <strong><a href="logout.php">Logout</a> </strong>

        </li>
    </ul>
</div>

<header id="header"> <!-- create the menu button to pull out the sidenav -->
    <div class="mui-appbar mui--appbar-line-height">
        <div class="mui-container-fluid">
            <a id="pulloutbar" class="sidedrawer-toggle mui--hidden-xs mui--hidden-sm js-hide-sidedrawer"><i id="navpull" style="color:black" class="medium material-icons">menu</i></a>

        </div>
    </div>
</header>

<!-- the divider stops the menu bar from overlapping the content -->

<div class="divider"></div>