-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (115 loc) · 6.66 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
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
<!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" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!--
Copyright (c) 2021 European Union
Licensed under the EUPL, Version 1.2 or – as soon they will be approved by the European Commission – subsequent versions of the EUPL (the “Licence”); You may not use this work except in compliance with the Licence. You may obtain a copy of the Licence at:
https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
Unless required by applicable law or agreed to in writing, software distributed under the Licence is distributed on an “AS IS” basis, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licence for the specific language governing permissions and limitations under the Licence.
-->
<title>ESPD Demo</title>
<!-- Favicon -->
<link rel="icon" href="favicon.ico" sizes="any" type="image/ico">
<!-- Required Stylesheets -->
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap@4.6.1/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@2.23.0/dist/bootstrap-vue.css" />
<!-- Load polyfills to support older browsers -->
<!-- Blocked by Edge so getting rid of it
<script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2CIntersectionObserver"></script>
-->
<!-- Required scripts -->
<script src="https://unpkg.com/vue@2.6.12/dist/vue.min.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.23.0/dist/bootstrap-vue.js"></script>
<!-- Load the following for BootstrapVueIcons support -->
<script src="https://unpkg.com/bootstrap-vue@2.23.0/dist/bootstrap-vue-icons.min.js"></script>
<!-- Extra libraries needed by BootstrapVue -->
<script src="https://unpkg.com/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/portal-vue@2.1.7/dist/portal-vue.umd.min.js"></script>
<!-- Vue Internationalization framework -->
<script src="https://unpkg.com/vue-i18n@8"></script>
<!-- Vue flag icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.6.6/css/flag-icons.min.css" />
<!-- Custom stylesheet -->
<link rel="stylesheet" href="src/css/footer.css" />
<!-- PDFMake framework -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"
integrity="sha512-a9NgEEK7tsCvABL7KqtUTQjl69z7091EVPpw5KxPlZ93T141ffe1woLtbXTX+r2/8TtTvRX/v4zTL2UlMUPgwg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.min.js"
integrity="sha512-P0bOMePRS378NwmPDVPU455C/TuxDS+8QwJozdc7PGgN8kLqR4ems0U/3DeJkmiE31749vYWHvBOtR+37qDCZQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Handlebars famework -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"
integrity="sha512-RNLkV3d+aLtfcpEyFG8jRbnWHxUqVZozacROI4J2F1sTaDqo1dPQYs01OMi1t1w9Y2FdbSCDSQ2ZVdAC8bzgAg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- SheetJS framework -->
<script src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"></script>
<!-- JSZip v3.10.1 for archiving and export of XML distribution -->
<script src="src/jszip/jszip.min.js"></script>
<script src="src/jszip/jszip-utils.min.js"></script>
<!-- ExcelJS v4.4.0 for Excel export -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.js"></script>
<script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
<!-- XML Builder for ESPD Request and Response -->
<script src="https://cdn.jsdelivr.net/npm/xmlbuilder2/lib/xmlbuilder2.min.js"></script>
<!-- PouchDB for storage in browser -->
<script src="https://cdn.jsdelivr.net/npm/pouchdb@9.0.0/dist/pouchdb.min.js"></script>
<!-- Translation file -->
<script src="src/js/messages.js"></script>
<!-- Vuejs utility functions -->
<script src="src/js/utils.js"></script>
<!-- Vue components and application logic -->
<script src="ESPD/model/espd_v3.3.0.js"></script>
<script src="ESPD/model/espd_response_v3.3.0.js"></script>
<script src="ESPD/model/espd_v4.0.0.js"></script>
<script src="ESPD/model/espd_response_v4.0.0.js"></script>
<script src="ESPD/examples/startComponent.js"></script>
<script src="ESPD/examples/procedureComponent.js"></script>
<script src="ESPD/examples/exclusionGrounds.js"></script>
<script src="ESPD/examples/selectionCriteria.js"></script>
<script src="ESPD/examples/ESPDdownload.js"></script>
<script src="src/js/header.js"></script>
<script src="src/js/footer.js"></script>
<script src="src/js/home.js"></script>
<script src="src/js/distribution.js"></script>
<script src="src/js/codelists.js"></script>
<script src="src/js/model.js"></script>
<script src="src/js/service.js"></script>
<script src="src/js/uuid.js"></script>
</head>
<body>
<!-- Our application root element -->
<div id="app">
<header style="border-bottom: 6px solid #2c862d">
<component v-bind:is="currentHeader"></component>
</header>
<main>
<!-- Top menu -->
<div class="mx-3 my-2">
<b-nav tabs>
<b-nav-item href="#" @click="doShow('distribution')">{{$t("mainmenu.distribution")}}</b-nav-item>
<b-nav-item href="#" @click="doShow('codelists')">{{$t("mainmenu.codelists")}}</b-nav-item>
<b-nav-item href="#" @click="doShow('uuid')">{{$t("mainmenu.uuid")}}</b-nav-item>
<b-nav-item href="#" @click="doShow('model')">{{$t("mainmenu.model")}}</b-nav-item>
<b-nav-item href="#" @click="doShow('service')">{{$t("mainmenu.service")}}</b-nav-item>
</b-nav>
</div>
<!-- Main content here -->
<component v-bind:is="mainComponent"></component>
</main>
<!--<footer class="footer">-->
<!-- We want footer content here -->
<!--<component v-bind:is="currentFooter"></component>-->
<!--</footer>-->
</div>
<!-- Start running your app -->
<script src="src/js/app.js"></script>
<script>
window.app.showLayout({ currentHeader: 'publicHeader', mainComponent: 'home', currentFooter: 'publicFooter' })
</script>
</body>
</html>