paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix dyanmic disabling checkboxes in permissions select

Browse Source
This commit is contained in:
shamoon 2023-02-20 02:15:11 -08:00
parent eb4c8e1b1e
commit 75c5ccccec
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/common/permissions-select/permissions-select.component.html
View File

@ -18,7 +18,7 @@
</div> </div>
<div *ngFor="let action of PermissionAction | keyvalue" class="col form-check form-check-inline" [ngbPopover]="inheritedWarning" [disablePopover]="!isInherited(type.key, action.key)" placement="left" triggers="mouseenter:mouseleave"> <div *ngFor="let action of PermissionAction | keyvalue" class="col form-check form-check-inline" [ngbPopover]="inheritedWarning" [disablePopover]="!isInherited(type.key, action.key)" placement="left" triggers="mouseenter:mouseleave">
<input type="checkbox" class="form-check-input" id="{{type.key}}_{{action.key}}" formControlName="{{action.key}}" [attr.disabled]="isDisabled(type.key, action.key)"> <input type="checkbox" class="form-check-input" id="{{type.key}}_{{action.key}}" formControlName="{{action.key}}">
<label class="form-check-label visually-hidden" for="{{type.key}}_{{action.key}}" i18n>{{action.key}}</label> <label class="form-check-label visually-hidden" for="{{type.key}}_{{action.key}}" i18n>{{action.key}}</label>
</div> </div>
</li> </li>

23
src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
View File

@ -1,5 +1,6 @@
import { Component, forwardRef, Input, OnInit } from '@angular/core' import { Component, forwardRef, Input, OnInit } from '@angular/core'
import { import {
AbstractControl,
ControlValueAccessor, ControlValueAccessor,
FormControl, FormControl,
FormGroup, FormGroup,
@ -54,6 +55,8 @@ export class PermissionsSelectComponent
this._inheritedPermissions = newInheritedPermissions this._inheritedPermissions = newInheritedPermissions
this.writeValue(this.permissions) // updates visual checks etc. this.writeValue(this.permissions) // updates visual checks etc.
} }
this.updateDisabledStates()
} }
inheritedWarning: string = $localize`Inerhited from group` inheritedWarning: string = $localize`Inerhited from group`
@ -98,6 +101,8 @@ export class PermissionsSelectComponent
this.typesWithAllActions.delete(type) this.typesWithAllActions.delete(type)
} }
}) })
this.updateDisabledStates()
} }
onChange = (newValue: string[]) => {} onChange = (newValue: string[]) => {}
@ -185,12 +190,16 @@ export class PermissionsSelectComponent
} }
} }
// if checkbox is disabled either because "All", inhereted or entire component disabled updateDisabledStates() {
isDisabled(typeKey: string, actionKey: string) { for (const type in PermissionType) {
return this.typesWithAllActions.has(typeKey) || const control = this.form.get(type)
this.isInherited(typeKey, actionKey) || let actionControl: AbstractControl
this.disabled for (const action in PermissionAction) {
? true actionControl = control.get(action)
: null this.isInherited(type, action) || this.disabled
? actionControl.disable()
: actionControl.enable()
}
}
} }
} }