forked from PharmaLedger-IMI/lightweightPWA
-
Notifications
You must be signed in to change notification settings - Fork 0
/
leaflet.html
69 lines (65 loc) · 3.08 KB
/
leaflet.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
<head>
<link href="css/main.css" rel="stylesheet">
<title>PharmaLedger</title>
</head>
<body>
<div class="page-container leaflet-page">
<div class="page-header">
<span class="product-name"></span>
<span class="product-description"></span>
</div>
<div class="page-content">
<div class="loader"></div>
<div id="leaflet-content">
</div>
<div class="scan-button" onclick="leafletController.scanAgainHandler()" translate="scan_again"></div>
</div>
</div>
<div id="expired-modal" class="modal-container error-modal">
<div class="modal-body">
<div class="modal-header">
<div class="modal-icon"></div>
<div class="modal-title" id="expired-title" translate="leaflet_expired_title"></div>
<div class="modal-subtitle" id="expired-subtitle" translate="leaflet_expired_subtitle"></div>
<div class="close-modal" onclick="leafletController.closeModal('expired-modal')"></div>
</div>
<div class="modal-content" translate="leaflet_expired_message"></div>
</div>
</div>
<div id="incorrect-date-modal" class="modal-container error-modal">
<div class="modal-body">
<div class="modal-header">
<div class="modal-icon"></div>
<div class="modal-title" id="incorrect-date-title" translate="leaflet_incorrect_date_title"></div>
<div class="modal-subtitle" id="incorrect-date-subtitle" translate="leaflet_incorrect_date_subtitle"></div>
<div class="close-modal" onclick="leafletController.closeModal('incorrect-date-modal')"></div>
</div>
<div class="modal-content" translate="leaflet_incorrect_date_message"></div>
</div>
</div>
<div id="leaflet-lang-select" class="modal-container warning-modal">
<div class="modal-body">
<div class="modal-header">
<div class="modal-icon"></div>
<div class="modal-title" id="lang-title" translate="select_lang_title"></div>
<div class="modal-subtitle" id="lang-subtitle" translate="select_lang_subtitle"></div>
<div class="close-modal" onclick="leafletController.closeModal('leaflet-lang-select')"></div>
</div>
<div class="modal-content">
<div class="text-section has-leaflets" translate="leaflet_lang_select_message"></div>
<div class="text-section no-leaflet" translate="no_leaflet_message"></div>
<div class="languages-container"></div>
<div class="proceed-button has-leaflets" onclick="leafletController.getLangLeaflet()"
translate="lang_proceed"></div>
<div class="proceed-button no-leaflet" onclick="leafletController.scanAgainHandler()"
translate="scan_again"></div>
<div class="go-back-button" onclick="leafletController.goHome()" translate="go_home"></div>
</div>
</div>
</div>
</body>
<script type="module">
import {translate} from "./js/translations.js";
document.getElementsByTagName("body").onload = translate();
</script>
<script src="./js/controllers/LeafletController.js" type="module"></script>