Changes style of title on dmp an dataset card

This commit is contained in:
apapachristou 2020-10-23 17:59:59 +03:00
parent 8dd728a85d
commit 8946ea2fb7
19 changed files with 86 additions and 58 deletions

View File

@ -215,10 +215,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -237,12 +237,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -72,10 +72,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -94,12 +94,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -26,7 +26,7 @@
<div class="col-auto dataset-label">{{'DATASET-LISTING.DATASET-DESCRIPTION' | translate}}</div>
<div class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.EDITED' | translate}}: {{activity.modified | date:"longDate"}}</div>
</div>
<div class="col-auto dataset-title">{{activity.label}}</div>
<div class="col-auto dataset-title-draft">{{activity.label}}</div>
<div class="dataset-subtitle">
<span class="col-auto">{{ roleDisplay(activity.users) }}</span>
<span>.</span>

View File

@ -72,10 +72,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -94,12 +94,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -104,7 +104,8 @@
<div *ngIf="!publicMode" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.EDITED' | translate}}: {{activity.modified | date:"longDate"}}</div>
<div *ngIf="publicMode" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.PUBLISHED' | translate}}: {{activity.publishedAt | date:"longDate"}}</div>
</div>
<div class="col-auto dataset-title">{{activity.title}}</div>
<div *ngIf="activity.status === 1" class="col-auto dataset-title">{{activity.title}}</div>
<div *ngIf="activity.status === 0" class="col-auto dataset-title-draft">{{activity.title}}</div>
<div class="dataset-subtitle">
<span class="col-auto">{{ roleDisplay(activity.users) }}</span>
<span>.</span>

View File

@ -28,7 +28,8 @@
<div *ngIf="!publicMode" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.EDITED' | translate}}: {{activity.modified | date:"longDate"}}</div>
<div *ngIf="publicMode" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.PUBLISHED' | translate}}: {{activity.dmpPublishedAt | date:"longDate"}}</div>
</div>
<div class="col-auto dataset-title">{{activity.label}}</div>
<div *ngIf="activity.status === 1" class="col-auto dataset-title">{{activity.label}}</div>
<div *ngIf="activity.status === 0" class="col-auto dataset-title-draft">{{activity.label}}</div>
<div class="dataset-subtitle">
<span class="col-auto">{{ roleDisplay(activity.users) }}</span>
<span>.</span>

View File

@ -72,10 +72,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -94,12 +94,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -69,10 +69,10 @@ input[type="text"] {
.dmp-title, .dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -90,12 +90,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
/* opacity: 0.81; */
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -5,7 +5,8 @@
<div *ngIf="!isPublic" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.EDITED' | translate}}: {{dataset.modified | date:"longDate"}}</div>
<div *ngIf="isPublic" class="col-auto ml-auto edited-date">{{'DATASET-LISTING.STATES.PUBLISHED' | translate}}: {{dataset.dmpPublishedAt | date:"longDate"}}</div>
</div>
<div class="col-auto dataset-title">{{dataset.label}}</div>
<div *ngIf="dataset.status === 1" class="col-auto dataset-title">{{dataset.label}}</div>
<div *ngIf="dataset.status === 0" class="col-auto dataset-title-draft">{{dataset.label}}</div>
<div class="dataset-subtitle">
<span *ngIf="isUserDatasetRelated()" class="col-auto">{{ roleDisplay(dataset.users) }}</span>
<span *ngIf="isUserDatasetRelated()">.</span>
@ -66,11 +67,11 @@
<div class="row">
<div class="col-12 gray-container container-header">
<p (click)="$event.stopImmediatePropagation();">{{ dataset.grantAbbreviation }}</p> -->
<!-- <p (click)="$event.stopImmediatePropagation(); grantClicked(dataset)">{{ dataset.grantAbbreviation }}</p> -->
<!-- <button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto" (click)="$event.stopImmediatePropagation();">
<!-- <p (click)="$event.stopImmediatePropagation(); grantClicked(dataset)">{{ dataset.grantAbbreviation }}</p> -->
<!-- <button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto" (click)="$event.stopImmediatePropagation();">
<mat-icon class="more-horiz">more_horiz</mat-icon>
</button> -->
<!-- </div>
<!-- </div>
</div>
<div class="row">
<div class="col-auto">
@ -135,7 +136,7 @@
</div>
</div>
</div> -->
<!-- <div class="info">
<!-- <div class="info">
<h6>{{ dataset.dmp }}</h6>
<p>{{ dataset.grant }}</p>
</div>
@ -144,7 +145,7 @@
<p>{{ dataset.profile }}</p>
</div>
</div> -->
<!-- </div>
<!-- </div>
</a>
</div> -->
<!-- <mat-divider *ngIf="showDivider"></mat-divider> -->

View File

@ -140,10 +140,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -162,12 +162,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -62,7 +62,7 @@ export class DatasetEditorDetailsComponent extends BaseComponent implements OnIn
// isLinear = false;
lock: LockModel;
lockStatus: Boolean;
dmpText: string;
dmpText: string = null;
@Input() formGroup: FormGroup;
@Input() dmpId: string;

View File

@ -411,7 +411,7 @@ mat-icon.size-16 {
.dmp-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;

View File

@ -173,10 +173,10 @@ input[type="text"] {
.dmp-title,
.dataset-title {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #212121;
@ -195,12 +195,13 @@ input[type="text"] {
color: #848484;
}
.dmp-title-draft {
.dmp-title-draft,
.dataset-title-draft {
text-align: left;
font-weight: 500;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-size: 1rem;
opacity: 0.81;
// opacity: 0.81;
padding-top: 0.75rem;
padding-bottom: 0.55rem;
color: #f16868;

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Rolle",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "Zugehörige DMPs",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Role",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "Associated DMPs",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Role",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "PGDs asociados",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Ρόλος",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "Συσχετιζόμενα Σχέδια Διαχείρισης Δεδομένων",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Rola",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "Pridružené DMP",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {

View File

@ -1366,7 +1366,9 @@
"NAME": "Name",
"ORGANIZATION": "Organization",
"ROLE": "Görev",
"SELECT-ROLE": "Select Role"
"SELECT-ROLE": "Select Role",
"ACCOUNTS": "Accounts",
"EMAILS": "Emails"
},
"ASSOCIATED-DMPS": "İlişkili VYP'ları",
"DMPS": {
@ -1397,7 +1399,8 @@
"OTHER": "Other"
},
"ACTIONS": {
"SAVE": "Save"
"SAVE": "Save",
"ADD-NEW": "Add new"
}
},
"DATASET-REFERENCED-MODELS": {