move permissions input components

src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.html

@@ -0,0 +1,13 @@
+<div class="paperless-input-select">
+  <div>
+    <ng-select name="inputId" [(ngModel)]="value"
+      [disabled]="disabled"
+      clearable="true"
+      [items]="users"
+      multiple="true"
+      bindLabel="username"
+      bindValue="id"
+      (change)="onChange(value)">
+    </ng-select>
+  </div>
+</div>

src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.ts

@@ -0,0 +1,38 @@
+import { Component, forwardRef, Input, OnInit } from '@angular/core'
+import { NG_VALUE_ACCESSOR } from '@angular/forms'
+import { first } from 'rxjs/operators'
+import { PaperlessUser } from 'src/app/data/paperless-user'
+import { UserService } from 'src/app/services/rest/user.service'
+import { SettingsService } from 'src/app/services/settings.service'
+import { AbstractInputComponent } from '../../abstract-input'
+
+@Component({
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => PermissionsUserComponent),
+      multi: true,
+    },
+  ],
+  selector: 'app-permissions-user',
+  templateUrl: './permissions-user.component.html',
+  styleUrls: ['./permissions-user.component.scss'],
+})
+export class PermissionsUserComponent extends AbstractInputComponent<
+  PaperlessUser[]
+> {
+  users: PaperlessUser[]
+
+  constructor(userService: UserService, settings: SettingsService) {
+    super()
+    userService
+      .listAll()
+      .pipe(first())
+      .subscribe(
+        (result) =>
+          (this.users = result.results.filter(
+            (u) => u.id !== settings.currentUser.id
+          ))
+      )
+  }
+}