· 7 years ago · Aug 23, 2018, 06:02 PM
1<html lang="en">
2<head>
3 <!-- Required meta tags -->
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
7 <!-- Bootstrap CSS -->
8 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
9 <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
10 <link rel="stylesheet" href="css/style.css">
11 <link rel="stylesheet" href="css/bootstrap.css">
12 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
13
14 <title>Promo Around</title>
15 <?php
16 if (isset($_SESSION['status']) && $_SESSION['status'] == 'verified')
17 {
18 $screenname = $_SESSION['request_vars']['screen_name'];
19 $twitterid = $_SESSION['request_vars']['user_id'];
20 $oauth_token = $_SESSION['request_vars']['oauth_token'];
21 $oauth_token_secret = $_SESSION['request_vars']['oauth_token_secret'];
22
23 $settings = array(
24 'oauth_access_token' => "1014129648152731648-mkoMJk7ezMrZo4jxcySyecc6miwe2B",
25 'oauth_access_token_secret' => "fQnksiud59yLUmv7L7iJ3pu01Ezwx4DOCghZBNoiXh3E4",
26 'consumer_key' => "hYLgEVQyoep6QcI3UdUqlEYPx",
27 'consumer_secret' => "hSSbHfA985w5K47IKh0b9bwxQV1JpJZOMcmLgepH2GA7HVczoC"
28 );
29 ?>
30
31 <style>
32 body, html {
33 height: 100%;
34 }
35 body {
36 font-family: Oswald;
37 }
38 .parallax {
39 /* The image used */
40 background-image: url('images/banner.jpg');
41
42 /* Full height */
43 height: 100%;
44
45 /* Create the parallax scrolling effect */
46 background-attachment: fixed;
47 background-position: center;
48 background-repeat: no-repeat;
49 background-size: cover;
50 }
51 .centered {
52 position: absolute;
53 top: 50%;
54 left: 50%;
55 transform: translate(-50%, -50%);
56 }
57 b {
58 font-size: larger;
59 }
60 </style>
61
62
63</head>
64
65<body>
66
67<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
68<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
69<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
70
71
72<!--SMOOTH EFFECT-->
73<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
74<script>
75 $(document).ready(function(){
76 // Add smooth scrolling to all links
77 $("a").on('click', function(event) {
78
79 // Make sure this.hash has a value before overriding default behavior
80 if (this.hash !== "") {
81 // Prevent default anchor click behavior
82 event.preventDefault();
83
84 // Store hash
85 var hash = this.hash;
86
87 // Using jQuery's animate() method to add smooth page scroll
88 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
89 $('html, body').animate({
90 scrollTop: $(hash).offset().top
91 }, 800, function(){
92
93 // Add hash (#) to URL when done scrolling (default click behavior)
94 window.location.hash = hash;
95 });
96 } // End if
97 });
98 });
99</script>
100
101<?php
102
103require 'Geo.php';
104$geo = new Geo;
105$geo->request('36.84.0.40');
106
107$kotaSaya = $geo->city;
108$kotaSayaCheck = strtolower($geo->city);
109
110?>
111
112
113<!--HERES THE NAVBAR-->
114<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
115 <div class="container-fluid">
116 <ul class="navbar-nav">
117 <li class="navbar-brand">Promo Around</li>
118 <li class="nav-item active">
119 <a class="nav-link" href="#">Home</a>
120 </li>
121 <li class="nav-item">
122 <a class="nav-link" href="profile.php">Profile</a>
123 </li>
124 <li class="nav-item">
125 <a class="nav-link " href="help.php">Contact Us</a>
126 </li>
127 </ul>
128 <ul class="nav navbar-nav navbar-right">
129 <form class="form-inline my-2 my-lg-0 navbar-right">
130 <?php
131
132 $usershow = "https://api.twitter.com/1.1/users/show.json";
133 $requestMethod = "GET";
134 $getfield = '?screen_name='.$screenname.'';
135 $twitter = new TwitterAPIExchange($settings);
136 $usershowresponse = json_decode($twitter -> setGetfield($getfield)
137 -> buildOauth($usershow,$requestMethod)
138 -> performRequest(),$assoc=TRUE);
139 $profilepic = $usershowresponse['profile_image_url'];
140
141 //My Profile
142 echo "<hr>";
143 echo '<img class="rounded-circle" src=' . $profilepic . ' alt="my profile" style="width: 14%"></img> ';
144 echo '<div style="color: #f9f9f9"> Welcome, <i><b>' . $screenname .'</i></b></div>';
145
146 //log out
147 //echo '<a class="btn btn-outline-primary btn-sm" href="lagout.php">Logout</a>';
148 //echo '<button type="button" class="btn btn-outline-danger"><a href="logout.php" >Logout</a></button>';
149 echo "<br><hr><hr>";
150 ?>
151  
152 <button class=" btn btn-nav btn-danger my-2 my-sm-0 btn-sm"><a href="logout.php" style="color: #f9f9f9">Log Out</a></button>
153 </form>
154 </ul>
155 </div>
156</nav>
157<br><br>
158<div class="parallax">
159 <div class="centered" style="color: white">
160 <center>
161 <h3>LET'S START FIND SOME INTEREST PROMO<br><br></h3>
162 <a href="#jumbotron"><img src="images/arrow_icon.gif" alt="arrow" width="15%"></a>
163 </center>
164 </div>
165
166</div>
167<div class="jumbotron text-center bg-primary" id="jumbotron">
168 <img class="" src="images/logo.png" alt="logo app" width="20%">
169 <h2 style="color: white">Selamat datang di <?php echo $kotaSaya; ?></h2>
170</div>
171
172 <div class="container">
173 <div id="header1" class="row">
174
175 </div>
176 <div class="row">
177 <div class="col-sm-3">
178 <h2>Pilih Kategori</h2>
179 <br>
180
181 <form action="#jumbotron" method="POST">
182 <label for="cmbKind" class="my-1 mr-2">Jenis Promo</label>
183 <select id="cmbKind" class="form-control" name="Selected" onchange="document.getElementById('selected_text').value=this.options[this.selectedIndex].text">
184 <option value="Promo"<?php echo (isset($_POST['Selected']) && $_POST['Selected'] == 'Promo') ? 'selected="selected"' : ''; ?>>Semua promo</option>
185 <option value="Diskon"<?php echo (isset($_POST['Selected']) && $_POST['Selected'] == 'Diskon') ? 'selected="selected"' : ''; ?>>Diskon</option>
186 <option value="Gratis"<?php echo (isset($_POST['Selected']) && $_POST['Selected'] == 'Gratis') ? 'selected="selected"' : ''; ?>>Gratis</option>
187
188 </select>
189 <br>
190
191 <?php
192
193 if (isset($_POST['Selected'])) {
194 $makerValue = $_POST['Selected'];
195
196 }
197 ?>
198
199
200
201 <label for="cmbLokasi" class="my-1 mr-2">Lokasi Promo</label>
202 <select id="cmbLokasi" class="form-control" name="LokasiSearch" onchange="document.getElementById('selected_text_lokasi').value=this.options[this.selectedIndex].text">
203 <option value="Semua"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Semua') ? 'selected="selected"' : ''; ?>>Lokasi Saya</option>
204 <option value="Jakarta"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Jakarta') ? 'selected="selected"' : ''; ?>>Jakarta</option>
205 <option value="Surabaya"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Surabaya') ? 'selected="selected"' : ''; ?>>Surabaya</option>
206 <option value="Bandung"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Bandung') ? 'selected="selected"' : ''; ?>>Bandung</option>
207 <option value="Semarang"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Semarang') ? 'selected="selected"' : ''; ?>>Semarang</option>
208 <option value="Yogyakarta"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Yogyakarta') ? 'selected="selected"' : ''; ?>>Yogyakarta</option>
209 <option value="Bali"<?php echo (isset($_POST['LokasiSearch']) && $_POST['LokasiSearch'] == 'Bali') ? 'selected="selected"' : ''; ?>>Bali</option>
210 </select>
211 <br>
212 <input type="hidden" name="selected_text_lokasi" id="selected_text_lokasi" value=""></input>
213 <input type="hidden" name="searchLokasi" value="Pilih Lokasi" class="btn btn-outline-primary"/>
214
215 <?php
216
217 if (isset($_POST['LokasiSearch'])) {
218 $makerLokasi = $_POST['LokasiSearch'];
219
220 }
221 ?>
222
223
224 <label for="cmbKategori" class="my-1 mr-2">Pilih Kategori</label>
225 <select id="cmbKategori" class="form-control" name="KategoriSearch" onchange="document.getElementById('selected_text_kategori').value=this.options[this.selectedIndex].text">
226 <option value="Kategori"<?php echo (isset($_POST['KategoriSearch']) && $_POST['KategoriSearch'] == '') ? 'selected="selected"' : ''; ?>>Semua Jenis</option>
227 <option value="Makanan"<?php echo (isset($_POST['KategoriSearch']) && $_POST['KategoriSearch'] == 'Makanan') ? 'selected="selected"' : ''; ?>>Makanan</option>
228 <option value="Fashion"<?php echo (isset($_POST['KategoriSearch']) && $_POST['KategoriSearch'] == 'Fashion') ? 'selected="selected"' : ''; ?>>Fashion</option>
229 <option value="Transportasi"<?php echo (isset($_POST['KategoriSearch']) && $_POST['KategoriSearch'] == 'Transportasi') ? 'selected="selected"' : ''; ?>>Transportasi</option>
230 </select>
231 <br>
232 <input type="hidden" name="selected_text_kategori" id="selected_text_lokasi" value=""></input>
233 <input type="hidden" name="searchKategori" value="Pilih Kategori" class="btn btn-outline-primary"/>
234
235 <?php
236
237 if (isset($_POST['KategoriSearch'])) {
238 $makerKategori = $_POST['KategoriSearch'];
239
240 }
241 ?>
242
243 <input type="hidden" name="selected_text" id="selected_text" value=""></input>
244 <br><input type="submit" name="search" value="Filter Kategori" class="btn btn-outline-primary"/>
245
246 </form>
247 <br>
248 </div>