Pass federation info to modals and wizards (#230)

And one more in the DiscoveryToolbar

Author: christophfriedrich

src/components/DiscoveryToolbar.vue

@@ -40,7 +40,7 @@
 				</template>
 			</Processes>
 
-			<UdfRuntimes v-if="hasUdfRuntimes" class="category" :runtimes="udfRuntimes" :searchTerm="searchTerm" :offerDetails="false" :collapsed="collapsed" :hideDeprecated="!showDeprecated" :hideExperimental="!showExperimental">
+			<UdfRuntimes v-if="hasUdfRuntimes" class="category" :runtimes="udfRuntimes" :searchTerm="searchTerm" :offerDetails="false" :collapsed="collapsed" :hideDeprecated="!showDeprecated" :hideExperimental="!showExperimental" :federation="federation">
 				<template #summary="{ summary, item }">
 					<div class="discovery-entity" :draggable="supportsRunUdf" @dragstart="onDrag($event, 'udf', {runtime: summary.identifier, version: item.default})">
 						<div class="discovery-info" @click="showUdfInfo(summary.identifier, item)">

src/components/modals/FileFormatModal.vue

@@ -1,10 +1,11 @@
 <template>
 	<Modal ref="modal" width="50%" :title="title" @closed="$emit('closed')">
-		<FileFormat :id="id" :format="format" :type="type"></FileFormat>
+		<FileFormat :id="id" :format="format" :type="type" :federation="federation"></FileFormat>
 	</Modal>
 </template>
 
 <script>
+import Utils from '../../utils.js';
 import Modal from './Modal.vue';
 import FileFormat from '@openeo/vue-components/components/FileFormat.vue';
 
@@ -26,6 +27,7 @@ export default {
 		}
 	},
 	computed: {
+		...Utils.mapState(['federation']),
 		title() {
 			return this.format.title || this.id;
 		}

src/components/modals/ProcessModal.vue

@@ -3,7 +3,7 @@
 		<div class="docgen">
 			<!-- ToDo: Implement processUrl -->
 			<!-- ToDo: Show info (badge?) that process is custom -->
-			<Process :process="process" :provideDownload="false" :showGraph="true">
+			<Process :process="process" :provideDownload="false" :showGraph="true" :federation="federation">
 				<template #process-graph>
 					<Editor :value="process" :editable="false" class="infoViewer" id="pgInfoViewer" />
 				</template>
@@ -31,6 +31,7 @@ export default {
 		}
 	},
 	computed: {
+		...Utils.mapState(['federation']),
 		minWidth() {
 			if (Utils.isObject(this.process) && this.process.process_graph) {
 				return "80%";

src/components/modals/ProcessParameterModal.vue

@@ -9,12 +9,13 @@
 					See below for details about this parameter:
 				</span>
 			</p>
-			<ProcessParameter :parameter="parameter" />
+			<ProcessParameter :parameter="parameter" :federation="federation" />
 		</div>
 	</Modal>
 </template>
 
 <script>
+import Utils from '../../utils.js';
 import Modal from './Modal.vue';
 import ProcessParameter from '@openeo/vue-components/components/internal/ProcessParameter.vue';
 
@@ -34,6 +35,7 @@ export default {
 		}
 	},
 	computed: {
+		...Utils.mapState(['federation']),
 		title() {
 			return this.parameter.name || 'Unnamed Parameter';
 		}

src/components/modals/ServerInfoModal.vue

@@ -4,13 +4,13 @@
 			<Capabilities :capabilities="capabilities" :url="url" />
 
 			<h3>File formats</h3>
-			<FileFormats :formats="fileFormats" searchTerm="" :heading="null" />
+			<FileFormats :formats="fileFormats" searchTerm="" :heading="null" :federation="federation" :missing="federationMissing.fileFormats"/>
 
 			<h3>Secondary web services</h3>
-			<ServiceTypes :services="serviceTypes" searchTerm="" :heading="null" />
+			<ServiceTypes :services="serviceTypes" searchTerm="" :heading="null" :federation="federation" />
 
 			<h3>Runtimes for user-defined functions (UDF)</h3>
-			<UdfRuntimes :runtimes="udfRuntimes" searchTerm="" :heading="null" />
+			<UdfRuntimes :runtimes="udfRuntimes" searchTerm="" :heading="null" :federation="federation" />
 		</div>
 	</Modal>
 </template>
@@ -34,6 +34,7 @@ export default {
 	},
 	computed: {
 		...Utils.mapState(['connection', 'serviceTypes', 'udfRuntimes']),
+		...Utils.mapState(['federation', 'federationMissing']),
 		...Utils.mapGetters(['fileFormats']),
 		capabilities() {
 			return this.connection.capabilities().toJSON();

src/components/modals/UdfRuntimeModal.vue

@@ -1,10 +1,11 @@
 <template>
 	<Modal width="80%" :title="title" @closed="$emit('closed')">
-		<UdfRuntime :id="id" :runtime="data" :version="version"></UdfRuntime>
+		<UdfRuntime :id="id" :runtime="data" :version="version" :federation="federation"></UdfRuntime>
 	</Modal>
 </template>
 
 <script>
+import Utils from '../../utils.js';
 import Modal from './Modal.vue';
 import UdfRuntime from '@openeo/vue-components/components/UdfRuntime.vue';
 
@@ -26,6 +27,7 @@ export default {
 		}
 	},
 	computed: {
+		...Utils.mapState(['federation']),
 		title() {
 			return this.data.title || this.id;
 		}

src/components/wizards/tabs/ChooseCollection.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="step choose-collection">
 		<p>Please select the collection which you want to download data for.</p>
-		<Collections heading="" :collections="filteredCollections" :offerDetails="false">
+		<Collections heading="" :collections="filteredCollections" :offerDetails="false" :federation="federation" :missing="federationMissing.collections">
 			<template #summary="{ item }">
 				<div :class="{element: true, selected: item.id == value}">
 					<div class="summary" @click="update(item.id)">
@@ -39,7 +39,7 @@ export default {
 		}
 	},
 	computed: {
-		...Utils.mapState(['collections']),
+		...Utils.mapState(['collections', 'federation', 'federationMissing']),
 		filteredCollections() {
 			if (typeof this.filter === 'function') {
 				return this.collections.filter(this.filter);

src/components/wizards/tabs/ChooseUserDefinedProcess.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="step choose-process">
 		<p>Please select the user-defined process to execute:</p>
-		<Processes heading="" :processes="filteredProcesses" :offerDetails="false">
+		<Processes heading="" :processes="filteredProcesses" :offerDetails="false" :federation="federation" :missing="federationMissing.processes">
 			<template #summary="{ item }">
 				<div :class="{element: true, selected: item.id == value}">
 					<div class="summary" @click="update(item)">
@@ -47,6 +47,7 @@ export default {
 	},
 	computed: {
 		...Utils.mapGetters(['processes']),
+		...Utils.mapState(['federation', 'federationMissing']),
 		filteredProcesses() {
 			return this.processes.namespace(this.namespace || 'user');
 		}