-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (96 loc) · 3.95 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Event Online Order</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="navbar" style="visibility: hidden;" id="navbar">
<a id="home" onclick="home()" class="active">Home</a>
<a id="orderlist" onclick="orderlist()">Order List</a>
<div class="user">
<button class="userbtn" onclick="userdropdown()"><span id="userbtn"></span>
<i class="fa fa-caret-down"></i>
</button>
<div class="user-content" id="user">
<a onclick="logout()">Logout</a>
</div>
</div>
</div>
<div class="login" id="login">
<h3>Please Login into your LINE account before using this application</h3>
<h3><span id="infoclient"></span></h3>
<!-- <button class="loginbtn" onclick="loginApp()">LOGIN WITH <strong>LINE ACCOUNT</strong></button> -->
<button class="loginbtn" onclick="loginUser()">LOGIN WITH <strong>LINE ACCOUNT</strong></button>
<h3>OR</h3>
<button id="externalBrowser" class="externalBrowser" onclick="externalBrowser()">OPEN IN <strong>EXTERNAL BROWSER</strong></button>
</div>
<div class="order_list" id="order_list" style="display: none;">
<!-- <table>
<tr>
<th>ID Order</th>
<th>Event</th>
<th>Date</th>
<th>Location</th>
<th>Price</th>
</tr>
<tr>
</tr>
</table> -->
</div>
<div id="event_list" class="event_list" style="display: none;">
<h1>EVENT</h1>
<div class="event">
<div class="gambar"><img src="img/javajazz.png"></div>
<h1 id="event">Java Jazz 2019</h1>
<P>Date : <span id="date">01/03/2019</span></P>
<p>Location : <span id="location">JIEXPO KEMAYORAN, Jakarta</span></p>
<p>Price : <span id="price">Rp. 700.000</span></p>
<button class="order" onclick="orderEvent1();kirimPesan1();">ORDER</button>
</div>
<div class="event">
<div class="gambar"><img src="img/tedx.jpg"></div>
<h1 id="event2">Ted X Jakarta</h1>
<P>Date : <span id="date2">31/08/2019</span></P>
<p>Location : <span id="location2">Graha Bhakti Budaya, Jakarta</span></p>
<p>Price : <span id="price2">Rp. 300.000</span></p>
<button class="order" onclick="orderEvent2();kirimPesan2();">ORDER</button>
</div>
<div class="event">
<div class="gambar"><img src="img/jakcloth.jpg"></div>
<h1 id="event3">JakCloth Year End Sale</h1>
<P>Date : <span id="date3">25/12/2019</span></P>
<p>Location : <span id="location3">Plaza Tenggara GBK Senayan, Jakarta</span></p>
<p>Price : <span id="price3">Free</span></p>
<button class="order" onclick="orderEvent3();kirimPesan3();">ORDER</button>
</div>
<div class="event">
<div class="gambar"><img src="img/javajazz2020.png"></div>
<h1 id="event4">Java Jazz 2020</h1>
<P>Date : <span id="date4">28/02/2020</span></P>
<p>Location : <span id="location4">JIEXPO KEMAYORAN, Jakarta</span></p>
<p>Price : <span id="price4">Rp. 500.000</span></p>
<button class="order" onclick="orderEvent4();kirimPesan4();">ORDER</button>
</div>
<div class="event">
<div class="gambar"><img src="img/education.jpg"></div>
<h1 id="event5">International Education</h1>
<P>Date : <span id="date5">12/01/2020</span></P>
<p>Location : <span id="location5">Mercure Hotel Alam Sutera (Ballroom), Tangerang</span></p>
<p>Price : <span id="price5">Free</span></p>
<button class="order" onclick="orderEvent5();kirimPesan5();">ORDER</button>
</div>
<div class="event">
<div class="gambar"><img src="img/property.jpg"></div>
<h1 id="event6">JATIM PROPERTY EXPO 2020</h1>
<P>Date : <span id="date6">12/02/2020</span></P>
<p>Location : <span id="location6">Kaza City Surabaya, Jawa Timur</span></p>
<p>Price : <span id="price6">Free</span></p>
<button class="order" onclick="orderEvent6();kirimPesan6();">ORDER</button>
</div>
</div>
</body>
<script src="script.js"></script>
<script src="https://static.line-scdn.net/liff/edge/2.1/sdk.js"></script>
<script type="text/javascript" src="liff.js"></script>
</html>