Add RDF-download buttons to entity page #68

CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.15.1-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package root
+
+
+
+
+
 ## 1.15.0 (2023-09-07)
 
 **Note:** Version bump only for package root
@@ -11,6 +19,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package root
+
+
+
+
+
 ## 1.14.3-pr-87.0 (2023-09-04)
 
 **Note:** Version bump only for package root
@@ -27,6 +43,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package root
+
+
+
+
+
 ## 1.14.2 (2023-08-23)
 
 **Note:** Version bump only for package root

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.15.0",
+  "version": "1.15.1-pr-85.0",
   "command": {
     "version": {
       "message": "chore(release): %s",

packages/design-system-angular/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.15.1-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-angular
+
+
+
+
+
 ## 1.15.0 (2023-09-07)
 
 **Note:** Version bump only for package @geovistory/design-system-angular
@@ -11,6 +19,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-angular
+
+
+
+
+
 ## 1.14.3-pr-87.0 (2023-09-04)
 
 **Note:** Version bump only for package @geovistory/design-system-angular
@@ -27,6 +43,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-angular
+
+
+
+
+
 ## 1.14.2 (2023-08-23)
 
 **Note:** Version bump only for package @geovistory/design-system-angular

packages/design-system-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geovistory/design-system-angular",
-  "version": "1.15.0",
+  "version": "1.15.1-pr-85.0",
   "description": "geovistory.org's design system: web components",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
     "@angular/platform-browser": "~13.3.0",
     "@angular/platform-browser-dynamic": "~13.3.0",
     "@angular/router": "~13.3.0",
-    "@geovistory/design-system-web": "1.15.0",
+    "@geovistory/design-system-web": "1.15.1-pr-85.0",
     "@rollup/plugin-typescript": "^11.1.2",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",

packages/design-system-react/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.15.1-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-react
+
+
+
+
+
 ## 1.15.0 (2023-09-07)
 
 **Note:** Version bump only for package @geovistory/design-system-react
@@ -11,6 +19,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-react
+
+
+
+
+
 ## 1.14.3-pr-87.0 (2023-09-04)
 
 **Note:** Version bump only for package @geovistory/design-system-react
@@ -27,6 +43,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-react
+
+
+
+
+
 ## 1.14.2 (2023-08-23)
 
 **Note:** Version bump only for package @geovistory/design-system-react

packages/design-system-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@geovistory/design-system-react",
   "sideEffects": false,
-  "version": "1.15.0",
+  "version": "1.15.1-pr-85.0",
   "description": "geovistory.org's design system: React components",
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
     "typescript": "^4.8.3"
   },
   "dependencies": {
-    "@geovistory/design-system-web": "1.15.0",
+    "@geovistory/design-system-web": "1.15.1-pr-85.0",
     "@ionic/core": "6.0.14",
     "@rollup/plugin-typescript": "^11.1.2"
   },

packages/design-system-web/.storybook/preview-head.html

@@ -10,6 +10,18 @@
     position: relative;
   }
 
+  body.sb-show-main.sb-main-padded {
+    padding: 0;
+  }
+
+  #storybook-root,
+  #storybook-docs {
+    overflow: auto;
+    position: relative;
+    height: 100%;
+    padding: 1rem;
+  }
+
   .geov-custom-toc {
     position: sticky;
     top: 0px;

packages/design-system-web/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.15.1-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-web
+
+
+
+
+
 ## 1.15.0 (2023-09-07)
 
 **Note:** Version bump only for package @geovistory/design-system-web
@@ -11,6 +19,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-web
+
+
+
+
+
 ## 1.14.3-pr-87.0 (2023-09-04)
 
 **Note:** Version bump only for package @geovistory/design-system-web
@@ -27,6 +43,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## 1.14.3-pr-85.0 (2023-09-07)
+
+**Note:** Version bump only for package @geovistory/design-system-web
+
+
+
+
+
 ## 1.14.2 (2023-08-23)
 
 **Note:** Version bump only for package @geovistory/design-system-web

packages/design-system-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geovistory/design-system-web",
-  "version": "1.15.0",
+  "version": "1.15.1-pr-85.0",
   "description": "geovistory.org's design system: web components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

packages/design-system-web/src/components/geov-entity-download-rdf/geov-entity-download-rdf.tsx

@@ -1,6 +1,5 @@
 import type { Color } from '@ionic/core';
-import { Component, h, Host, Prop } from '@stencil/core';
-import { State } from '@stencil/core/internal';
+import { Component, h, Host, Prop, State } from '@stencil/core';
 import { downloadOutline } from 'ionicons/icons';
 
 /**
@@ -27,6 +26,11 @@ export class GeovEntityDownloadRdf {
    * ID number of entity, e.g. 'i315800'
    */
   @Prop() entityId: string;
+  /**
+   * projectId
+   * ID number of project, e.g. '123123'
+   */
+  @Prop() projectId: number | undefined;
   /**
    * color
    * color of the button
@@ -73,18 +77,22 @@ export class GeovEntityDownloadRdf {
   modal: HTMLIonModalElement;
 
   open() {
-    this.modal.isOpen = true;
+    this.modal.present();
   }
   dismiss() {
     this.modal.dismiss();
-    this.modal.isOpen = false;
   }
+
   async fetchRDF(format: string[]) {
     const headers = new Headers({
       Accept: format[0], //format[0] = Type
     });
+    let args = this.entityId;
+    if (this.projectId != undefined) {
+      args += '?p=' + this.projectId;
+    }
     const url = 'https://www.geovistory.org/resource/';
-    const response = await fetch(url + this.entityId, {
+    const response = await fetch(url + args, {
       method: 'GET',
       headers: headers,
       mode: 'cors',
@@ -97,6 +105,7 @@ export class GeovEntityDownloadRdf {
     a.click();
     this.dismiss();
   }
+
   renderClickableItem() {
     return Object.entries(this.listFormat).map(([a, b]) => (
       <ion-item button={true} detail={false} onClick={() => this.fetchRDF(b)} download="Download">
@@ -105,13 +114,14 @@ export class GeovEntityDownloadRdf {
       </ion-item>
     ));
   }
+
   render() {
     return (
       <Host>
-        <ion-button id="open-custom-dialog" expand={this.expand} fill={this.fill} color={this.color} onClick={() => (this.modal.isOpen = true)}>
+        <ion-button expand={this.expand} fill={this.fill} color={this.color} onClick={() => this.open()}>
           {this.buttonLabel} {this.buttonIcon ? <ion-icon name={this.buttonIcon}></ion-icon> : <ion-icon icon={downloadOutline}></ion-icon>}
         </ion-button>
-        <ion-modal id="example-modal" trigger="open-custom-dialog" ref={element => (this.modal = element)} onWillDismiss={() => this.dismiss()}>
+        <ion-modal ref={element => (this.modal = element)} onWillDismiss={() => this.dismiss()} isOpen={false}>
           <ion-header>
             <ion-toolbar>
               <ion-buttons slot="start">