From 346e68fc59d9cee0baea9278a2944b978c050d2d Mon Sep 17 00:00:00 2001
From: Christoph Friedrich <christoph@friedrich-whv.de>
Date: Tue, 15 Apr 2025 16:11:16 +0200
Subject: [PATCH 1/3] Fix notices not showing if description not set

---
 components/Collection.vue  | 4 ++--
 components/FileFormat.vue  | 4 ++--
 components/Item.vue        | 4 ++--
 components/Job.vue         | 4 ++--
 components/Process.vue     | 4 ++--
 components/ServiceType.vue | 4 ++--
 components/UdfRuntime.vue  | 4 ++--
 7 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/Collection.vue b/components/Collection.vue
index 57777e0..5728bf6 100644
--- a/components/Collection.vue
+++ b/components/Collection.vue
@@ -16,10 +16,10 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<section class="description" v-if="stac.description">
+		<section class="description" v-if="stac.description || stac.deprecated || supportedBy || affectedByMissing">
 			<h3>Description</h3>
 
-			<Description :description="stac.description"></Description>
+			<Description v-if="stac.description" :description="stac.description"></Description>
 			<DeprecationNotice v-if="stac.deprecated" entity="collection" />
 			<FederationNotice v-if="supportedBy" :backends="supportedBy" :federation="federation" entity="collection" />
 			<FederationMissingNotice v-if="affectedByMissing" :missing="missing" :federation="federation" />
diff --git a/components/FileFormat.vue b/components/FileFormat.vue
index a2ad158..0532283 100644
--- a/components/FileFormat.vue
+++ b/components/FileFormat.vue
@@ -24,9 +24,9 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<section class="description" v-if="format.description">
+		<section class="description" v-if="format.description || format.deprecated || format.experimental || format['federation:backends']">
 			<h3>Description</h3>
-			<Description :description="format.description" />
+			<Description v-if="format.description" :description="format.description" />
 			<DeprecationNotice v-if="format.deprecated" entity="file format" />
 			<ExperimentalNotice v-if="format.experimental" entity="file format" />
 			<FederationNotice v-if="format['federation:backends']" :backends="format['federation:backends']" :federation="federation" entity="file format" />
diff --git a/components/Item.vue b/components/Item.vue
index ccaa969..8e5fd61 100644
--- a/components/Item.vue
+++ b/components/Item.vue
@@ -8,8 +8,8 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<summary class="description" v-if="properties.description">
-			<Description :description="properties.description"></Description>
+		<summary class="description" v-if="properties.description || properties.deprecated || stac['federation:missing']">
+			<Description v-if="properties.description" :description="properties.description"></Description>
 
 			<DeprecationNotice v-if="properties.deprecated" entity="item" />
 			<FederationMissingNotice v-if="stac['federation:missing']" :missing="stac['federation:missing']" :federation="federation" />
diff --git a/components/Job.vue b/components/Job.vue
index 1dc3cd0..145fd3f 100644
--- a/components/Job.vue
+++ b/components/Job.vue
@@ -47,9 +47,9 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<summary class="description" v-if="job.description">
+		<summary class="description" v-if="job.description || job['federation:missing']">
 			<h3>Description</h3>
-			<Description :description="job.description" />
+			<Description v-if="job.description" :description="job.description" />
 
 			<FederationMissingNotice v-if="job['federation:missing']" :missing="job['federation:missing']" :federation="federation" />
 		</summary>
diff --git a/components/Process.vue b/components/Process.vue
index 2493047..e8460de 100644
--- a/components/Process.vue
+++ b/components/Process.vue
@@ -33,10 +33,10 @@
 
 		<slot name="before-description" :v-bind="$props"></slot>
 
-		<section class="description" v-if="process.description">
+		<section class="description" v-if="process.description || process.deprecated || process.experimental || process['federation:backends']">
 			<h3>Description</h3>
 			<code class="signature" v-html="signature"></code>
-			<Description :description="process.description" :processUrl="processUrl" />
+			<Description v-if="process.description" :description="process.description" :processUrl="processUrl" />
 			<DeprecationNotice v-if="process.deprecated" entity="process" />
 			<ExperimentalNotice v-if="process.experimental" entity="process" />
 			<FederationNotice v-if="process['federation:backends']" :backends="process['federation:backends']" :federation="federation" entity="process" />
diff --git a/components/ServiceType.vue b/components/ServiceType.vue
index 6b518ed..19d6080 100644
--- a/components/ServiceType.vue
+++ b/components/ServiceType.vue
@@ -14,9 +14,9 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<section class="description" v-if="service.description">
+		<section class="description" v-if="service.description || service.deprecated || service.experimental || serivce['federation:backends']">
 			<h3>Description</h3>
-			<Description :description="service.description" />
+			<Description v-if="service.description" :description="service.description" />
 			<DeprecationNotice v-if="service.deprecated" entity="type of secondary web service" />
 			<ExperimentalNotice v-if="service.experimental" entity="type of secondary web service" />
 			<FederationNotice v-if="service['federation:backends']" :backends="service['federation:backends']" :federation="federation" entity="type of secondary web service" />
diff --git a/components/UdfRuntime.vue b/components/UdfRuntime.vue
index 8bec82f..05d8d96 100644
--- a/components/UdfRuntime.vue
+++ b/components/UdfRuntime.vue
@@ -21,8 +21,8 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<section class="description" v-if="runtime.description">
-			<Description :description="runtime.description"></Description>
+		<section class="description" v-if="runtime.description || runtime.deprecated || runtime.experimental || runtime['federation:backends']">
+			<Description v-if="runtime.description" :description="runtime.description"></Description>
 			<DeprecationNotice v-if="runtime.deprecated" entity="UDF runtime" />
 			<ExperimentalNotice v-if="runtime.experimental" entity="UDF runtime" />
 			<FederationNotice v-if="runtime['federation:backends']" :backends="runtime['federation:backends']" :federation="federation" entity="UDF runtime" />

From 50f2f3442748e2adeac0c41926af40f72b62d584 Mon Sep 17 00:00:00 2001
From: Christoph Friedrich <christoph@friedrich-whv.de>
Date: Thu, 17 Apr 2025 15:03:57 +0200
Subject: [PATCH 2/3] Fix typo

---
 components/ServiceType.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ServiceType.vue b/components/ServiceType.vue
index 19d6080..c6dcbfd 100644
--- a/components/ServiceType.vue
+++ b/components/ServiceType.vue
@@ -14,7 +14,7 @@
 
 		<slot name="before-description" v-bind="$props"></slot>
 
-		<section class="description" v-if="service.description || service.deprecated || service.experimental || serivce['federation:backends']">
+		<section class="description" v-if="service.description || service.deprecated || service.experimental || service['federation:backends']">
 			<h3>Description</h3>
 			<Description v-if="service.description" :description="service.description" />
 			<DeprecationNotice v-if="service.deprecated" entity="type of secondary web service" />

From 616ea055259bc793b1471de2401221f4c48b6d55 Mon Sep 17 00:00:00 2001
From: Christoph Friedrich <christoph@friedrich-whv.de>
Date: Wed, 23 Apr 2025 15:40:29 +0200
Subject: [PATCH 3/3] Add `compact` prop to FederationMissingNotice

---
 CHANGELOG.md                           |  4 ++++
 README.md                              |  1 +
 components/FederationMissingNotice.vue | 29 ++++++++++++++++++++++++--
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fb4b782..d1a0f85 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- `FederationMissingNotice`: Prop `compact`
+
 ## [2.18.3] - 2025-01-15
 
 ### Fixed
diff --git a/README.md b/README.md
index 5fc6776..03cab58 100644
--- a/README.md
+++ b/README.md
@@ -252,6 +252,7 @@ Show a message that a response is incomplete due to missing data from an inacces
 - `missing` (array, required): The identifiers of the federated back-ends that are not providing data for the list of processes due to an issue.
 - `federation` (object): The data of the `federation` property obtained from the capabilities.
 - `retry` (function): Displays a "retry" button which executes the given function. 
+- `compact` (boolean): Renders the notice more compact if set to `true`. Defaults to `false`.
 
 **Slots:**
 
diff --git a/components/FederationMissingNotice.vue b/components/FederationMissingNotice.vue
index 848ace7..124c74b 100644
--- a/components/FederationMissingNotice.vue
+++ b/components/FederationMissingNotice.vue
@@ -1,5 +1,5 @@
 <template>
-	<section v-if="services" class="vue-component message-block federation federation-backends">
+	<section v-if="services" class="vue-component message-block federation federation-backends" :class="{compact: compact}">
 		<AsyncButton v-if="retry" confirm class="retry" :fn="retry">Retry</AsyncButton>
 		<strong class="header">Incomplete</strong>
 		<p>
@@ -9,7 +9,7 @@
 			<li v-for="service in services" :key="service.url">
 				<div class="fed-header">
 					<strong class="fed-title">{{ service }}</strong>
-					<ul class="badges small inline">
+					<ul v-if="!compact" class="badges small inline">
 						<li class="badge red">offline</li>
 					</ul>
 				</div>
@@ -35,6 +35,10 @@ export default {
 			type: Function,
 			default: null
 		},
+		compact: {
+			type: Boolean,
+			default: false
+		},
 		federation: {
 			type: Object,
 			default: () => ({})
@@ -78,4 +82,25 @@ export default {
 		float: right;
 	}
 }
+
+.vue-component.federation-backends.compact {
+	margin: 0;
+	padding: 0.25em;
+
+	strong, p, ul, ul li, ul li div {
+		display: inline;
+	}
+	
+	strong.header, p {
+		margin-right: 5px;
+	}
+	
+	ul {
+		padding-left: 0;
+	}
+
+	li:not(:last-child)::after {
+		content: ", "
+	}
+}
 </style>
\ No newline at end of file