MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Style fixes on user profile

This commit is contained in:
apapachristou 2020-11-17 15:46:17 +02:00
parent 8e074c4ca0
commit af849b6c36
10 changed files with 38 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.html
View File

@ -2,21 +2,19 @@
<div class="dropdown-top"></div>
<div class="dropdown-options">
<mat-divider class="col-12 top-divider"></mat-divider>
<div class="col-12 pl-2">
<!-- <div class="col-12 pl-2">
<a class="profile email-btn mt-2 mb-2 pl-0">
<mat-icon class="check-icon">check</mat-icon>{{ getPrincipalEmail() }}
</a>
</div>
<mat-divider class="col-12"></mat-divider>
<div class="col-12">
<a mat-button class="profile mt-2"
(click)="navigateToProfile()">{{'USER-DIALOG.USER-PROFILE-SETTINGS' | translate}}</a>
<a mat-button class="profile mb-2"
(click)="navigateToMyDmps()">{{'USER-PROFILE.ASSOCIATED-DMPS' | translate}}</a>
<mat-divider class="col-12"></mat-divider> -->
<div class="col-12 profile-settings">
<a mat-button class="profile mt-2" (click)="navigateToProfile()">{{'USER-DIALOG.USER-PROFILE-SETTINGS' | translate}}</a>
<a mat-button class="profile mb-2" (click)="navigateToMyDmps()">{{'USER-PROFILE.ASSOCIATED-DMPS' | translate}}</a>
</div>
<mat-divider class="col-12"></mat-divider>
<div class="col-12">
<a mat-button class="logout mb-2" (click)="logout()">
<a mat-button class="logout mb-2 mt-2" (click)="logout()">
{{ 'USER-DIALOG.LOG-OUT' | translate }}
</a>
</div>
@ -47,4 +45,4 @@
<a mat-button class="logout" (click)="logout()"><mat-icon class="mr-1">exit_to_app</mat-icon>{{ 'USER-DIALOG.LOG-OUT' | translate }}</a>
</div>
</div>
</form> -->
</form> -->

2
dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss
View File

@ -41,7 +41,7 @@ $mat-card-header-size: 40px !default;
}
.dropdown-options a:hover {
background-color: rgba(255, 255, 255, 0.609) !important;
background-color: #ececec8c !important;
}
.dropdown-options a:hover {

8
dmp-frontend/src/app/ui/user-profile/user-profile.component.html
View File

@ -7,9 +7,9 @@
<div class="row mb-4">
<div class="col-auto">
<img mat-card-avatar class="avatar" [src]="userProfile.avatarUrl" (error)="applyFallbackAvatar($event)">
<div class="row justify-content-center camera">
<!-- <div class="row justify-content-center camera">
<span class="material-icons-two-tone">photo_camera</span>
</div>
</div> -->
</div>
<div class="col-auto d-flex flex-column justify-content-center main-info">
<div class="name">{{formGroup.get('name').value}}</div>
@ -195,8 +195,8 @@
<div class="remove-btn"><button mat-raised-button type="button" (click)="RemoveZenodo()" class="confirm unlinkBtn">{{'USER-PROFILE.ZENODO.LOGOUT' | translate}}</button></div>
</div>
</div>
<div *ngIf="!hasZenodo()" class="col-md-4">
<button mat-raised-button type="button" (click)="loginToZenodo()" class="confirm" color="primary">{{'USER-PROFILE.ZENODO.LOGIN' | translate}}</button>
<div *ngIf="!hasZenodo()" class="col-md-4 link-zenodo-btn">
<div><button mat-raised-button type="button" (click)="loginToZenodo()" class="confirm default-btn">{{'USER-PROFILE.ZENODO.AUTHORIZE' | translate}}</button></div>
</div>
</div>
</div>

20
dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
View File

@ -102,9 +102,15 @@
// padding-bottom: 1.34375em;
}
.link-zenodo-btn {
display: flex;
align-items: center;
}
.unlinkBtn {
background-color: FireBrick;
color: white;
border-radius: 30px;
}
.save-btn {
@ -122,6 +128,20 @@
cursor: pointer;
}
.default-btn {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029;
border: 1px solid #b5b5b5;
border-radius: 30px;
opacity: 1;
min-width: 162px;
max-width: 256px;
height: 40px;
color: #212121;
font-size: 0.87rem;
font-weight: 500;
}
.vertical-line {
border-left: 2px solid #129d99;
}

1
dmp-frontend/src/assets/i18n/de.json
View File

@ -1386,6 +1386,7 @@
"ZENODO": {
"LOGIN": "Login to Zenodo",
"LOGOUT": "Remove Zenodo",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Zenodo Account",
"DESCRIPTION": "Linked Zenodo Account"
},

1
dmp-frontend/src/assets/i18n/en.json
View File

@ -1390,6 +1390,7 @@
"ZENODO": {
"LOGIN": "Login to Zenodo",
"LOGOUT": "Remove Zenodo",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Zenodo Account",
"DESCRIPTION": "Linked Zenodo Account"
},

1
dmp-frontend/src/assets/i18n/es.json
View File

@ -1386,6 +1386,7 @@
"ZENODO": {
"LOGIN": "Identificarse en Zenodo",
"LOGOUT": "Eliminar Zenodo",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Cuenta en Zenodo",
"DESCRIPTION": "Enlazar una cuenta en Zenodo"
},

1
dmp-frontend/src/assets/i18n/gr.json
View File

@ -1386,6 +1386,7 @@
"ZENODO": {
"LOGIN": "Συνδέση με Zenodo",
"LOGOUT": "Αφαίρεση Zenodo",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Λογαριασμός Zenodo",
"DESCRIPTION": "Συνδεδεμένος Λογαριασμός Zenodo"
},

1
dmp-frontend/src/assets/i18n/sk.json
View File

@ -1386,6 +1386,7 @@
"ZENODO": {
"LOGIN": "Prihlásiť sa do Zenodo",
"LOGOUT": "odstrániť Zenodo",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Zenodo účet",
"DESCRIPTION": "Prepojený Zenodo účet"
},

1
dmp-frontend/src/assets/i18n/tr.json
View File

@ -1386,6 +1386,7 @@
"ZENODO": {
"LOGIN": "Zenodo ile oturum aç",
"LOGOUT": "Zenodo'yu Kaldır",
"AUTHORIZE": "Authorize Zenodo",
"TITLE": "Zenodo Hesabı",
"DESCRIPTION": "Bağlantılı Zenodo Hesabı"
},