hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Edit item - making page content more responsive and accessible

Browse Source 
(cherry picked from commit f975e1da89)
This commit is contained in:
andreaNeki
2024-10-01 14:34:43 -03:00
committed by github-actions[bot]
parent dadba96975
commit 8cc999e81e
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/item-page/edit-item-page/item-status/item-status.component.html
View File

@@ -1,28 +1,28 @@
<p class="mt-2">{{'item.edit.tabs.status.description' | translate}}</p> <p class="mt-2">{{'item.edit.tabs.status.description' | translate}}</p>
<div class="row"> <div class="row">
<div *ngFor="let statusKey of statusDataKeys" class="w-100"> <div *ngFor="let statusKey of statusDataKeys" class="w-100 pt-1">
<div class="col-3 float-left status-label"> <div class="col-12 col-md-3 float-left status-label">
{{'item.edit.tabs.status.labels.' + statusKey | translate}}: {{'item.edit.tabs.status.labels.' + statusKey | translate}}:
</div> </div>
<div class="col-9 float-left status-data" id="status-{{statusKey}}"> <div class="col-12 col-md-9 float-left status-data" id="status-{{statusKey}}">
{{statusData[statusKey]}} {{statusData[statusKey]}}
</div> </div>
</div> </div>
<div *ngFor="let identifier of (identifiers$ | async)" class="w-100"> <div *ngFor="let identifier of (identifiers$ | async)" class="w-100 pt-1">
<div *ngIf="(identifier.identifierType==='doi')"> <div *ngIf="(identifier.identifierType==='doi')">
<div class="col-3 float-left status-label"> <div class="col-12 col-md-3 float-left status-label">
{{identifier.identifierType.toLocaleUpperCase()}} {{identifier.identifierType.toLocaleUpperCase()}}
</div> </div>
<div class="col-9 float-left status-label">{{identifier.value}} <div class="col-12 col-md-9 float-left status-label">{{identifier.value}}
({{"item.edit.identifiers.doi.status."+identifier.identifierStatus|translate}})</div> ({{"item.edit.identifiers.doi.status."+identifier.identifierStatus|translate}})</div>
</div> </div>
</div> </div>
<div class="col-3 float-left status-label"> <div class="col-12 col-md-3 float-left status-label">
{{'item.edit.tabs.status.labels.itemPage' | translate}}: {{'item.edit.tabs.status.labels.itemPage' | translate}}:
</div> </div>
<div class="col-9 float-left status-data" id="status-itemPage"> <div class="col-12 col-md-9 float-left status-data" id="status-itemPage">
<a [routerLink]="itemPageRoute$ | async">{{itemPageRoute$ | async}}</a> <a [routerLink]="itemPageRoute$ | async">{{itemPageRoute$ | async}}</a>
</div> </div>

3
src/app/item-page/edit-item-page/item-status/item-status.component.scss Normal file
View File

@@ -0,0 +1,3 @@
.status-label {
font-weight: 700;
}

1
src/app/item-page/edit-item-page/item-status/item-status.component.ts
View File

@@ -60,6 +60,7 @@ import { ItemOperation } from '../item-operation/itemOperation.model';
@Component({ @Component({
selector: 'ds-base-item-status', selector: 'ds-base-item-status',
styleUrls: ['item-status.component.scss'],
templateUrl: './item-status.component.html', templateUrl: './item-status.component.html',
changeDetection: ChangeDetectionStrategy.Default, changeDetection: ChangeDetectionStrategy.Default,
animations: [ animations: [