feat: Add link to opendata.swiss

fix #135
visualize-admin · May 31, 2022 · cc7149d · cc7149d
1 parent d73cd94
commit cc7149d
Show file tree

Hide file tree

Showing 6 changed files with 55 additions and 4 deletions.
diff --git a/app/components/chart-footnotes.tsx b/app/components/chart-footnotes.tsx
@@ -1,11 +1,12 @@
 import { Trans } from "@lingui/macro";
-import { Box, Button, Typography } from "@mui/material";
-import { useEffect, useState } from "react";
+import { Box, Button, Link, Typography } from "@mui/material";
+import { useEffect, useState, useMemo } from "react";
 
 import { useChartTablePreview } from "@/components/chart-table-preview";
 import { DataDownloadMenu, RunSparqlQuery } from "@/components/data-download";
 import { ChartConfig } from "@/configurator";
 import {
+  DataCubeMetadataWithComponentValuesQuery,
   useDataCubeMetadataWithComponentValuesQuery,
   useDataCubeObservationsQuery,
 } from "@/graphql/query-hooks";
@@ -14,6 +15,23 @@ import { useLocale } from "@/locales/use-locale";
 
 import { useQueryFilters } from "../charts/shared/chart-helpers";
 
+const makeOpenDataLink = (
+  lang: string,
+  cube: DataCubeMetadataWithComponentValuesQuery["dataCubeByIri"]
+) => {
+  const identifier = cube.identifier;
+  const creatorIri = cube.creator?.iri;
+  if (!identifier || !creatorIri) {
+    return;
+  }
+  return `https://opendata.swiss/${lang}/perma/${encodeURIComponent(
+    `${identifier}@${creatorIri.replace(
+      "https://register.ld.admin.ch/opendataswiss/org/",
+      ""
+    )}`
+  )}`;
+};
+
 export const ChartFootnotes = ({
   dataSetIri,
   chartConfig,
@@ -47,13 +65,33 @@ export const ChartFootnotes = ({
   const sparqlEditorUrl =
     visibleData?.dataCubeByIri?.observations.sparqlEditorUrl;
 
+  const cubeLink = useMemo(() => {
+    if (data?.dataCubeByIri) {
+      return makeOpenDataLink(locale, data?.dataCubeByIri);
+    } else {
+      return undefined;
+    }
+  }, [locale, data?.dataCubeByIri]);
+
   if (data?.dataCubeByIri) {
     const { dataCubeByIri } = data;
 
     return (
       <Box sx={{ mt: 2 }}>
         <Typography component="div" variant="caption" color="grey.600">
-          <Trans id="metadata.dataset">Dataset</Trans>: {dataCubeByIri.title}
+          <Trans id="metadata.dataset">Dataset</Trans>:{" "}
+          {cubeLink ? (
+            <Link target="_blank" href={cubeLink} rel="noreferrer">
+              {dataCubeByIri.title}{" "}
+              <Icon
+                name="linkExternal"
+                size={12}
+                style={{ display: "inline" }}
+              />
+            </Link>
+          ) : (
+            dataCubeByIri.title
+          )}
         </Typography>
 
         <Typography component="div" variant="caption" color="grey.600">

diff --git a/app/graphql/queries/data-cubes.graphql b/app/graphql/queries/data-cubes.graphql
@@ -117,6 +117,10 @@ query DataCubeMetadataWithComponentValues(
     iri
     title
     publisher
+    identifier
+    creator {
+      iri
+    }
     dimensions {
       ...dimensionMetaData
     }

diff --git a/app/graphql/query-hooks.ts b/app/graphql/query-hooks.ts
@@ -23,6 +23,7 @@ export type Scalars = {
 export type DataCube = {
   __typename: 'DataCube';
   iri: Scalars['String'];
+  identifier?: Maybe<Scalars['String']>;
   title: Scalars['String'];
   version?: Maybe<Scalars['String']>;
   contactName?: Maybe<Scalars['String']>;
@@ -407,7 +408,7 @@ export type DataCubeMetadataWithComponentValuesQueryVariables = Exact<{
 }>;
 
 
-export type DataCubeMetadataWithComponentValuesQuery = { __typename: 'Query', dataCubeByIri?: Maybe<{ __typename: 'DataCube', iri: string, title: string, publisher?: Maybe<string>, dimensions: Array<(
+export type DataCubeMetadataWithComponentValuesQuery = { __typename: 'Query', dataCubeByIri?: Maybe<{ __typename: 'DataCube', iri: string, title: string, publisher?: Maybe<string>, identifier?: Maybe<string>, creator?: Maybe<{ __typename: 'DataCubeOrganization', iri: string }>, dimensions: Array<(
       { __typename: 'GeoCoordinatesDimension' }
       & DimensionMetaData_GeoCoordinatesDimension_Fragment
     ) | (
@@ -686,6 +687,10 @@ export const DataCubeMetadataWithComponentValuesDocument = gql`
     iri
     title
     publisher
+    identifier
+    creator {
+      iri
+    }
     dimensions {
       ...dimensionMetaData
     }

diff --git a/app/graphql/resolver-types.ts b/app/graphql/resolver-types.ts
@@ -28,6 +28,7 @@ export type Scalars = {
 export type DataCube = {
   __typename?: 'DataCube';
   iri: Scalars['String'];
+  identifier?: Maybe<Scalars['String']>;
   title: Scalars['String'];
   version?: Maybe<Scalars['String']>;
   contactName?: Maybe<Scalars['String']>;
@@ -462,6 +463,7 @@ export type ResolversParentTypes = ResolversObject<{
 
 export type DataCubeResolvers<ContextType = any, ParentType extends ResolversParentTypes['DataCube'] = ResolversParentTypes['DataCube']> = ResolversObject<{
   iri?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  identifier?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
   title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
   version?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
   contactName?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;

diff --git a/app/graphql/resolvers.ts b/app/graphql/resolvers.ts
@@ -226,6 +226,7 @@ const DataCube: DataCubeResolvers = {
   iri: ({ data: { iri } }) => iri,
   title: ({ data: { title } }) => title,
   version: ({ data: { version } }) => version ?? null,
+  identifier: ({ data: { identifier } }) => identifier ?? null,
   publisher: ({ data: { publisher } }) => publisher ?? null,
   contactName: ({ data: { contactPoint } }) => contactPoint?.name ?? null,
   contactEmail: ({ data: { contactPoint } }) => contactPoint?.email ?? null,

diff --git a/app/graphql/schema.graphql b/app/graphql/schema.graphql
@@ -23,6 +23,7 @@ enum DataCubePublicationStatus {
 
 type DataCube {
   iri: String!
+  identifier: String
   title: String!
   version: String
   contactName: String