Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accessibility of the status page #3148

Merged
merged 7 commits into from
Oct 2, 2024
Merged

Accessibility of the status page #3148

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
e06b67f
Resolution of issue #1190 - Improving the accessibility of the status…
Jun 26, 2024
5f4a049
Issue-1190/PR-3148 Improve the space between the text and the button
Jul 11, 2024
3800021
Issue-1190/PR-3148 Removing 100% height from the column containing th…
Jul 15, 2024
c75f1f0
Merge branch 'DSpace:main' into StatusPageAccessibility
Andrea-Guevara Aug 23, 2024
dd93a10
Merge branch 'DSpace:main' into StatusPageAccessibility
Andrea-Guevara Oct 1, 2024
f975e1d
Edit item - making page content more responsive and accessible
Andrea-Guevara Oct 1, 2024
4aed1b6
Adjusting bold text on labels
Andrea-Guevara Oct 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/app/item-page/edit-item-page/item-operation/item-operation.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<div class="col-3 float-left d-flex h-100 action-label">
<span class="justify-content-center align-self-center">
<div class="col-12 col-md-3 h-auto float-left d-flex action-label">
<span class="justify-content-center align-self-center font-weight-bold">
{{'item.edit.tabs.status.buttons.' + operation.operationKey + '.label' | translate}}
</span>
</div>
<div class="col-9 float-left action-button">
<div class="col-12 col-md-9 float-left action-button">
<span *ngIf="operation.authorized">
<button class="btn btn-outline-primary" [disabled]="operation.disabled" [routerLink]="operation.operationUrl" [attr.aria-label]="'item.edit.tabs.status.buttons.' + operation.operationKey + '.button' | translate">
{{'item.edit.tabs.status.buttons.' + operation.operationKey + '.button' | translate}}
Expand Down
16 changes: 8 additions & 8 deletions src/app/item-page/edit-item-page/item-status/item-status.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
<p class="mt-2">{{'item.edit.tabs.status.description' | translate}}</p>
<div class="row">
<div *ngFor="let statusKey of statusDataKeys" class="w-100">
<div class="col-3 float-left status-label">
<div *ngFor="let statusKey of statusDataKeys" class="w-100 pt-1">
<div class="col-12 col-md-3 float-left status-label font-weight-bold">
{{'item.edit.tabs.status.labels.' + statusKey | translate}}:
</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]}}
</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 class="col-3 float-left status-label">
<div class="col-12 col-md-3 float-left status-label font-weight-bold">
{{identifier.identifierType.toLocaleUpperCase()}}
</div>
<div class="col-9 float-left status-label">{{identifier.value}}
<div class="col-12 col-md-9 float-left status-label font-weight-bold">{{identifier.value}}
({{"item.edit.identifiers.doi.status."+identifier.identifierStatus|translate}})</div>
</div>
</div>

<div class="col-3 float-left status-label">
<div class="col-12 col-md-3 float-left status-label font-weight-bold">
{{'item.edit.tabs.status.labels.itemPage' | translate}}:
</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>
</div>

Expand Down
Loading