Skip to content

GitLab

Commit 7626e137 authored by FORESTIER Fabien's avatar FORESTIER Fabien
Browse files

Add publish a dataset picto in menu, modify the layout of pages with links,... 

Add publish a dataset picto in menu, modify the layout of pages with links, make related page/article links sticky, add links on some static pages
parent aa3509b6
Hide whitespace changes
Inline Side-by-side
src/app/core/components/contact/contact.component.html
View file @ 7626e137
<div class="page-container has-padding has-white-background">
<div class="page-container has-padding has-white-background is-fullwidth">
<app-page-header [pageInfo]="pageHeaderInfo"></app-page-header>
......
src/app/core/components/main/side-menu/side-menu.component.html
View file @ 7626e137
......@@ -73,22 +73,29 @@
</a>
</li>
<li>
<a [routerLink]="['/', AppRoutes.beta.uri]" routerLinkActive="active-link">
<a [routerLink]="['/', AppRoutes.contribution.uri]" routerLinkActive="active-link">
<div class="icon-item">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 23">
<path class="stroke-main" stroke-linecap="round" stroke-linejoin="round"
d="M.5 22.5c.51-.733 1.53-1.467 1.53-4.4V4.9c0-2.2.764-4.4 4.588-4.4 3.058 0 4.588 2.2 4.588 3.667 0 1.466-.765 3.666-5.353 3.666 4.588 0 7.647 2.2 7.647 5.134 0 2.933-2.294 5.133-6.118 5.133-3.058 0-5.098-1.845-5.353-2.579" />
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
<g id="picto_x5F_catalog">
<path d="M15.8 5.3L11.5.2 7 5.4l.8.6L11 2.4v7.9h1V2.4l3 3.5z" class="main" />
<path
d="M13 7v1.1l4.3 1.9-5.8 2.7L5.7 10 10 8.1V7L4.1 9.5v9.8l7.4 3.2 7.4-3.2V9.5L13 7zm-2 14.3l-5.9-2.6v-7.9l5.9 2.7v7.8zm6.9-2.6L12 21.3v-7.8l5.9-2.7v7.9z"
class="main" />
</g>
</svg>
</div>
<span i18n="@@menu.beta" class="label-menu">Why a beta version?</span>
<span i18n="@@menu.contribution" class="label-menu">Publish a dataset</span>
</a>
</li>
<li>
<a [routerLink]="['/', AppRoutes.contribution.uri]" routerLinkActive="active-link">
<a [routerLink]="['/', AppRoutes.beta.uri]" routerLinkActive="active-link">
<div class="icon-item">
<!-- Add the svg for contribution -->
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 23">
<path class="stroke-main" stroke-linecap="round" stroke-linejoin="round"
d="M.5 22.5c.51-.733 1.53-1.467 1.53-4.4V4.9c0-2.2.764-4.4 4.588-4.4 3.058 0 4.588 2.2 4.588 3.667 0 1.466-.765 3.666-5.353 3.666 4.588 0 7.647 2.2 7.647 5.134 0 2.933-2.294 5.133-6.118 5.133-3.058 0-5.098-1.845-5.353-2.579" />
</svg>
</div>
<span i18n="@@menu.contribution" class="label-menu">Publish a dataset</span>
<span i18n="@@menu.beta" class="label-menu">Why a beta version?</span>
</a>
</li>
<li *ngIf="displayAdminBar">
......
src/app/core/components/main/side-menu/side-menu.component.scss
View file @ 7626e137
......@@ -80,13 +80,13 @@
.icon-item {
margin-right: 0.7rem;
width: 1.2rem;
width: 1.45rem;
display: flex;
justify-content: center;
flex-shrink: 0;
svg {
height: 1.2rem;
height: 1.45rem;
.main {
fill: white;
......
src/app/editorialisation/components/changelog/changelog.component.html
View file @ 7626e137
<div class="page-container has-padding has-white-background">
<div class="page-container has-padding has-white-background is-fullwidth">
<div class="page-header-container">
<app-page-header [pageInfo]="pageHeaderInfo"></app-page-header>
......
src/app/editorialisation/components/cms-page/cms-page.component.scss
View file @ 7626e137
@import '../../../../../node_modules/bulma/sass/utilities/_all.sass';
section.page-container {
display: flex;
@media screen and (max-width: $desktop) {
flex-direction: column;
}
}
.post-section {
background-color: white;
max-width: 100%;
// margin: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 4rem;
// To remove the margin fusion with the h1
overflow: hidden;
flex-grow: 1;
// @media screen and (min-width: $tablet) {
// margin-top: 1rem;
// max-width: 680px;
// }
h1 {
font-size: 2rem;
font-weight: bold;
line-height: 1.2;
padding: 1rem;
}
.feature-image {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
}
.link-section {
flex-shrink: 0;
margin-left: 1rem;
@media screen and (max-width: $desktop) {
margin-left: 0;
margin-top: 1rem;
width: unset;
max-width: 100%;
padding: 1rem 1rem 0 1rem;
}
@media screen and (min-width: $desktop) {
width: 33%;
}
@media screen and (min-width: $widescreen) {
width: 25%;
}
.page-link {
background-color: white;
padding: 0.625rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
border-radius: 4px;
img {
margin-right: 1rem;
}
span {
font-weight: bold;
font-size: 1.125rem;
}
}
}
src/app/editorialisation/components/cms-post-detail/cms-post-detail.component.scss
View file @ 7626e137
@import '../../../../../node_modules/bulma/sass/utilities/_all.sass';
@import './../../../../scss/variables.scss';
section.page-container {
display: flex;
justify-content: center;
@media screen and (max-width: $desktop) {
flex-direction: column;
}
}
.post-section {
background-color: white;
max-width: 680px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 4rem;
// To remove the margin fusion with the h1
overflow: hidden;
flex-grow: 1;
h1 {
font-size: 2rem;
font-weight: bold;
line-height: 1.2;
padding: 1rem;
}
.feature-image {
margin-right: -1.25rem;
margin-left: -1.25rem;
img {
min-width: 100%;
border-radius: 4px;
}
}
}
.relations-section {
flex-shrink: 0;
margin-left: 1rem;
@media screen and (max-width: $desktop) {
max-width: 680px;
margin-left: 0;
margin-top: 1rem;
padding: 0 1rem 0 1rem;
width: 100%;
max-width: 680px;
}
@media screen and (min-width: $desktop) {
width: 33%;
position: sticky;
top: 86px;
height: 100%;
}
@media screen and (min-width: $widescreen) {
......@@ -61,7 +27,7 @@ section.page-container {
font-size: 1.25rem;
font-weight: 600;
color: $grey-dark-color;
margin: 1rem 0;
margin: 1rem 0 1rem 1rem;
display: block;
}
......
src/app/editorialisation/components/contribution/contribution.component.scss
View file @ 7626e137
@import '../../../../../node_modules/bulma/sass/utilities/_all.sass';
section.page-container {
display: flex;
justify-content: center;
@media screen and (max-width: $desktop) {
flex-direction: column;
}
}
.post-section {
background-color: white;
max-width: 680px;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 4rem;
// To remove the margin fusion with the h1
overflow: hidden;
flex-grow: 1;
.feature-image {
margin-right: -1.25rem;
margin-left: -1.25rem;
img {
width: 100%;
}
}
}
.link-section {
flex-shrink: 0;
margin-left: 1rem;
@media screen and (max-width: $desktop) {
margin-left: 0;
margin-top: 1rem;
width: unset;
max-width: 100%;
padding: 1rem 1rem 0 1rem;
}
@media screen and (min-width: $desktop) {
width: 33%;
}
@media screen and (min-width: $widescreen) {
width: 25%;
}
.page-link {
background-color: white;
padding: 0.625rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
border-radius: 4px;
img {
margin-right: 1rem;
}
span {
font-weight: bold;
font-size: 1.125rem;
}
}
}
p {
font-size: 1.125rem;
font-size: 1rem;
}
.section-title {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-weight: bold;
font-size: 1.125rem;
}
.contribution-btn-wrapper {
......
src/app/editorialisation/components/organizations/organizations.component.html
View file @ 7626e137
<div class="page-container">
<div class="page-container is-fullwidth">
<div class="page-header-container">
<app-page-header [pageInfo]="pageHeaderInfo"></app-page-header>
<p class="description">
<ng-container i18n="@@organizations.description">The Lyon Metropolitan Area has opened its portal to all stakeholders in the region who wish to distribute their data, in open data or restricted access. If you wish to make your data available on this shared platform, do not hesitate to </ng-container>
<a [routerLink]="['/', AppRoutes.contact.uri]" i18n="@@organizations.contactus">contact us</a>.
</p>
<app-page-header [pageInfo]="pageHeaderInfo"></app-page-header>
<p class="description">
<ng-container i18n="@@organizations.description">The Lyon Metropolitan Area has opened its portal to all
stakeholders in the region who wish to distribute their data, in open data or restricted access. If you wish to
make your data available on this shared platform, do not hesitate to </ng-container>
<a [routerLink]="['/', AppRoutes.contact.uri]" i18n="@@organizations.contactus">contact us</a>.
</p>
</div>
<div class="masonry">
......@@ -29,17 +31,17 @@
<div class="column is-12" *ngIf="organization.datasetsCount">
<button class="button btn-blue-text"
(click)="researchDatasetsWithOrganizationFilter(organization.elasticSearchName)">
<span class="count"> {{ organization.datasetsCount }} </span>
<span i18n="@@organizations.datasets.plural" *ngIf="organization.datasetsCount > 1">datasets</span>
<span i18n="@@organizations.datasets.singular" *ngIf="organization.datasetsCount < 2">dataset</span>
<span class="count"> {{ organization.datasetsCount }} </span>
<span i18n="@@organizations.datasets.plural" *ngIf="organization.datasetsCount > 1">datasets</span>
<span i18n="@@organizations.datasets.singular" *ngIf="organization.datasetsCount < 2">dataset</span>
</button>
</div>
<div class="column is-12" *ngIf="organization.servicesCount">
<button class="button btn-blue-text"
(click)="researchServicesWithOrganizationFilter(organization.elasticSearchName)">
<span class="count"> {{ organization.servicesCount }} </span>
<span i18n="@@organizations.services.plural" *ngIf="organization.datasetsCount > 1">services</span>
<span i18n="@@organizations.services.singular" *ngIf="organization.datasetsCount < 2">service</span>
<span class="count"> {{ organization.servicesCount }} </span>
<span i18n="@@organizations.services.plural" *ngIf="organization.datasetsCount > 1">services</span>
<span i18n="@@organizations.services.singular" *ngIf="organization.datasetsCount < 2">service</span>
</button>
</div>
</div>
......
src/app/editorialisation/components/site-map/site-map.component.html
View file @ 7626e137
<div class="page-container has-padding has-white-background">
<div class="page-container has-padding has-white-background is-fullwidth">
<app-page-header [pageInfo]="pageHeaderInfo"></app-page-header>
<div class="columns">
......
src/app/editorialisation/editorialisation-routing.module.ts
View file @ 7626e137
......@@ -23,6 +23,26 @@ export const routes: Routes = [
data: {
title: AppRoutes.approach.title,
uri: AppRoutes.approach.uri,
links: [
{
title: cmsPageLink.providers.title,
url: `/${AppRoutes.dataProducers.uri}`,
img: './assets/img/picto-producteur.svg',
imgAlt: cmsPageLink.providers.imgAlt,
},
{
title: cmsPageLink.contact.title,
url: `/${AppRoutes.contact.uri}`,
img: './assets/img/picto-contact.svg',
imgAlt: cmsPageLink.contact.imgAlt,
},
{
title: cmsPageLink.documentation.title,
url: `/${AppRoutes.documentation.uri}`,
img: './assets/img/picto-doc.svg',
imgAlt: cmsPageLink.documentation.imgAlt,
},
],
},
},
{
......@@ -31,6 +51,26 @@ export const routes: Routes = [
data: {
title: AppRoutes.cgu.title,
uri: AppRoutes.cgu.uri,
links: [
{
title: cmsPageLink.providers.title,
url: `/${AppRoutes.dataProducers.uri}`,
img: './assets/img/picto-producteur.svg',
imgAlt: cmsPageLink.providers.imgAlt,
},
{
title: cmsPageLink.contact.title,
url: `/${AppRoutes.contact.uri}`,
img: './assets/img/picto-contact.svg',
imgAlt: cmsPageLink.contact.imgAlt,
},
{
title: cmsPageLink.documentation.title,
url: `/${AppRoutes.documentation.uri}`,
img: './assets/img/picto-doc.svg',
imgAlt: cmsPageLink.documentation.imgAlt,
},
],
},
},
{
......@@ -46,6 +86,26 @@ export const routes: Routes = [
data: {
title: AppRoutes.accessibility.title,
uri: AppRoutes.accessibility.uri,
links: [
{
title: cmsPageLink.providers.title,
url: `/${AppRoutes.dataProducers.uri}`,
img: './assets/img/picto-producteur.svg',
imgAlt: cmsPageLink.providers.imgAlt,
},
{
title: cmsPageLink.contact.title,
url: `/${AppRoutes.contact.uri}`,
img: './assets/img/picto-contact.svg',
imgAlt: cmsPageLink.contact.imgAlt,
},
{
title: cmsPageLink.documentation.title,
url: `/${AppRoutes.documentation.uri}`,
img: './assets/img/picto-doc.svg',
imgAlt: cmsPageLink.documentation.imgAlt,
},
],
},
},
{
......@@ -70,6 +130,26 @@ export const routes: Routes = [
data: {
title: AppRoutes.legalNotices.title,
uri: AppRoutes.legalNotices.uri,
links: [
{
title: cmsPageLink.providers.title,
url: `/${AppRoutes.dataProducers.uri}`,
img: './assets/img/picto-producteur.svg',
imgAlt: cmsPageLink.providers.imgAlt,
},
{
title: cmsPageLink.contact.title,
url: `/${AppRoutes.contact.uri}`,
img: './assets/img/picto-contact.svg',
imgAlt: cmsPageLink.contact.imgAlt,
},
{
title: cmsPageLink.documentation.title,
url: `/${AppRoutes.documentation.uri}`,
img: './assets/img/picto-doc.svg',
imgAlt: cmsPageLink.documentation.imgAlt,
},
],
},
},
{
......@@ -82,6 +162,26 @@ export const routes: Routes = [
data: {
title: AppRoutes.documentation.title,
uri: AppRoutes.documentation.uri,
links: [
{
title: cmsPageLink.providers.title,
url: `/${AppRoutes.dataProducers.uri}`,
img: './assets/img/picto-producteur.svg',
imgAlt: cmsPageLink.providers.imgAlt,
},
{
title: cmsPageLink.contact.title,
url: `/${AppRoutes.contact.uri}`,
img: './assets/img/picto-contact.svg',
imgAlt: cmsPageLink.contact.imgAlt,
},
{
title: cmsPageLink.approach.title,
url: `/${AppRoutes.approach.uri}`,
img: './assets/img/picto-approach.svg',
imgAlt: cmsPageLink.approach.imgAlt,
},
],
},
},
{
......
src/app/geosource/components/dataset-detail/dataset-detail.component.html
View file @ 7626e137
<div class="page-details-background-image"></div>
<div class="page-container has-white-background" *ngIf="metadata" [ngClass]="{'blury' : isLoading}">
<div class="page-container has-white-background is-fullwidth" *ngIf="metadata" [ngClass]="{'blury' : isLoading}">
<div class="details-header">
<app-page-header [pageInfo]="pageHeaderInfo" [customGoToPreviousPage]="goToPreviousPage"></app-page-header>
</div>
......@@ -10,9 +10,11 @@
<a (click)="setPosition()" [routerLink]="[AppRoutes.info.uri]" class="tab-link">
<svg class="tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37">
<g id="picto_x5F_info">
<path d="M19 15.6c.3 0 .5.2.5.6V25c0 .3-.2.6-.5.6s-.5-.2-.5-.6v-8.9c0-.3.2-.5.5-.5z" class="secondary"/>
<circle cx="19" cy="12" r=".5" class="secondary"/>
<path d="M19 2.5c8.5 0 15.5 7 15.5 15.5s-7 15.5-15.5 15.5S3.5 26.5 3.5 18 10.5 2.5 19 2.5m0-1C9.9 1.5 2.5 8.9 2.5 18S9.9 34.5 19 34.5 35.5 27.1 35.5 18 28.1 1.5 19 1.5z" class="primary"/>
<path d="M19 15.6c.3 0 .5.2.5.6V25c0 .3-.2.6-.5.6s-.5-.2-.5-.6v-8.9c0-.3.2-.5.5-.5z" class="secondary" />
<circle cx="19" cy="12" r=".5" class="secondary" />
<path
d="M19 2.5c8.5 0 15.5 7 15.5 15.5s-7 15.5-15.5 15.5S3.5 26.5 3.5 18 10.5 2.5 19 2.5m0-1C9.9 1.5 2.5 8.9 2.5 18S9.9 34.5 19 34.5 35.5 27.1 35.5 18 28.1 1.5 19 1.5z"
class="primary" />
</g>
</svg>
<div>
......@@ -32,7 +34,8 @@
<a (click)="setPosition()" [routerLink]="[AppRoutes.data.uri]" class="tab-link">
<svg class="tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<g id="picto_x5F_tab">
<path d="M31 3H5C2.2 3 0 5.2 0 8v20c0 2.8 2.2 5 5 5h26c2.8 0 5-2.2 5-5V8c0-2.8-2.2-5-5-5zm4 25c0 2.2-1.8 4-4 4H21v-6h14v2zm0-3H21v-6h14v6zm0-14v7H21v-7h-1v7H8v1h12v6H8v1h12v6H5c-2.2 0-4-1.8-4-4v-2h6v-1H1v-6h6v-1H1V8c0-2.2 1.8-4 4-4h15v6h1V4h10c2.2 0 4 1.8 4 4v3z"
<path
d="M31 3H5C2.2 3 0 5.2 0 8v20c0 2.8 2.2 5 5 5h26c2.8 0 5-2.2 5-5V8c0-2.8-2.2-5-5-5zm4 25c0 2.2-1.8 4-4 4H21v-6h14v2zm0-3H21v-6h14v6zm0-14v7H21v-7h-1v7H8v1h12v6H8v1h12v6H5c-2.2 0-4-1.8-4-4v-2h6v-1H1v-6h6v-1H1V8c0-2.2 1.8-4 4-4h15v6h1V4h10c2.2 0 4 1.8 4 4v3z"
class="primary" />
<path d="M35 10H8V4H7v6H1v1h6v21h1V11h27z" class="secondary" />
</g>
......@@ -52,16 +55,28 @@
<a (click)="setPosition()" [routerLink]="[AppRoutes.map.uri]" class="tab-link">
<svg class="tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<g id="picto_x5F_carte">
<path d="M18 16.1c-2.2 0-4-1.8-4-4.1s1.8-4.1 4-4.1 4 1.8 4 4.1-1.8 4.1-4 4.1zm0-7.2c-1.7 0-3 1.4-3 3.1s1.4 3.1 3 3.1 3-1.4 3-3.1-1.3-3.1-3-3.1z" class="secondary"/>
<path d="M18 16.1c-2.2 0-4-1.8-4-4.1s1.8-4.1 4-4.1 4 1.8 4 4.1-1.8 4.1-4 4.1zm0-7.2c-1.7 0-3 1.4-3 3.1s1.4 3.1 3 3.1 3-1.4 3-3.1-1.3-3.1-3-3.1z" class="secondary"/>
<path d="M21.6 23.3l-.6.9c4 .6 7 2.3 7 4.3 0 2.4-4.6 4.5-10 4.5S8 30.9 8 28.5c0-2 3-3.7 6.9-4.3l-.6-.9C10 24 7 26 7 28.5c0 3.1 4.8 5.5 11 5.5s11-2.4 11-5.5c0-2.5-3.1-4.5-7.4-5.2z" class="primary"/>
<path d="M21.6 23.3l-.6.9c4 .6 7 2.3 7 4.3 0 2.4-4.6 4.5-10 4.5S8 30.9 8 28.5c0-2 3-3.7 6.9-4.3l-.6-.9C10 24 7 26 7 28.5c0 3.1 4.8 5.5 11 5.5s11-2.4 11-5.5c0-2.5-3.1-4.5-7.4-5.2z" class="primary"/>
<path
d="M18 16.1c-2.2 0-4-1.8-4-4.1s1.8-4.1 4-4.1 4 1.8 4 4.1-1.8 4.1-4 4.1zm0-7.2c-1.7 0-3 1.4-3 3.1s1.4 3.1 3 3.1 3-1.4 3-3.1-1.3-3.1-3-3.1z"
class="secondary" />
<path
d="M18 16.1c-2.2 0-4-1.8-4-4.1s1.8-4.1 4-4.1 4 1.8 4 4.1-1.8 4.1-4 4.1zm0-7.2c-1.7 0-3 1.4-3 3.1s1.4 3.1 3 3.1 3-1.4 3-3.1-1.3-3.1-3-3.1z"
class="secondary" />
<path
d="M21.6 23.3l-.6.9c4 .6 7 2.3 7 4.3 0 2.4-4.6 4.5-10 4.5S8 30.9 8 28.5c0-2 3-3.7 6.9-4.3l-.6-.9C10 24 7 26 7 28.5c0 3.1 4.8 5.5 11 5.5s11-2.4 11-5.5c0-2.5-3.1-4.5-7.4-5.2z"
class="primary" />
<path
d="M21.6 23.3l-.6.9c4 .6 7 2.3 7 4.3 0 2.4-4.6 4.5-10 4.5S8 30.9 8 28.5c0-2 3-3.7 6.9-4.3l-.6-.9C10 24 7 26 7 28.5c0 3.1 4.8 5.5 11 5.5s11-2.4 11-5.5c0-2.5-3.1-4.5-7.4-5.2z"
class="primary" />
<g>
<path d="M18 28.6l-.8-1.2c-.8-1.1-1.8-2.6-2.8-4.1-1.9-2.8-4.3-6.4-4.8-7.4-1.2-2.2-1.4-4.8-.6-7.3.8-2.5 2.5-4.5 4.7-5.6 2.3-1.1 4.8-1.3 7.2-.5 2.4.8 4.4 2.5 5.5 4.8l-.4.2.4-.2c1.4 2.9 1.4 6 0 8.6-.6 1-2.9 4.6-4.8 7.4-1 1.5-2.1 3-2.8 4.1l-.8 1.2zM17.9 3c-1.3 0-2.6.3-3.8.9-2 1-3.5 2.8-4.2 5-.7 2.2-.5 4.5.5 6.5.4.8 2.1 3.4 4.8 7.3 1 1.5 2.1 3 2.8 4.1.8-1.2 1.8-2.6 2.8-4.1 2.7-4 4.4-6.6 4.8-7.3 1.3-2.3 1.3-5.1 0-7.7v-.1c-1-2-2.7-3.5-4.9-4.2-1-.3-1.9-.4-2.8-.4z" class="secondary"/>
<path d="M18 28.6l-.8-1.2c-.8-1.1-1.8-2.6-2.8-4.1-1.9-2.8-4.3-6.4-4.8-7.4-1.2-2.2-1.4-4.8-.6-7.3.8-2.5 2.5-4.5 4.7-5.6 2.3-1.1 4.8-1.3 7.2-.5 2.4.8 4.4 2.5 5.5 4.8l-.4.2.4-.2c1.4 2.9 1.4 6 0 8.6-.6 1-2.9 4.6-4.8 7.4-1 1.5-2.1 3-2.8 4.1l-.8 1.2zM17.9 3c-1.3 0-2.6.3-3.8.9-2 1-3.5 2.8-4.2 5-.7 2.2-.5 4.5.5 6.5.4.8 2.1 3.4 4.8 7.3 1 1.5 2.1 3 2.8 4.1.8-1.2 1.8-2.6 2.8-4.1 2.7-4 4.4-6.6 4.8-7.3 1.3-2.3 1.3-5.1 0-7.7v-.1c-1-2-2.7-3.5-4.9-4.2-1-.3-1.9-.4-2.8-.4z" class="secondary"/>
<path
d="M18 28.6l-.8-1.2c-.8-1.1-1.8-2.6-2.8-4.1-1.9-2.8-4.3-6.4-4.8-7.4-1.2-2.2-1.4-4.8-.6-7.3.8-2.5 2.5-4.5 4.7-5.6 2.3-1.1 4.8-1.3 7.2-.5 2.4.8 4.4 2.5 5.5 4.8l-.4.2.4-.2c1.4 2.9 1.4 6 0 8.6-.6 1-2.9 4.6-4.8 7.4-1 1.5-2.1 3-2.8 4.1l-.8 1.2zM17.9 3c-1.3 0-2.6.3-3.8.9-2 1-3.5 2.8-4.2 5-.7 2.2-.5 4.5.5 6.5.4.8 2.1 3.4 4.8 7.3 1 1.5 2.1 3 2.8 4.1.8-1.2 1.8-2.6 2.8-4.1 2.7-4 4.4-6.6 4.8-7.3 1.3-2.3 1.3-5.1 0-7.7v-.1c-1-2-2.7-3.5-4.9-4.2-1-.3-1.9-.4-2.8-.4z"
class="secondary" />
<path
d="M18 28.6l-.8-1.2c-.8-1.1-1.8-2.6-2.8-4.1-1.9-2.8-4.3-6.4-4.8-7.4-1.2-2.2-1.4-4.8-.6-7.3.8-2.5 2.5-4.5 4.7-5.6 2.3-1.1 4.8-1.3 7.2-.5 2.4.8 4.4 2.5 5.5 4.8l-.4.2.4-.2c1.4 2.9 1.4 6 0 8.6-.6 1-2.9 4.6-4.8 7.4-1 1.5-2.1 3-2.8 4.1l-.8 1.2zM17.9 3c-1.3 0-2.6.3-3.8.9-2 1-3.5 2.8-4.2 5-.7 2.2-.5 4.5.5 6.5.4.8 2.1 3.4 4.8 7.3 1 1.5 2.1 3 2.8 4.1.8-1.2 1.8-2.6 2.8-4.1 2.7-4 4.4-6.6 4.8-7.3 1.3-2.3 1.3-5.1 0-7.7v-.1c-1-2-2.7-3.5-4.9-4.2-1-.3-1.9-.4-2.8-.4z"
class="secondary" />
</g>
</g>
</svg>
</svg>
<div>
<div>
<span class="tab-title tab-title-long" i18n="@@dataset.detail.map">Map</span>
......@@ -77,10 +92,18 @@
<a (click)="setPosition()" [routerLink]="[AppRoutes.resources.uri]" class="tab-link">
<svg class="tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<g id="picto_x5F_api">
<path d="M11.8 19.6c2.1 0 3.8 1.7 3.8 3.8s-1.7 3.8-3.8 3.8S8 25.5 8 23.4s1.7-3.8 3.8-3.8m0-1c-2.7 0-4.8 2.2-4.8 4.8 0 2.7 2.2 4.8 4.8 4.8s4.8-2.2 4.8-4.8c0-2.7-2.1-4.8-4.8-4.8z" class="secondary"/>
<path d="M13.1 13.6c.3 0 .5.2.5.5v1.6l.7.2c.4.1.7.3 1.1.5l.6.3.5-.5.6-.6c.1-.1.3-.1.4-.1s.2 0 .4.1l1.8 1.8c.2.2.2.5 0 .7l-.7.6-.5.5.3.6c.2.4.3.7.5 1.1l.2.7h1.6c.3 0 .5.2.5.5v2.5c0 .3-.2.5-.5.5h-1.6l-.2.7c-.1.4-.3.7-.5 1.1l-.3.6.5.5.6.6c.2.2.2.5 0 .7l-1.8 1.8c-.1.1-.3.1-.4.1s-.2 0-.4-.1l-.6-.6-.4-.4-.6.3c-.4.2-.7.3-1.1.5l-.7.2v1.6c0 .3-.2.5-.5.5h-2.5c-.3 0-.5-.2-.5-.5v-1.6l-.7-.2c-.4-.1-.7-.3-1.1-.5l-.6-.3-.5.5-.6.6c-.1.1-.3.1-.4.1s-.2 0-.4-.1L4 29.5c-.2-.2-.2-.5 0-.7l.6-.6.5-.5-.3-.7c-.2-.4-.3-.7-.5-1.1l-.2-.7H2.5c-.3 0-.5-.2-.5-.5v-2.5c0-.3.2-.5.5-.5h1.6l.2-.7c.1-.4.3-.7.5-1.1l.3-.6-.5-.5-.6-.7c-.2-.2-.2-.5 0-.7l1.8-1.8c.1-.1.3-.1.4-.1s.2 0 .4.1l.6.6.5.5.6-.3c.3-.2.7-.4 1.1-.5l.7-.2v-1.6c0-.3.2-.5.5-.5h2.5m0-1h-2.5c-.8 0-1.5.7-1.5 1.5v.9c-.4.1-.9.3-1.3.5l-.6-.6c-.3-.3-.7-.4-1.1-.4s-.8.1-1.1.4l-1.8 1.8c-.6.6-.6 1.5 0 2.1l.6.6c-.2.4-.4.8-.5 1.3h-.8c-.8 0-1.5.7-1.5 1.5v2.5c0 .8.7 1.5 1.5 1.5h.9c.1.4.3.9.5 1.3l-.6.5c-.6.6-.6 1.5 0 2.1l1.8 1.8c.3.3.7.4 1.1.4s.8-.1 1.1-.4l.6-.6c.4.2.8.4 1.3.5v.9c0 .8.7 1.5 1.5 1.5h2.5c.8 0 1.5-.7 1.5-1.5v-.9c.4-.1.9-.3 1.3-.5l.6.6c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l1.8-1.8c.6-.6.6-1.5 0-2.1l-.6-.6c.2-.4.4-.8.5-1.3h.9c.8 0 1.5-.7 1.5-1.5v-2.5c0-.8-.7-1.5-1.5-1.5h-.9c-.1-.4-.3-.9-.5-1.3l.6-.6c.6-.6.6-1.5 0-2.1l-1.8-1.8c-.3-.3-.7-.4-1.1-.4-.4 0-.8.1-1.1.4l-.6.6c-.4-.2-.8-.4-1.3-.5V14c-.1-.7-.8-1.4-1.6-1.4z" class="secondary"/>
<path d="M26.4 7.3c.4 0 .8.1 1.2.3.6.3 1.1.9 1.4 1.6.2.7.2 1.4-.1 2.1-.5.9-1.4 1.5-2.4 1.5-.4 0-.8-.1-1.2-.3-1.3-.7-1.9-2.3-1.2-3.6.3-1 1.2-1.6 2.3-1.6m0-1c-1.4 0-2.7.8-3.3 2.1-.9 1.8-.1 4.1 1.7 5 .5.3 1.1.4 1.6.4 1.4 0 2.7-.8 3.3-2.1.9-1.8.1-4.1-1.7-5-.5-.2-1.1-.4-1.6-.4z" class="primary"/>
<path d="M25 2.8c.1 0 .1 0 .1.1l.2.6.2.7H26.3c.3 0 .5 0 .8.1l.7.1.3-.7.3-.6c0-.1.1-.1.1-.1h.1l1.7.9.1.1v.1l-.3.6-.3.7.5.5c.2.2.4.4.6.7l.4.6.7-.2.7-.2c.1 0 .1 0 .1.1l.6 1.8v.1s0 .1-.1.1l-.5.1-.7.2v.7c0 .3 0 .6-.1.9v.8l.7.3.6.3c.1 0 .1.1.1.2l-.9 1.7c0 .1-.1.1-.1.1h-.1l-.6-.3-.7-.3-.5.5c-.2.2-.4.4-.7.6l-.6.4.2.7.2.6v.1s0 .1-.1.1l-1.9.6c-.1 0-.1 0-.1-.1l-.2-.6-.2-.7H26.3c-.3 0-.5 0-.8-.1l-.7-.1-.3.7-.3.7c0 .1-.1.1-.1.1H24l-1.7-.9c-.1 0-.1-.1-.1-.2l.3-.6.3-.7-.5-.5c-.2-.2-.4-.4-.6-.7l-.4-.5-.7.2-.7.2c-.1 0-.1 0-.1-.1l-.6-1.8v-.1s0-.1.1-.1l.6-.2.7-.2v-.7c0-.3 0-.6.1-.9l.1-.7-.8-.4-.6-.3-.1-.1v-.1l.9-1.7c0-.1.1-.1.1-.1h.1l.6.3.7.3.5-.5c.2-.2.4-.4.7-.6l.5-.4-.2-.7-.2-.7v-.1s0-.1.1-.1l1.9-.6c-.1 0-.1 0 0 0m0-1c-.1 0-.2 0-.4.1l-1.8.6c-.6.2-1 .9-.8 1.5l.2.6c-.2.2-.5.4-.7.7l-.6-.3c-.2-.1-.3-.1-.5-.1-.4 0-.8.2-1 .6l-.9 1.7c-.3.6 0 1.3.5 1.5l.6.3c0 .3-.1.7-.1 1l-.6.2c-.6.2-.9.9-.7 1.5l.6 1.8c.2.5.6.8 1.1.8.1 0 .2 0 .4-.1l.6-.2c.2.3.4.5.7.8l-.3.6c-.3.6 0 1.3.5 1.5l1.7.9c.2.1.3.1.5.1.4 0 .8-.2 1-.6l.3-.6c.3 0 .6.1.9.1h.1l.2.6c.2.5.6.8 1.1.8.1 0 .2 0 .4-.1l1.8-.6c.6-.2.9-.9.7-1.5l-.2-.6c.3-.2.5-.4.8-.7l.6.3c.2.1.3.1.5.1.4 0 .8-.2 1-.6l.9-1.7c.3-.6 0-1.3-.5-1.5l-.5-.3c0-.3.1-.7.1-1l.6-.2c.6-.2.9-.9.7-1.5l-.6-1.8c-.2-.5-.6-.8-1.1-.8-.1 0-.2 0-.4.1l-.6.2c-.2-.3-.4-.5-.7-.8l.3-.6c.3-.6 0-1.3-.5-1.5l-1.7-.9c-.2-.1-.3-.1-.5-.1-.4 0-.8.2-1 .6l-.3.6c-.3 0-.6-.1-.9-.1h-.1l-.4-.6c-.1-.5-.6-.8-1-.8z" class="primary"/>
<path
d="M11.8 19.6c2.1 0 3.8 1.7 3.8 3.8s-1.7 3.8-3.8 3.8S8 25.5 8 23.4s1.7-3.8 3.8-3.8m0-1c-2.7 0-4.8 2.2-4.8 4.8 0 2.7 2.2 4.8 4.8 4.8s4.8-2.2 4.8-4.8c0-2.7-2.1-4.8-4.8-4.8z"
class="secondary" />
<path
d="M13.1 13.6c.3 0 .5.2.5.5v1.6l.7.2c.4.1.7.3 1.1.5l.6.3.5-.5.6-.6c.1-.1.3-.1.4-.1s.2 0 .4.1l1.8 1.8c.2.2.2.5 0 .7l-.7.6-.5.5.3.6c.2.4.3.7.5 1.1l.2.7h1.6c.3 0 .5.2.5.5v2.5c0 .3-.2.5-.5.5h-1.6l-.2.7c-.1.4-.3.7-.5 1.1l-.3.6.5.5.6.6c.2.2.2.5 0 .7l-1.8 1.8c-.1.1-.3.1-.4.1s-.2 0-.4-.1l-.6-.6-.4-.4-.6.3c-.4.2-.7.3-1.1.5l-.7.2v1.6c0 .3-.2.5-.5.5h-2.5c-.3 0-.5-.2-.5-.5v-1.6l-.7-.2c-.4-.1-.7-.3-1.1-.5l-.6-.3-.5.5-.6.6c-.1.1-.3.1-.4.1s-.2 0-.4-.1L4 29.5c-.2-.2-.2-.5 0-.7l.6-.6.5-.5-.3-.7c-.2-.4-.3-.7-.5-1.1l-.2-.7H2.5c-.3 0-.5-.2-.5-.5v-2.5c0-.3.2-.5.5-.5h1.6l.2-.7c.1-.4.3-.7.5-1.1l.3-.6-.5-.5-.6-.7c-.2-.2-.2-.5 0-.7l1.8-1.8c.1-.1.3-.1.4-.1s.2 0 .4.1l.6.6.5.5.6-.3c.3-.2.7-.4 1.1-.5l.7-.2v-1.6c0-.3.2-.5.5-.5h2.5m0-1h-2.5c-.8 0-1.5.7-1.5 1.5v.9c-.4.1-.9.3-1.3.5l-.6-.6c-.3-.3-.7-.4-1.1-.4s-.8.1-1.1.4l-1.8 1.8c-.6.6-.6 1.5 0 2.1l.6.6c-.2.4-.4.8-.5 1.3h-.8c-.8 0-1.5.7-1.5 1.5v2.5c0 .8.7 1.5 1.5 1.5h.9c.1.4.3.9.5 1.3l-.6.5c-.6.6-.6 1.5 0 2.1l1.8 1.8c.3.3.7.4 1.1.4s.8-.1 1.1-.4l.6-.6c.4.2.8.4 1.3.5v.9c0 .8.7 1.5 1.5 1.5h2.5c.8 0 1.5-.7 1.5-1.5v-.9c.4-.1.9-.3 1.3-.5l.6.6c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l1.8-1.8c.6-.6.6-1.5 0-2.1l-.6-.6c.2-.4.4-.8.5-1.3h.9c.8 0 1.5-.7 1.5-1.5v-2.5c0-.8-.7-1.5-1.5-1.5h-.9c-.1-.4-.3-.9-.5-1.3l.6-.6c.6-.6.6-1.5 0-2.1l-1.8-1.8c-.3-.3-.7-.4-1.1-.4-.4 0-.8.1-1.1.4l-.6.6c-.4-.2-.8-.4-1.3-.5V14c-.1-.7-.8-1.4-1.6-1.4z"
class="secondary" />
<path
d="M26.4 7.3c.4 0 .8.1 1.2.3.6.3 1.1.9 1.4 1.6.2.7.2 1.4-.1 2.1-.5.9-1.4 1.5-2.4 1.5-.4 0-.8-.1-1.2-.3-1.3-.7-1.9-2.3-1.2-3.6.3-1 1.2-1.6 2.3-1.6m0-1c-1.4 0-2.7.8-3.3 2.1-.9 1.8-.1 4.1 1.7 5 .5.3 1.1.4 1.6.4 1.4 0 2.7-.8 3.3-2.1.9-1.8.1-4.1-1.7-5-.5-.2-1.1-.4-1.6-.4z"
class="primary" />
<path
d="M25 2.8c.1 0 .1 0 .1.1l.2.6.2.7H26.3c.3 0 .5 0 .8.1l.7.1.3-.7.3-.6c0-.1.1-.1.1-.1h.1l1.7.9.1.1v.1l-.3.6-.3.7.5.5c.2.2.4.4.6.7l.4.6.7-.2.7-.2c.1 0 .1 0 .1.1l.6 1.8v.1s0 .1-.1.1l-.5.1-.7.2v.7c0 .3 0 .6-.1.9v.8l.7.3.6.3c.1 0 .1.1.1.2l-.9 1.7c0 .1-.1.1-.1.1h-.1l-.6-.3-.7-.3-.5.5c-.2.2-.4.4-.7.6l-.6.4.2.7.2.6v.1s0 .1-.1.1l-1.9.6c-.1 0-.1 0-.1-.1l-.2-.6-.2-.7H26.3c-.3 0-.5 0-.8-.1l-.7-.1-.3.7-.3.7c0 .1-.1.1-.1.1H24l-1.7-.9c-.1 0-.1-.1-.1-.2l.3-.6.3-.7-.5-.5c-.2-.2-.4-.4-.6-.7l-.4-.5-.7.2-.7.2c-.1 0-.1 0-.1-.1l-.6-1.8v-.1s0-.1.1-.1l.6-.2.7-.2v-.7c0-.3 0-.6.1-.9l.1-.7-.8-.4-.6-.3-.1-.1v-.1l.9-1.7c0-.1.1-.1.1-.1h.1l.6.3.7.3.5-.5c.2-.2.4-.4.7-.6l.5-.4-.2-.7-.2-.7v-.1s0-.1.1-.1l1.9-.6c-.1 0-.1 0 0 0m0-1c-.1 0-.2 0-.4.1l-1.8.6c-.6.2-1 .9-.8 1.5l.2.6c-.2.2-.5.4-.7.7l-.6-.3c-.2-.1-.3-.1-.5-.1-.4 0-.8.2-1 .6l-.9 1.7c-.3.6 0 1.3.5 1.5l.6.3c0 .3-.1.7-.1 1l-.6.2c-.6.2-.9.9-.7 1.5l.6 1.8c.2.5.6.8 1.1.8.1 0 .2 0 .4-.1l.6-.2c.2.3.4.5.7.8l-.3.6c-.3.6 0 1.3.5 1.5l1.7.9c.2.1.3.1.5.1.4 0 .8-.2 1-.6l.3-.6c.3 0 .6.1.9.1h.1l.2.6c.2.5.6.8 1.1.8.1 0 .2 0 .4-.1l1.8-.6c.6-.2.9-.9.7-1.5l-.2-.6c.3-.2.5-.4.8-.7l.6.3c.2.1.3.1.5.1.4 0 .8-.2 1-.6l.9-1.7c.3-.6 0-1.3-.5-1.5l-.5-.3c0-.3.1-.7.1-1l.6-.2c.6-.2.9-.9.7-1.5l-.6-1.8c-.2-.5-.6-.8-1.1-.8-.1 0-.2 0-.4.1l-.6.2c-.2-.3-.4-.5-.7-.8l.3-.6c.3-.6 0-1.3-.5-1.5l-1.7-.9c-.2-.1-.3-.1-.5-.1-.4 0-.8.2-1 .6l-.3.6c-.3 0-.6-.1-.9-.1h-.1l-.4-.6c-.1-.5-.6-.8-1-.8z"