setup for OUC meeting

index.html

@@ -73,6 +73,7 @@
     <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>

src/js/distribution.js

@@ -0,0 +1,58 @@
+Vue.component("distribution",{
+    data: function(){
+        return {
+            version:'',
+            versions: [],
+            show: true
+        }
+    },
+
+    methods:{
+        selectVersion(event){
+            console.log(event);
+        },
+        ExportExcel(what){
+
+        },
+        DownloadZIP(what){
+
+        }
+    },
+
+    created(){
+
+    },
+
+    template: `
+  <b-card title="ESPD Distribution">
+    <b-card-text>
+    Select the ESPD version and generate the ESPD Distribution ZIP files. The archives contain Code Lists and Model files. The Excel files can be downloaded separately.
+    </b-card-text>
+
+    <b-form-group label-cols="4" label-cols-lg="2" label-size="sm" label="ESPD version" label-for="input-espdversion">
+            <b-form-select id="input-espdversion" v-model="version" :options="versions" @change="selectVersion($event)"></b-form-select>
+        </b-form-group>
+    
+    <b-row>
+        <b-col >
+        Code Lists
+        </b-col>
+        <b-col  cols="10">
+        <a href="#" id='excel_file' name='excel_file' class="card-link"></a>
+        <b-button class="mb-3 mr-sm-2" pill @click="ExportExcel('codelist')" variant="warning">Create Excel</b-button>
+        <b-button class="mb-3" pill @click="DownloadZIP('codelist')" variant="success">Download all XML files as ZIP archive</b-button>
+        </b-col>
+    </b-row>
+    <b-row>
+        <b-col >
+        Model and Data structure
+        </b-col>
+        <b-col  cols="10">
+        <a href="#" id='excel_file' name='excel_file' class="card-link"></a>
+        <b-button class="mb-3 mr-sm-2" pill @click="ExportExcel('codelist')" variant="warning">Create Excel</b-button>
+        </b-col>
+    </b-row>   
+
+  </b-card> 
+    `
+});

src/js/header.js

@@ -35,11 +35,15 @@ Vue.component("publicHeader", {
 
 	<!-- Right aligned nav items -->
 	<b-navbar-nav class="ml-auto">
+	<!--
+	<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('model')">{{$t("mainmenu.model")}}</b-nav-item>
     <b-nav-item href="#" @click="doShow('service')">{{$t("mainmenu.service")}}</b-nav-item>
-    
+    -->
 	<b-dropdown right size="lg"  variant="link" toggle-class="text-decoration-none" no-caret>
 			<template #button-content>
 				<span :class="localeFlagClass()"></span>&nbsp;{{ getLocale() }}&nbsp;<b-icon icon="translate" aria-hidden="true"></b-icon>

src/js/home.js

@@ -11,9 +11,9 @@ Vue.component("home",{
             <template #header>ESPD Demo Site</template>
 
             <template #lead>
-            This site is a collection of Demo applications allowing you to get familiar with ESPD model
-    and service. This site is provided for educational and training purpouse. It does not constitute an
-    official implementation of the ESPD service. Consider this site as a Mock Service or a Playground.</p>
+            This site is a collection of Tools allowing you to get familiar with ESPD model
+    and examples. This site is provided for educational and training purpouses. It does not constitute an
+    official implementation of the ESPD service. Consider this site as a Test or Playground to get familiar with ESPD.</p>
     <p>Feel free to download or copy-and-paste any parts of this example.
             </template>
 

src/js/messages.js

@@ -5,6 +5,7 @@ const messages = {
         hello: 'Hello!'
       },
       mainmenu: {
+        distribution: 'Export',
         codelists: 'Lists',
         uuid: 'UUID',
         model: 'Model',
@@ -16,6 +17,7 @@ const messages = {
         hello: 'Bonjour!'
       },
       mainmenu: {
+        distribution: 'Exporter',
         codelists: 'Listes',
         uuid: 'UUID',
         model: 'Model',
@@ -27,6 +29,7 @@ const messages = {
         hello: 'Bine ati venit!'
       },
       mainmenu: {
+        distribution: 'Export',
         codelists: 'Liste',
         uuid: 'UUID',
         model: 'Model',