Updates styles and links for sidebar options
This commit is contained in:
parent
7a6228b136
commit
447fd188bc
|
@ -1,5 +1,6 @@
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 2rem 0 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div [ngClass]="{'container contact-component': !isDialog}">
|
<div [ngClass]="{'container contact-component': !isDialog}">
|
||||||
<div *ngIf="!isDialog" class="row">
|
<div *ngIf="!isDialog" class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h1>{{ 'CONTACT.TITLE-DASHED' | translate}}</h1>
|
<h1>{{ 'CONTACT.SUPPORT.TITLE' | translate}}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div [ngClass]="{'contact-container': !isDialog}" class="row">
|
<div [ngClass]="{'contact-container': !isDialog}" class="row">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 2rem 0 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div [ngClass]="{'container glossary-component': !isDialog}">
|
<div [ngClass]="{'container glossary-component': !isDialog}">
|
||||||
<div *ngIf="!isDialog" class="row">
|
<div *ngIf="!isDialog" class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h1>{{ 'GLOSSARY.TITLE-DASHED' | translate}}</h1>
|
<h1>{{ 'GLOSSARY.TITLE' | translate}}</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 2rem 0 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 2rem 0 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -13,6 +13,7 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
|
font-family: 'Roboto';
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-footer .option:hover {
|
.sidebar-footer .option:hover {
|
||||||
|
|
|
@ -5,18 +5,22 @@
|
||||||
{{'FOOTER.ABOUT' | translate}}</p>
|
{{'FOOTER.ABOUT' | translate}}</p>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="isAuthenticated()" class="col-auto">
|
<div *ngIf="isAuthenticated()" class="col-auto">
|
||||||
<p class="option" (click)="openContactDialog()" [ngClass]="{'option-active': this.router.url === '/contact-support'}">
|
<p class="option" [routerLink]="['/contact-support']" [routerLinkActive]="['option-active']">
|
||||||
{{'FOOTER.CONTACT-SUPPORT' | translate}}</p>
|
{{'FOOTER.CONTACT-SUPPORT' | translate}}</p>
|
||||||
|
<!-- <p class="option" (click)="openContactDialog()" [ngClass]="{'option-active': this.router.url === '/contact-support'}">
|
||||||
|
{{'FOOTER.CONTACT-SUPPORT' | translate}}</p> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row ml-2">
|
<div class="row ml-2">
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<p class="option" (click)="openGlossaryDialog()" [ngClass]="{'option-active': this.router.url === '/glossary'}">
|
<p class="option" [routerLink]="['/glossary']" [routerLinkActive]="['option-active']">
|
||||||
{{'FOOTER.GLOSSARY' | translate}}</p>
|
{{'FOOTER.GLOSSARY' | translate}}</p>
|
||||||
|
<!-- <p class="option" (click)="openGlossaryDialog()" [ngClass]="{'option-active': this.router.url === '/glossary'}">
|
||||||
|
{{'FOOTER.GLOSSARY' | translate}}</p> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<p class="option" [routerLink]="['/terms-of-service']" [routerLinkActive]="['option-active']">
|
<p class="option" [routerLink]="['/terms-and-conditions']" [routerLinkActive]="['option-active']">
|
||||||
{{'FOOTER.TERMS-OF-SERVICE' | translate}}</p>
|
{{'FOOTER.TERMS-OF-SERVICE' | translate}}</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="col-6 text-center">
|
<!-- <div class="col-6 text-center">
|
||||||
|
@ -26,8 +30,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row ml-2">
|
<div class="row ml-2">
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<p class="option" (click)="openUserGuideDialog()" [ngClass]="{'option-active': this.router.url === '/user-guide'}">
|
<p class="option" [routerLink]="['/user-guide']" [routerLinkActive]="['option-active']">
|
||||||
{{'FOOTER.GUIDE' | translate}}</p>
|
{{'FOOTER.GUIDE' | translate}}</p>
|
||||||
|
<!-- <p class="option" (click)="openUserGuideDialog()" [ngClass]="{'option-active': this.router.url === '/user-guide'}">
|
||||||
|
{{'FOOTER.GUIDE' | translate}}</p> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="col-auto text-center">
|
<!-- <div class="col-auto text-center">
|
||||||
<a class="option" [routerLink]="['/privacy-policy']" [routerLinkActive]="['option-active']">
|
<a class="option" [routerLink]="['/privacy-policy']" [routerLinkActive]="['option-active']">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<hr *ngIf="!firstGroup">
|
<hr *ngIf="!firstGroup">
|
||||||
<mat-list-item routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" *ngFor="let groupMenuRoute of groupMenuItem.routes; let first = first" class="nav-item"
|
<mat-list-item routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" *ngFor="let groupMenuRoute of groupMenuItem.routes; let first = first" class="nav-item"
|
||||||
[ngClass]="{'mt-4': first && firstGroup}">
|
[ngClass]="{'mt-4': first && firstGroup}">
|
||||||
<a class="nav-link nav-row" [routerLink]="[groupMenuRoute.path]" [ngClass]="{'dmp-tour': groupMenuRoute.path == '/plans', 'dataset-tour' : groupMenuRoute.path == '/datasets'}">
|
<a class="nav-link nav-row" (click)="groupMenuRoute.path === '/feedback' ? sendFeedback(groupMenuRoute) : ''" [routerLink]="[groupMenuRoute.path]" [ngClass]="{'dmp-tour': groupMenuRoute.path == '/plans', 'dataset-tour' : groupMenuRoute.path == '/datasets'}">
|
||||||
<i class="material-icons icon">{{ groupMenuRoute.icon }}</i>
|
<i class="material-icons icon">{{ groupMenuRoute.icon }}</i>
|
||||||
<i *ngIf="groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'" class="material-icons icon-mask">person</i>
|
<i *ngIf="groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'" class="material-icons icon-mask">person</i>
|
||||||
<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'}">{{groupMenuRoute.title | translate}}</span>
|
<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'}">{{groupMenuRoute.title | translate}}</span>
|
||||||
|
|
|
@ -13,6 +13,7 @@ declare interface RouteInfo {
|
||||||
path: string;
|
path: string;
|
||||||
title: string;
|
title: string;
|
||||||
icon: string;
|
icon: string;
|
||||||
|
url?: string;
|
||||||
}
|
}
|
||||||
declare interface GroupMenuItem {
|
declare interface GroupMenuItem {
|
||||||
title: string;
|
title: string;
|
||||||
|
@ -55,9 +56,9 @@ export const ADMIN_ROUTES: RouteInfo[] = [
|
||||||
];
|
];
|
||||||
|
|
||||||
export const INFO_ROUTES: RouteInfo[] = [
|
export const INFO_ROUTES: RouteInfo[] = [
|
||||||
{ path: '/about', title: 'SIDE-BAR.CO-BRANDING', icon: 'toll' },
|
{ path: '/splash/resources/co-branding.html', title: 'SIDE-BAR.CO-BRANDING', icon: 'toll' },
|
||||||
{ path: '/about', title: 'SIDE-BAR.SUPPORT', icon: 'help' },
|
{ path: '/contact-support', title: 'SIDE-BAR.SUPPORT', icon: 'help' },
|
||||||
{ path: '/about', title: 'SIDE-BAR.FEEDBACK', icon: 'feedback' }
|
{ path: '/feedback', title: 'SIDE-BAR.FEEDBACK', icon: 'feedback', url: 'https://docs.google.com/forms/d/1KNhgjQyGrA6lYjOOUUL5cqU2BVquS0qdfwzOGxokgAw/viewform?edit_requested=true' }
|
||||||
];
|
];
|
||||||
|
|
||||||
// export const HISTORY_ROUTES: RouteInfo[] = [
|
// export const HISTORY_ROUTES: RouteInfo[] = [
|
||||||
|
@ -252,4 +253,8 @@ export class SidebarComponent implements OnInit {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sendFeedback(groupMenuRoute: RouteInfo) {
|
||||||
|
window.open(groupMenuRoute.url, '_blank');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,3 +5,7 @@
|
||||||
:host :hover ::ng-deep .href {
|
:host :hover ::ng-deep .href {
|
||||||
cursor: pointer !important;
|
cursor: pointer !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#userguide {
|
||||||
|
margin: 100px;
|
||||||
|
}
|
||||||
|
|
|
@ -1024,7 +1024,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"ABOUT": {
|
"ABOUT": {
|
||||||
"TITLE": "-Über-",
|
"TITLE-DASHED": "-Über-",
|
||||||
|
"TITLE": "Über",
|
||||||
"MAIN-CONTENT": "Unser Ziel ist es, Ihre Forschungsdaten FAIR zu machen, d.h. auffindbar, zugänglich, interoperabel und wiederverwendbar. Diese Prinzipien gehen der Wahl der Implementierungsart voraus und schlagen nicht zwangsläufig eine spezifische Technologie, Standard oder Implementierungslösung vor.",
|
"MAIN-CONTENT": "Unser Ziel ist es, Ihre Forschungsdaten FAIR zu machen, d.h. auffindbar, zugänglich, interoperabel und wiederverwendbar. Diese Prinzipien gehen der Wahl der Implementierungsart voraus und schlagen nicht zwangsläufig eine spezifische Technologie, Standard oder Implementierungslösung vor.",
|
||||||
"CONTRIBUTORS": "Mitwirkende",
|
"CONTRIBUTORS": "Mitwirkende",
|
||||||
"WELCOME": "Willkommen bei ARGOS",
|
"WELCOME": "Willkommen bei ARGOS",
|
||||||
|
|
|
@ -1186,7 +1186,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"ABOUT": {
|
"ABOUT": {
|
||||||
"TITLE": "-About-",
|
"TITLE-DASHED": "-About-",
|
||||||
|
"TITLE": "About",
|
||||||
"MAIN-CONTENT": "Our goal is to make your research data FAIR, that is findable, accessible,interoperable and re-usable. These principles precede implementation choices and do not necessarily suggest any specific technology, standard, or implementation solution.",
|
"MAIN-CONTENT": "Our goal is to make your research data FAIR, that is findable, accessible,interoperable and re-usable. These principles precede implementation choices and do not necessarily suggest any specific technology, standard, or implementation solution.",
|
||||||
"CONTRIBUTORS": "Contributors",
|
"CONTRIBUTORS": "Contributors",
|
||||||
"WELCOME": "Welcome to ARGOS",
|
"WELCOME": "Welcome to ARGOS",
|
||||||
|
|
|
@ -1176,7 +1176,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"ABOUT": {
|
"ABOUT": {
|
||||||
"TITLE": "-Acerca de-",
|
"TITLE-DASHED": "-Acerca de-",
|
||||||
|
"TITLE": "Acerca de",
|
||||||
"MAIN-CONTENT": "Nuestro objetivo es hacer tu datos de investigación FAIR, esto es encontrables, accesible, interoperables y reutilizables. Estos principios son previos a las opciones de implementación y no recomienda necesariamente una tecnología específica, estándares o soluciones de implementación.",
|
"MAIN-CONTENT": "Nuestro objetivo es hacer tu datos de investigación FAIR, esto es encontrables, accesible, interoperables y reutilizables. Estos principios son previos a las opciones de implementación y no recomienda necesariamente una tecnología específica, estándares o soluciones de implementación.",
|
||||||
"CONTRIBUTORS": "Colaboradores",
|
"CONTRIBUTORS": "Colaboradores",
|
||||||
"WELCOME": "Bienvenido a ARGOS",
|
"WELCOME": "Bienvenido a ARGOS",
|
||||||
|
|
|
@ -1167,7 +1167,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"ABOUT": {
|
"ABOUT": {
|
||||||
"TITLE": "-Σχετικά-",
|
"TITLE-DASHED": "-Σχετικά-",
|
||||||
|
"TITLE": "Σχετικά",
|
||||||
"MAIN-CONTENT": "Στόχος μας είναι να κάνουμε τα ερευνητικά σας δεδομένα FAIR, που σημαίνει να είναι ανιχνεύσιμα, προσβάσιμα, διαλειτουργικά και επαναχρησιποιήσιμα. Αυτές οι αρχές προηγούνται της εφαρμογής και δεν υποδηλώνουν απαραίτητα κάποια συγκεκριμένη τεχνολογία, πρότυπο ή λύση εφαρμογής.",
|
"MAIN-CONTENT": "Στόχος μας είναι να κάνουμε τα ερευνητικά σας δεδομένα FAIR, που σημαίνει να είναι ανιχνεύσιμα, προσβάσιμα, διαλειτουργικά και επαναχρησιποιήσιμα. Αυτές οι αρχές προηγούνται της εφαρμογής και δεν υποδηλώνουν απαραίτητα κάποια συγκεκριμένη τεχνολογία, πρότυπο ή λύση εφαρμογής.",
|
||||||
"CONTRIBUTORS": "Συνεργάτες",
|
"CONTRIBUTORS": "Συνεργάτες",
|
||||||
"WELCOME": "Καλωσήρθατε στο ARGOS",
|
"WELCOME": "Καλωσήρθατε στο ARGOS",
|
||||||
|
|
|
@ -1149,7 +1149,8 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"ABOUT": {
|
"ABOUT": {
|
||||||
"TITLE": "-Hakkında-",
|
"TITLE-DASHED": "-Hakkında-",
|
||||||
|
"TITLE": "Hakkında",
|
||||||
"MAIN-CONTENT": "Amacımız, araştırma verilerinizi FAIR (Bulunabilir, Erişilebilir, Birlikte çalışabilir ve Tekrar kullanılabilir) duruma getirmektir. Bu ilkeler uygulama seçeneklerinden önce gelir ve belirli bir teknoloji, standart veya uygulama çözümü önermez.",
|
"MAIN-CONTENT": "Amacımız, araştırma verilerinizi FAIR (Bulunabilir, Erişilebilir, Birlikte çalışabilir ve Tekrar kullanılabilir) duruma getirmektir. Bu ilkeler uygulama seçeneklerinden önce gelir ve belirli bir teknoloji, standart veya uygulama çözümü önermez.",
|
||||||
"CONTRIBUTORS": "Katılımcılar",
|
"CONTRIBUTORS": "Katılımcılar",
|
||||||
"WELCOME": "ARGOS'a Hoş geldiniz",
|
"WELCOME": "ARGOS'a Hoş geldiniz",
|
||||||
|
|
Loading…
Reference in New Issue