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

visually disable edit fields for permissions

Browse Source
This commit is contained in:
Michael Shamoon 2022-12-17 20:26:24 -08:00
parent f31cee75f3
commit b7e2013589
4 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
<div class="mb-3 paperless-input-select"> <div class="mb-3 paperless-input-select" [class.disabled]="disabled">
<label *ngIf="title" class="form-label" [for]="inputId">{{title}}</label> <label *ngIf="title" class="form-label" [for]="inputId">{{title}}</label>
<div [class.input-group]="allowCreateNew"> <div [class.input-group]="allowCreateNew">
<ng-select name="inputId" [(ngModel)]="value" <ng-select name="inputId" [(ngModel)]="value"

13
src-ui/src/app/components/common/input/select/select.component.scss
View File

@ -1 +1,14 @@
// styles for ng-select child are in styles.scss // styles for ng-select child are in styles.scss
.paperless-input-select.disabled {
.input-group {
cursor: not-allowed;
}
::ng-deep ng-select {
pointer-events: none;
.ng-select-container {
background-color: var(--pngx-bg-alt) !important;
}
}
}

2
src-ui/src/app/components/common/input/tags/tags.component.html
View File

@ -1,4 +1,4 @@
<div class="mb-3 paperless-input-select paperless-input-tags"> <div class="mb-3 paperless-input-select paperless-input-tags" [class.disabled]="disabled">
<label class="form-label" for="tags" i18n>Tags</label> <label class="form-label" for="tags" i18n>Tags</label>
<div class="input-group flex-nowrap"> <div class="input-group flex-nowrap">

14
src-ui/src/app/components/common/input/tags/tags.component.scss
View File

@ -10,3 +10,17 @@
.tag-wrap-delete { .tag-wrap-delete {
cursor: pointer; cursor: pointer;
} }
.paperless-input-select.disabled {
.input-group {
cursor: not-allowed;
}
::ng-deep ng-select {
pointer-events: none;
.ng-select-container {
background-color: var(--pngx-bg-alt) !important;
}
}
}