feat: Add browsing description

fix #247
visualize-admin · Jan 19, 2022 · 5a393d8 · 5a393d8
1 parent ffcae8a
commit 5a393d8
Show file tree

Hide file tree

Showing 5 changed files with 99 additions and 58 deletions.
diff --git a/app/configurator/components/select-dataset-step.tsx b/app/configurator/components/select-dataset-step.tsx
@@ -113,16 +113,41 @@ export const SelectDatasetStepContent = () => {
  }}
  >
  <Box sx={{ maxWidth: 900 }}>
- <Text variant="heading1" sx={{ mb: 4 }}>
- {dataset ? null : filters.length > 0 ? (
- filters
- .filter((f) => f.__typename !== "DataCubeAbout")
- .map((f) => (f.__typename !== "DataCubeAbout" ? f.label : null))
- .join(", ")
- ) : (
- <Trans id="browse.datasets.all-datasets">All datasets</Trans>
- )}
- </Text>
+ {dataset ? null : filters.length > 0 ? (
+ filters
+ .filter((f) => f.__typename !== "DataCubeAbout")
+ .map((f) => (f.__typename !== "DataCubeAbout" ? f.label : null))
+ .join(", ")
+ ) : (
+ <>
+ <Text
+ variant="heading1"
+ color="monochrome800"
+ mb={4}
+ sx={{ display: "block" }}
+ >
+ <Trans id="browse.datasets.all-datasets">All datasets</Trans>
+ </Text>
+ <Text
+ variant="paragraph1"
+ color="monochrome800"
+ sx={{
+ mb: 4,
+ maxWidth: 800,
+ fontWeight:"light",
+ display: "block",
+ }}
+ >
+ <Trans id="browse.datasets.description">
+ Explore datasets provided by the LINDAS Linked Data Service by
+ either filtering by categories or organisations or search
+ directly for specific keywords. Click on a dataset to see more
+ detailed information and start creating your own
+ visualizations.
+ </Trans>
+ </Text>
+ </>
+ )}
  {dataset ? null : (
  <Box mb={4}>
  <SearchDatasetBox browseState={browseState} searchResult={data} />

diff --git a/app/locales/de/messages.po b/app/locales/de/messages.po
@@ -45,10 +45,14 @@ msgstr "Kategorien"
 msgid "browse.dataset.create-visualization"
 msgstr "Visualisierung erstellen"
 
-#: app/configurator/components/select-dataset-step.tsx:119
+#: app/configurator/components/select-dataset-step.tsx:129
 msgid "browse.datasets.all-datasets"
 msgstr "Alle Datensätze"
 
+#: app/configurator/components/select-dataset-step.tsx:141
+msgid "browse.datasets.description"
+msgstr "Erkunden Sie die vom LINDAS Linked Data Service bereitgestellten Datensätze, indem Sie entweder nach Kategorien oder Organisationen filtern oder direkt nach bestimmten Stichworten suchen. Klicken Sie auf einen Datensatz, um detailliertere Informationen zu erhalten und Ihre eigenen Visualisierungen zu erstellen."
+
 #: app/pages/v/[chartId].tsx:122
 msgid "button.copy.visualization"
 msgstr "Diese Visualisierung kopieren"
@@ -259,7 +263,7 @@ msgstr "Tabelle"
 msgid "controls.color"
 msgstr "Farbe"
 
-#: app/configurator/components/chart-controls/control-tab.tsx:42
+#: app/configurator/components/chart-controls/control-tab.tsx:41
 msgid "controls.color.add"
 msgstr "Hinzufügen …"
 
@@ -455,8 +459,8 @@ msgstr "Tabellensortierung"
 msgid "controls.section.tableoptions"
 msgstr "Tabellenoptionen"
 
-#: app/configurator/components/chart-type-selector.tsx:131
-#: app/configurator/components/chart-type-selector.tsx:134
+#: app/configurator/components/chart-type-selector.tsx:130
+#: app/configurator/components/chart-type-selector.tsx:133
 msgid "controls.select.chart.type"
 msgstr "Diagrammtyp"
 
@@ -597,7 +601,7 @@ msgstr "Suche anzeigen"
 msgid "controls.title"
 msgstr "Titel hinzufügen"
 
-#: app/configurator/components/select-dataset-step.tsx:93
+#: app/configurator/components/select-dataset-step.tsx:97
 msgid "dataset-preview.back-to-results"
 msgstr "Zurück zu den Datensätzen"
 
@@ -613,23 +617,23 @@ msgstr "Einige Daten in diesem Datensatz fehlen und wurden interpoliert, um die
 msgid "dataset.includeDrafts"
 msgstr "Entwürfe einschließen"
 
-#: app/configurator/components/dataset-metadata.tsx:45
+#: app/configurator/components/dataset-metadata.tsx:49
 msgid "dataset.metadata.date.created"
 msgstr "Erstellungsdatum"
 
-#: app/configurator/components/dataset-metadata.tsx:57
+#: app/configurator/components/dataset-metadata.tsx:61
 msgid "dataset.metadata.email"
 msgstr "Kontaktstellen"
 
-#: app/configurator/components/dataset-metadata.tsx:71
+#: app/configurator/components/dataset-metadata.tsx:75
 msgid "dataset.metadata.landingPage"
 msgstr "Weitere Informationen"
 
-#: app/configurator/components/dataset-metadata.tsx:31
+#: app/configurator/components/dataset-metadata.tsx:35
 msgid "dataset.metadata.source"
 msgstr "Quelle"
 
-#: app/configurator/components/dataset-metadata.tsx:52
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -711,7 +715,7 @@ msgstr "Sie können diese Visualisierung teilen oder sie einbetten. Zudem könne
 msgid "hint.loading.data"
 msgstr "Lade Daten …"
 
-#: app/configurator/components/chart-type-selector.tsx:139
+#: app/configurator/components/chart-type-selector.tsx:138
 msgid "hint.no.visualization.with.dataset"
 msgstr "Mit dem ausgewählten Datensatz kann keine Visualisierung erstellt werden."
 
@@ -828,6 +832,6 @@ msgstr "Diagrammtyp"
 msgid "step.visualize"
 msgstr "Visualisieren"
 
-#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:96
+#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:80
 msgid "table.column.no"
 msgstr "Spalte {0}"
diff --git a/app/locales/en/messages.po b/app/locales/en/messages.po
@@ -45,10 +45,14 @@ msgstr "Categories"
 msgid "browse.dataset.create-visualization"
 msgstr "Create visualization"
 
-#: app/configurator/components/select-dataset-step.tsx:119
+#: app/configurator/components/select-dataset-step.tsx:129
 msgid "browse.datasets.all-datasets"
 msgstr "All Datasets"
 
+#: app/configurator/components/select-dataset-step.tsx:141
+msgid "browse.datasets.description"
+msgstr "Explore datasets provided by the LINDAS Linked Data Service by either filtering by categories or organisations or search directly for specific keywords. Click on a dataset to see more detailed information and start creating your own visualizations."
+
 #: app/pages/v/[chartId].tsx:122
 msgid "button.copy.visualization"
 msgstr "Copy This Visualization"
@@ -259,7 +263,7 @@ msgstr "Table"
 msgid "controls.color"
 msgstr "Color"
 
-#: app/configurator/components/chart-controls/control-tab.tsx:42
+#: app/configurator/components/chart-controls/control-tab.tsx:41
 msgid "controls.color.add"
 msgstr "Add ..."
 
@@ -455,8 +459,8 @@ msgstr "Table Sorting"
 msgid "controls.section.tableoptions"
 msgstr "Table Options"
 
-#: app/configurator/components/chart-type-selector.tsx:131
-#: app/configurator/components/chart-type-selector.tsx:134
+#: app/configurator/components/chart-type-selector.tsx:130
+#: app/configurator/components/chart-type-selector.tsx:133
 msgid "controls.select.chart.type"
 msgstr "Chart Type"
 
@@ -597,7 +601,7 @@ msgstr "Show search field"
 msgid "controls.title"
 msgstr "Title"
 
-#: app/configurator/components/select-dataset-step.tsx:93
+#: app/configurator/components/select-dataset-step.tsx:97
 msgid "dataset-preview.back-to-results"
 msgstr "Back to the datasets"
 
@@ -613,23 +617,23 @@ msgstr "Some data in this dataset is missing and has been interpolated to fill t
 msgid "dataset.includeDrafts"
 msgstr "Include draft datasets"
 
-#: app/configurator/components/dataset-metadata.tsx:45
+#: app/configurator/components/dataset-metadata.tsx:49
 msgid "dataset.metadata.date.created"
 msgstr "Date created"
 
-#: app/configurator/components/dataset-metadata.tsx:57
+#: app/configurator/components/dataset-metadata.tsx:61
 msgid "dataset.metadata.email"
 msgstr "Contact points"
 
-#: app/configurator/components/dataset-metadata.tsx:71
+#: app/configurator/components/dataset-metadata.tsx:75
 msgid "dataset.metadata.landingPage"
 msgstr "Further information"
 
-#: app/configurator/components/dataset-metadata.tsx:31
+#: app/configurator/components/dataset-metadata.tsx:35
 msgid "dataset.metadata.source"
 msgstr "Source"
 
-#: app/configurator/components/dataset-metadata.tsx:52
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -711,7 +715,7 @@ msgstr "You can share this visualization by copying the URL or by embedding it o
 msgid "hint.loading.data"
 msgstr "Loading data..."
 
-#: app/configurator/components/chart-type-selector.tsx:139
+#: app/configurator/components/chart-type-selector.tsx:138
 msgid "hint.no.visualization.with.dataset"
 msgstr "No visualization can be created with the selected dataset."
 
@@ -828,6 +832,6 @@ msgstr "Chart Type"
 msgid "step.visualize"
 msgstr "Visualize"
 
-#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:96
+#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:80
 msgid "table.column.no"
 msgstr "Column {0}"
diff --git a/app/locales/fr/messages.po b/app/locales/fr/messages.po
@@ -45,10 +45,14 @@ msgstr "Catégories"
 msgid "browse.dataset.create-visualization"
 msgstr "Créer une visualisation"
 
-#: app/configurator/components/select-dataset-step.tsx:119
+#: app/configurator/components/select-dataset-step.tsx:129
 msgid "browse.datasets.all-datasets"
 msgstr "Tout les jeux de données"
 
+#: app/configurator/components/select-dataset-step.tsx:141
+msgid "browse.datasets.description"
+msgstr "Explorez les jeux de données liés fournis par LINDAS, en filtrant par catégories ou organisations, ou en recherchant par mots-clés. Cliquez sur un ensemble de données pour afficher des informations plus détaillées et commencer à créer vos propres visualisations. "
+
 #: app/pages/v/[chartId].tsx:122
 msgid "button.copy.visualization"
 msgstr "Copier cette visualisation"
@@ -259,7 +263,7 @@ msgstr "Tableau"
 msgid "controls.color"
 msgstr "Couleur"
 
-#: app/configurator/components/chart-controls/control-tab.tsx:42
+#: app/configurator/components/chart-controls/control-tab.tsx:41
 msgid "controls.color.add"
 msgstr "Ajouter…"
 
@@ -455,8 +459,8 @@ msgstr "Tri du tableau"
 msgid "controls.section.tableoptions"
 msgstr "Options du tableau"
 
-#: app/configurator/components/chart-type-selector.tsx:131
-#: app/configurator/components/chart-type-selector.tsx:134
+#: app/configurator/components/chart-type-selector.tsx:130
+#: app/configurator/components/chart-type-selector.tsx:133
 msgid "controls.select.chart.type"
 msgstr "Type de graphique"
 
@@ -597,7 +601,7 @@ msgstr "Afficher le champ de recherche"
 msgid "controls.title"
 msgstr "Titre"
 
-#: app/configurator/components/select-dataset-step.tsx:93
+#: app/configurator/components/select-dataset-step.tsx:97
 msgid "dataset-preview.back-to-results"
 msgstr "Revenir aux jeux de données"
 
@@ -613,23 +617,23 @@ msgstr "Certaines données de cet ensemble de données sont manquantes et ont é
 msgid "dataset.includeDrafts"
 msgstr "Inclure les brouillons"
 
-#: app/configurator/components/dataset-metadata.tsx:45
+#: app/configurator/components/dataset-metadata.tsx:49
 msgid "dataset.metadata.date.created"
 msgstr "Date de création"
 
-#: app/configurator/components/dataset-metadata.tsx:57
+#: app/configurator/components/dataset-metadata.tsx:61
 msgid "dataset.metadata.email"
 msgstr "Points de contact"
 
-#: app/configurator/components/dataset-metadata.tsx:71
+#: app/configurator/components/dataset-metadata.tsx:75
 msgid "dataset.metadata.landingPage"
 msgstr "Informations complémentaires"
 
-#: app/configurator/components/dataset-metadata.tsx:31
+#: app/configurator/components/dataset-metadata.tsx:35
 msgid "dataset.metadata.source"
 msgstr "Source"
 
-#: app/configurator/components/dataset-metadata.tsx:52
+#: app/configurator/components/dataset-metadata.tsx:56
 msgid "dataset.metadata.version"
 msgstr "Version"
 
@@ -711,7 +715,7 @@ msgstr "Vous pouvez partager cette visualisation en copiant l'URL ou en l'intég
 msgid "hint.loading.data"
 msgstr "Chargement des données..."
 
-#: app/configurator/components/chart-type-selector.tsx:139
+#: app/configurator/components/chart-type-selector.tsx:138
 msgid "hint.no.visualization.with.dataset"
 msgstr "Aucune visualisation ne peut être créée avec le jeu de données sélectionné."
 
@@ -828,6 +832,6 @@ msgstr "Type de graphique"
 msgid "step.visualize"
 msgstr "Visualiser"
 
-#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:96
+#: app/configurator/components/chart-controls/drag-and-drop-tab.tsx:80
 msgid "table.column.no"
 msgstr "Colonne {0}"