-
Notifications
You must be signed in to change notification settings - Fork 35
/
Copy pathmodals.html
93 lines (92 loc) · 5.54 KB
/
modals.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
<div id="Splash_Modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document" data-keyboard="false">
<div class="modal-content">
<div class="modal-body">
<img src="" style="width: 100%;" id="splash_image"><br>
<div class="d-flex justify-content-center">
<div class="spinner-border text-primary mx-auto" role="status"> <span class="sr-only">Loading...</span> </div>
</div>
</div>
</div>
</div>
</div>
<div id="PoiView_Modal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document" data-keyboard="false">
<div class="modal-content shadow">
<span id="osmid" class="d-none"></span>
<div class="modal-body">
<div class="container-fluid">
<div class="row mb-1 align-items-center">
<div class="col-2 p-1" glot-model="modal_name"></div>
<div class="col-9 p-1"><span id="name" class="font-weight-bold"></span></div>
<button class="btn btn-success col-1 p-0" onclick="Takeaway.openmap($('#osmid').html())">
<i class="fas fa-map-marked-alt"></i>
</button>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1 text-break" glot-model="modal_category"></div>
<div class="col-9 p-1">
<img src="" class="icon mr-1" id="category-icon" /><span id="category"></span><span id="outdoor_seating"></span>
<span id="copied" class="text-right text-nowrap" glot-model="modal_copied"></span>
</div>
<button type="button" class="btn btn-warning col-1 p-0" onclick="Takeaway.sharemap()">
<i class="fas fa-clone"></i><span id="copied" class="text-right text-nowrap" glot-model="modal_copied"></span>
</button>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1 text-break" glot-model="modal_cuisine"></div>
<div class="col-9 p-1"><span id="cuisine"></span></div>
<button type="button" class="btn col-1 p-0" id="modal_bookmark" style="display:none">
<i class="fas fa-star"></i>
</button>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1"></div>
<button class="btn btn-secondary col-1 p-0 mr-2" id="website" onclick="Takeaway.opensite($('#osmid').html(),'website')">
<i class="fas fa-home"></i>
</button>
<button class="btn btn-warning col-1 p-0 mr-2" id="sns_instagram" onclick="Takeaway.opensite($('#osmid').html(),'instagram')">
<i class="fab fa-instagram"></i>
</button>
<button class="btn btn-info col-1 p-0 mr-2" id="sns_twitter" onclick="Takeaway.opensite($('#osmid').html(),'twitter')">
<i class="fab fa-twitter"></i>
</button>
<button class="btn btn-primary col-1 p-0 mr-2" id="sns_facebook" onclick="Takeaway.opensite($('#osmid').html(),'facebook')">
<i class="fab fa-facebook-f"></i>
</button>
<div class="col-6 p-1"><span id="phone"></span></div>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1 text-break" glot-model="modal_opening_hours"></div>
<div class="col-10 p-1"><span id="opening_hours"></span></div>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1 text-break" glot-model="modal_delivery"></div>
<div class="col-3 p-1"><span id="delivery"></span></div>
<div class="col-3 p-1 text-break" glot-model="modal_takeaway"></div>
<div class="col-4 p-1"><span id="takeaway"></span></div>
</div>
<div class="row mb-1 align-items-center">
<div class="col-2 p-1 text-break" glot-model="modal_description"></div>
<div class="col-10 p-1">
<pre id="description" class="pb-2 mb-0"></pre>
<span glot-model="modal_notice"></span>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="container-fluid">
<div class="row mb-1 align-items-center">
<div class="col-8 p-1"><span glot-model="modal_update"></span><span id="timestamp"></span></div>
<div class="col-4 p-1">
<button class="btn btn-primary float-right" data-dismiss="modal">
<i class="far fa-window-close"></i><span class="ml-2" glot-model="modal_close"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>