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

Fix sections alignment

Browse Source
This commit is contained in:
Enea Jahollari
2023-05-29 15:47:16 +02:00
parent 877af98c4b
commit a525c6fe3e
1 changed files with 64 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
src/app/shared/access-control-form-container/access-control-form-container.component.html
View File

@@ -8,64 +8,72 @@
</ds-alert> </ds-alert>
<div class="row mt-5"> <div class="row mt-5">
<div class="col-12 col-md-6 border-right"> <div class="col-12 col-md-6 border-right d-flex flex-column justify-content-between">
<div class="d-flex align-items-center">
<h4 class="mb-0 mr-4">
{{ 'access-control-item-header-toggle' | translate }}
</h4>
<ui-switch
[(ngModel)]="state.item.toggleStatus"
(ngModelChange)="handleStatusChange('item', $event)">
</ui-switch>
</div>
<div class="row mt-3"> <div>
<div class="col-12 col-md-3"> <div class="d-flex align-items-center">
{{ 'access-control-mode' | translate }} <h4 class="mb-0 mr-4">
{{ 'access-control-item-header-toggle' | translate }}
</h4>
<ui-switch
[(ngModel)]="state.item.toggleStatus"
(ngModelChange)="handleStatusChange('item', $event)">
</ui-switch>
</div> </div>
<div class="col-12 col-md-8">
<div class="form-check"> <div class="row mt-3">
<input class="form-check-input" type="radio" <div class="col-12 col-md-3">
name="itemMode" id="itemReplace" value="replace" {{ 'access-control-mode' | translate }}
[disabled]="!state.item.toggleStatus"
[(ngModel)]="state.item.accessMode">
<label class="form-check-label" for="itemReplace">
{{'access-control-replace-all' | translate}}
</label>
</div> </div>
<div class="form-check"> <div class="col-12 col-md-8">
<input class="form-check-input" type="radio" <div class="form-check">
name="itemMode" id="itemAdd" value="add" <input class="form-check-input" type="radio"
[disabled]="!state.item.toggleStatus" name="itemMode" id="itemReplace" value="replace"
[(ngModel)]="state.item.accessMode"> [disabled]="!state.item.toggleStatus"
<label class="form-check-label" for="itemAdd"> [(ngModel)]="state.item.accessMode">
{{'access-control-add-to-existing' | translate}} <label class="form-check-label" for="itemReplace">
</label> {{'access-control-replace-all' | translate}}
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio"
name="itemMode" id="itemAdd" value="add"
[disabled]="!state.item.toggleStatus"
[(ngModel)]="state.item.accessMode">
<label class="form-check-label" for="itemAdd">
{{'access-control-add-to-existing' | translate}}
</label>
</div>
</div> </div>
</div> </div>
</div> </div>
<h5 class="mt-3">{{'access-control-access-conditions' | translate}}</h5> <div>
<h5 class="mt-3">{{'access-control-access-conditions' | translate}}</h5>
<ds-access-control-array-form <ds-access-control-array-form
#itemAccessCmp #itemAccessCmp
[mode]="state.item.accessMode" [mode]="state.item.accessMode"
[dropdownOptions]="(dropdownData$ | async)?.itemAccessConditionOptions || []"> [dropdownOptions]="(dropdownData$ | async)?.itemAccessConditionOptions || []">
</ds-access-control-array-form> </ds-access-control-array-form>
</div>
</div> </div>
<div class="col-12 col-md-6">
<div class="d-flex align-items-center">
<h4 class="mb-0 mr-4">
{{'access-control-bitstream-header-toggle' | translate}}
</h4>
<ui-switch
[(ngModel)]="state.bitstream.toggleStatus"
(ngModelChange)="handleStatusChange('bitstream', $event)">
</ui-switch>
</div>
<div *ngIf="showLimitToSpecificBitstreams" class="row mt-3"> <div class="col-12 col-md-6 d-flex flex-column justify-content-between">
<div>
<div class="d-flex align-items-center">
<h4 class="mb-0 mr-4">
{{'access-control-bitstream-header-toggle' | translate}}
</h4>
<ui-switch
[(ngModel)]="state.bitstream.toggleStatus"
(ngModelChange)="handleStatusChange('bitstream', $event)">
</ui-switch>
</div>
<div *ngIf="showLimitToSpecificBitstreams" class="row mt-3">
<div class="col-12"> <div class="col-12">
{{'access-control-limit-to-specific' | translate}} {{'access-control-limit-to-specific' | translate}}
</div> </div>
@@ -99,6 +107,7 @@
</label> </label>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row mt-3"> <div class="row mt-3">
@@ -127,14 +136,15 @@
</div> </div>
</div> </div>
<h5 class="mt-3">{{'access-control-access-conditions' | translate}}</h5> <div>
<h5 class="mt-3">{{'access-control-access-conditions' | translate}}</h5>
<ds-access-control-array-form
#bitstreamAccessCmp
[mode]="state.bitstream.accessMode"
[dropdownOptions]="(dropdownData$ | async)?.bitstreamAccessConditionOptions || []">
</ds-access-control-array-form>
<ds-access-control-array-form
#bitstreamAccessCmp
[mode]="state.bitstream.accessMode"
[dropdownOptions]="(dropdownData$ | async)?.bitstreamAccessConditionOptions || []">
</ds-access-control-array-form>
</div>
</div> </div>
</div> </div>