fetch/template.html at master · greatEncoder/fetch · 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <!--<link rel="stylesheet" href="/css/normalize.css">-->
    <!--<link rel="stylesheet"-->
          <!--href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.1/bootstrap-material-design.min.css">css-->
    <link rel="stylesheet" href="/css/style.css">

    <script src="js/loader.js"></script>
</head>
<body>


<div id="User">
    <div class="container">
        <div class="row">
            <div class="col-xs-3"></div>
            <div id="Fetch" class="col-xs-6" style="text-align:center">
                <div id="title">Fetch</div>
                <button onclick="window.location.href='/_shopping.html'" class="shop">shopper</button>
                <button onclick="window.location.href='/_driverList.html'" class="drive">driver</button>
                <button onclick="window.location.href='/_homePage.html'" class="home">home</button>
            </div>
            <div id="Glyph" class="col-xs-3">
                <div id="open-menu-drawer" class="btn btn-lg pull-right"><span
                        class="glyphicon glyphicon-user large"></span></div>
            </div>
        </div>
    </div>
</div>


<div id="page-content">
    <!--DO NOT CHANGE THIS COMMENT-->
    <!--body content is inserted here for now. Eventually will be very different and animated.-->

</div>

<div id="menu-drawer" class="cd-panel from-right" style="z-index: 3000">
    <header class="cd-panel-header">
        <h1 id="us"></h1>
        <div id="close-menu" class="cd-panel-close">Close</div>
    </header>

    <div class="cd-panel-container">
        <div class="cd-panel-content">
            <div id="Butt">
                <div id="COG" data-link='/_accSetting.html' class="sign"><span
                        class="glyphicon glyphicon-cog"></span>Setting
                </div>
                <div data-link='/_login.html' class="log"><span
                        class="glyphicon glyphicon-log-in"></span>Login
                </div>
                <div data-link='/_signUp.html' class="sign"><span
                        class="glyphicon glyphicon-plus-sign"></span>Sign-Up
                </div>
                <div data-link='/_passwordRecovery.html' class="sign"><span
                        class="glyphicon glyphicon-wrench"></span>Password Recovery
                </div>
                <div data-link='/_passwordReset.html' class="sign"><span
                        class="glyphicon glyphicon-repeat"></span>Password
                    Reset
                </div>
                <div data-link='/_rating.html' class="sign"><span
                        class="glyphicon glyphicon-signal"></span>Rating
                </div>
                <div data-link='/_tickets.html' class="sign"><span
                        class="glyphicon glyphicon-list-alt"></span>Tickets
                </div>
                <div data-link='/_congrats.html' class="sign">Congrats
                </div>
                <div data-link='/_checkout.html' class="sign"><span
                        class="glyphicon glyphicon-check"></span>Checkout
                </div>
                <div data-link='/_homePage.html' class="log-out"><span
                        class="glyphicon glyphicon-off"></span>Log-Out
                </div>


            </div>
        </div> <!-- cd-panel-content -->
    </div> <!-- cd-panel-container -->
</div> <!-- cd-panel -->


<script>


    jQuery(document).ready(function ($) {
        //open the lateral panel
        $('#open-menu-drawer').on('click', function (event) {
            $('#menu-drawer').addClass('is-visible');
        });
        //clode the lateral panel
        $('#menu-drawer').on('click', function (event) {
            if ($(event.target).is('.cd-panel') || $(event.target).is('.cd-panel-close')) {
                $('#menu-drawer').removeClass('is-visible');
            }
        });

        $('#Butt').find('div').click(function () {
            if($(this).data("link") == "/_homePage.html"){
                var info_to_send = {logoff: true};
                $.ajax({
                    type: "POST",
                    url: "/template",
                    data: info_to_send,
                    success: function(data){
                        //data is the object sent back on success (could also just be string)
//                        alert("Loged out!");
                        window.location.href =" /_homePage.html";
                    },
                    error: function(data){
//                        alert("fail");
                        //data is the object send back on fail (could also just be string)
                    }
                });
            }
            else
                window.location.href = $(this).data("link");
        });
        //document.getElementById("us").innerHTML = JSON.stringify($(this).user);
//        $('#Fetch div').click(function(){
//            windows.location.href= $(this).data("link");
//        });
    });
</script>


</body>
</html>