diff --git a/package-lock.json b/package-lock.json index 23817dac9d3b38ca7d004cba0c6da9933526f5ed..131ea4e72b085ee9e788e43911d744da08010a91 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "webapp", - "version": "2.8.0", + "version": "2.8.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "webapp", - "version": "2.8.0", + "version": "2.8.1", "hasInstallScript": true, "license": "GNU Affero General Public License v3.0", "dependencies": { @@ -34,6 +34,7 @@ "core-js": "^2.5.7", "font-awesome": "^4.7.0", "hamburgers": "^1.1.3", + "ibs-format": "^1.4.10", "jwt-decode": "^2.2.0", "lodash.clonedeep": "^4.5.0", "mapbox-gl": "^1.11.1", @@ -9945,6 +9946,11 @@ "ms": "^2.0.0" } }, + "node_modules/ibs-format": { + "version": "1.4.10", + "resolved": "https://registry.npmjs.org/ibs-format/-/ibs-format-1.4.10.tgz", + "integrity": "sha512-MXjOPMgg0bkOUrT3juG6kAomhpbBAtS9V41Fnf0MF9hygxi/cXQ8BK4P5dfPOIyQawtHtUBxuQFYQJS5zrZRLg==" + }, "node_modules/iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -28768,6 +28774,11 @@ "ms": "^2.0.0" } }, + "ibs-format": { + "version": "1.4.10", + "resolved": "https://registry.npmjs.org/ibs-format/-/ibs-format-1.4.10.tgz", + "integrity": "sha512-MXjOPMgg0bkOUrT3juG6kAomhpbBAtS9V41Fnf0MF9hygxi/cXQ8BK4P5dfPOIyQawtHtUBxuQFYQJS5zrZRLg==" + }, "iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", diff --git a/package.json b/package.json index 34169eca24b3a7a1d0fc9066024e3296fae32e11..1f9582e75ad9e6d468005612fc2f975fa1630f2a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "webapp", - "version": "2.8.0", + "version": "2.8.1", "license": "GNU Affero General Public License v3.0", "scripts": { "ng": "ng", @@ -45,6 +45,7 @@ "core-js": "^2.5.7", "font-awesome": "^4.7.0", "hamburgers": "^1.1.3", + "ibs-format": "^1.4.10", "jwt-decode": "^2.2.0", "lodash.clonedeep": "^4.5.0", "mapbox-gl": "^1.11.1", diff --git a/src/app/dataset-detail/components/dataset-info/dataset-info.component.html b/src/app/dataset-detail/components/dataset-info/dataset-info.component.html index 3e2714a559da6f21d5aa98c34ce54c050c86bbd3..5299964f32ba7d78126b7e5329ae098de0884ca6 100644 --- a/src/app/dataset-detail/components/dataset-info/dataset-info.component.html +++ b/src/app/dataset-detail/components/dataset-info/dataset-info.component.html @@ -4,7 +4,7 @@ <span class="info-title"> Description </span> - <p class="abstract">{{ abstract }}</p> + <p class="abstract" [innerHTML]="abstract"></p> </div> <app-info-summary class="mobile-section"></app-info-summary> diff --git a/src/app/dataset-detail/components/dataset-info/dataset-info.component.ts b/src/app/dataset-detail/components/dataset-info/dataset-info.component.ts index 97a4ff2e3f3b12aaccaa21ecf6ee275a62050101..cbf2cef68bed9575c8b8da8a7a896924a7066fc6 100644 --- a/src/app/dataset-detail/components/dataset-info/dataset-info.component.ts +++ b/src/app/dataset-detail/components/dataset-info/dataset-info.component.ts @@ -7,6 +7,7 @@ import { environment } from '../../../../environments/environment'; import { License, Metadata, typesMetadata } from '../../../shared/models'; import { DatasetDetailService } from '../../services'; import { UsageStatisticsService } from '../../services/usage-statistics.service'; +import { ibsFormat } from 'ibs-format'; @Component({ selector: 'app-dataset-info', @@ -86,7 +87,7 @@ export class DatasetInfoComponent implements OnInit, OnDestroy { } get abstract() { - return this.metadata.abstract; + return ibsFormat(this.metadata.abstract,[],{detectLinks: true, target: '_blank'}); } getDatasetDataRepresentationType(): string {