Updates styles and links for sidebar options
This commit is contained in:
parent
7a6228b136
commit
447fd188bc
|
@ -1,5 +1,6 @@
|
|||
h1 {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div [ngClass]="{'container contact-component': !isDialog}">
|
||||
<div *ngIf="!isDialog" class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ 'CONTACT.TITLE-DASHED' | translate}}</h1>
|
||||
<h1>{{ 'CONTACT.SUPPORT.TITLE' | translate}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div [ngClass]="{'contact-container': !isDialog}" class="row">
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
h1 {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<div [ngClass]="{'container glossary-component': !isDialog}">
|
||||
<div *ngIf="!isDialog" class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ 'GLOSSARY.TITLE-DASHED' | translate}}</h1>
|
||||
<h1>{{ 'GLOSSARY.TITLE' | translate}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
h1 {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
h1 {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -13,6 +13,7 @@
|
|||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
font-size: small;
|
||||
font-family: 'Roboto';
|
||||
}
|
||||
|
||||
.sidebar-footer .option:hover {
|
||||
|
|
|
@ -5,18 +5,22 @@
|
|||
{{'FOOTER.ABOUT' | translate}}</p>
|
||||
</div>
|
||||
<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>
|
||||
<!-- <p class="option" (click)="openContactDialog()" [ngClass]="{'option-active': this.router.url === '/contact-support'}">
|
||||
{{'FOOTER.CONTACT-SUPPORT' | translate}}</p> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row ml-2">
|
||||
<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>
|
||||
<!-- <p class="option" (click)="openGlossaryDialog()" [ngClass]="{'option-active': this.router.url === '/glossary'}">
|
||||
{{'FOOTER.GLOSSARY' | translate}}</p> -->
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<!-- <div class="col-6 text-center">
|
||||
|
@ -26,8 +30,10 @@
|
|||
</div>
|
||||
<div class="row ml-2">
|
||||
<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>
|
||||
<!-- <p class="option" (click)="openUserGuideDialog()" [ngClass]="{'option-active': this.router.url === '/user-guide'}">
|
||||
{{'FOOTER.GUIDE' | translate}}</p> -->
|
||||
</div>
|
||||
<!-- <div class="col-auto text-center">
|
||||
<a class="option" [routerLink]="['/privacy-policy']" [routerLinkActive]="['option-active']">
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<hr *ngIf="!firstGroup">
|
||||
<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}">
|
||||
<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 *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>
|
||||
|
|
|
@ -13,6 +13,7 @@ declare interface RouteInfo {
|
|||
path: string;
|
||||
title: string;
|
||||
icon: string;
|
||||
url?: string;
|
||||
}
|
||||
declare interface GroupMenuItem {
|
||||
title: string;
|
||||
|
@ -55,9 +56,9 @@ export const ADMIN_ROUTES: RouteInfo[] = [
|
|||
];
|
||||
|
||||
export const INFO_ROUTES: RouteInfo[] = [
|
||||
{ path: '/about', title: 'SIDE-BAR.CO-BRANDING', icon: 'toll' },
|
||||
{ path: '/about', title: 'SIDE-BAR.SUPPORT', icon: 'help' },
|
||||
{ path: '/about', title: 'SIDE-BAR.FEEDBACK', icon: 'feedback' }
|
||||
{ path: '/splash/resources/co-branding.html', title: 'SIDE-BAR.CO-BRANDING', icon: 'toll' },
|
||||
{ path: '/contact-support', title: 'SIDE-BAR.SUPPORT', icon: 'help' },
|
||||
{ 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[] = [
|
||||
|
@ -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 {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
#userguide {
|
||||
margin: 100px;
|
||||
}
|
||||
|
|
|
@ -1024,7 +1024,8 @@
|
|||
}
|
||||
},
|
||||
"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.",
|
||||
"CONTRIBUTORS": "Mitwirkende",
|
||||
"WELCOME": "Willkommen bei ARGOS",
|
||||
|
|
|
@ -1186,7 +1186,8 @@
|
|||
}
|
||||
},
|
||||
"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.",
|
||||
"CONTRIBUTORS": "Contributors",
|
||||
"WELCOME": "Welcome to ARGOS",
|
||||
|
|
|
@ -1176,7 +1176,8 @@
|
|||
}
|
||||
},
|
||||
"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.",
|
||||
"CONTRIBUTORS": "Colaboradores",
|
||||
"WELCOME": "Bienvenido a ARGOS",
|
||||
|
|
|
@ -1167,7 +1167,8 @@
|
|||
}
|
||||
},
|
||||
"ABOUT": {
|
||||
"TITLE": "-Σχετικά-",
|
||||
"TITLE-DASHED": "-Σχετικά-",
|
||||
"TITLE": "Σχετικά",
|
||||
"MAIN-CONTENT": "Στόχος μας είναι να κάνουμε τα ερευνητικά σας δεδομένα FAIR, που σημαίνει να είναι ανιχνεύσιμα, προσβάσιμα, διαλειτουργικά και επαναχρησιποιήσιμα. Αυτές οι αρχές προηγούνται της εφαρμογής και δεν υποδηλώνουν απαραίτητα κάποια συγκεκριμένη τεχνολογία, πρότυπο ή λύση εφαρμογής.",
|
||||
"CONTRIBUTORS": "Συνεργάτες",
|
||||
"WELCOME": "Καλωσήρθατε στο ARGOS",
|
||||
|
|
|
@ -1149,7 +1149,8 @@
|
|||
}
|
||||
},
|
||||
"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.",
|
||||
"CONTRIBUTORS": "Katılımcılar",
|
||||
"WELCOME": "ARGOS'a Hoş geldiniz",
|
||||
|
|
Loading…
Reference in New Issue