-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout.html
154 lines (143 loc) · 7.12 KB
/
layout.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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="style.css">
<title>OCR Demo</title>
</head>
<body>
<header class="top-bar-title">
<h1 class="text-center">OCR DEMO</h1>
</header>
<content>
<div class="center-container">
<div class="container">
<div class="row">
<div class="col-sm-12 order-none col-md-6 text-center border">
<!-- an image placeholder -->
<div>
<p class="large-text">Upload hình sổ hồng</p>
<img id="so_hong_image">
<input type="file" id="photo">
</div>
</div>
<div class="col-sm-12 order-2 order-md-1 col-md-6 text-center border">
<div id="p5js"></div>
<div id="map"></div>
<p id="address"></p>
<p id="error" style="display: none"></p>
</div>
<div class="col-sm-12 order-1 order-md-2 text-center">
<div style="padding-top: 10px; padding-bottom: 10px">
<select id="crs">
<option value="9210">TP. HCM</option>
<option value="9208">An Giang</option>
<option value="5897">Bạc Liêu</option>
<option value="9214">Bắc Giang</option>
<option value="9213">Bắc Kạn</option>
<option value="9209">Bắc Ninh</option>
<option value="9210">Bến Tre</option>
<option value="9210">Bình Dương</option>
<option value="9217">Bình Định</option>
<option value="9218">Bình Thuận</option>
<option value="9212">Bình Phước</option>
<option value="5899">BR_Vũng Tầu</option>
<option value="9207">Cà Mau</option>
<option value="9210">Cao Bằng</option>
<option value="5897">Cần Thơ</option>
<option value="5899">Đà Nẵng</option>
<option value="9218">Đắk Lắk</option>
<option value="9218">Đắk Nông</option>
<option value="9206">Điện Biên</option>
<option value="5899">Đồng Nai</option>
<option value="5897">Đồng Tháp</option>
<option value="9218">Gia Lai</option>
<option value="9209">Hà Giang</option>
<option value="5897">Hà Nam</option>
<option value="5897">Hà Nội</option>
<option value="5897">Hà Tây</option>
<option value="9209">Hà Tĩnh</option>
<option value="9209">Hải Dương</option>
<option value="9210">Hải Phòng</option>
<option value="5898">Hậu Giang</option>
<option value="9211">Hoà Bình</option>
<option value="9209">Hưng Yên</option>
<option value="9216">Kon Tum</option>
<option value="9217">Khánh Hoà</option>
<option value="9207">Kiên Giang</option>
<option value="9205">Lai Châu</option>
<option value="9208">Lào Cai</option>
<option value="9215">Lạng Sơn</option>
<option value="5899">Lâm Đồng</option>
<option value="9210">Long An</option>
<option value="9209">Nam Định</option>
<option value="5897">Ninh Bình</option>
<option value="9217">Ninh Thuận</option>
<option value="9208">Nghệ An</option>
<option value="9208">Phú Thọ</option>
<option value="9218">Phú Yên</option>
<option value="9211">Quảng Bình</option>
<option value="5899">Quảng Nam</option>
<option value="5899">Quảng Ninh</option>
<option value="5898">Quảng Ngãi</option>
<option value="9212">Quảng Trị</option>
<option value="9209">Sóc Trăng</option>
<option value="9206">Sơn La</option>
<option value="9209">Tây Ninh</option>
<option value="9209">Thái Bình</option>
<option value="9213">Thái Nguyên</option>
<option value="5897">Thanh Hoá</option>
<option value="9210">Tiền Giang</option>
<option value="9209">Trà Vinh</option>
<option value="9214">TT-Huế</option>
<option value="9211">Tuyên Quang</option>
<option value="9209">Vĩnh Long</option>
<option value="5897">Vĩnh Phúc</option>
<option value="9208">Yên Bái</option>
</select>
</div>
<button class="btn btn-primary btn-lg" onclick="predict()">Click</button>
</div>
</div>
</div>
</div>
</content>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.15/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.15/addons/p5.dom.min.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-storage.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyByarZUkaCwF9GSOGn57Oto46SVGUHjJD4",
authDomain: "upload-pics-ea915.firebaseapp.com",
databaseURL: "https://upload-pics-ea915.firebaseio.com",
projectId: "upload-pics-ea915",
storageBucket: "upload-pics-ea915.appspot.com",
messagingSenderId: "729136135160",
appId: "1:729136135160:web:db44dfabe38d80e071340d",
measurementId: "G-PS9Y21QENQ"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoidG9raXNha2lrdXJ1bWkyMDAxIiwiYSI6ImNrZW14aXlvYjExNTUyeW53bWlyZWh0OHgifQ.Bvwomqo3wwXFbZw1ImbS5g';
</script>
<script src="progress-bar.js"></script>
<script src="draw-map.js"></script>
<script src="script.js"></script>
</body>
</html>