verben-authentication-ui 1.0.12 → 1.0.13

package/src/lib/components/user-management/states/user-management.state.ts

@@ -1,65 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { QueryParams } from '../../../models/query-params';
-import { User } from '../../../models/user';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class UserManagementState {
-  private updating$ = new BehaviorSubject<boolean>(false);
-  private users$ = new BehaviorSubject<User[]>([]);
-  private queryParams$ = new BehaviorSubject<QueryParams<User>>({
-    skip: 0,
-    limit: 10,
-    sortParam: 'CreatedAt',
-    sortOrder: 'asc',
-  });
-
-  isUpdating$(): Observable<boolean> {
-    return this.updating$.asObservable();
-  }
-
-  setUpdating(isUpdating: boolean): void {
-    this.updating$.next(isUpdating);
-  }
-
-  getUsers$(): Observable<User[]> {
-    return this.users$.asObservable();
-  }
-
-  setUsers(users: User[]): void {
-    this.users$.next(users);
-  }
-
-  getQueryParams$(): Observable<QueryParams<User>> {
-    return this.queryParams$.asObservable();
-  }
-
-  getQueryParamsValue(): QueryParams<User> {
-    return this.queryParams$.getValue();
-  }
-
-  updateQueryParams(params: Partial<QueryParams<User>>): void {
-    this.queryParams$.next({ ...this.queryParams$.getValue(), ...params });
-  }
-
-  addUser(user: User): void {
-    const currentUsers = this.users$.getValue();
-    this.users$.next([...currentUsers, user]);
-  }
-
-  updateUser(updatedUser: User): void {
-    const users = this.users$.getValue();
-    const index = users.findIndex((u) => u.id === updatedUser.id);
-    if (index !== -1) {
-      users[index] = updatedUser;
-      this.users$.next([...users]);
-    }
-  }
-
-  removeUser(userId: string): void {
-    const currentUsers = this.users$.getValue();
-    this.users$.next(currentUsers.filter((u) => u.id !== userId));
-  }
-}

package/src/lib/components/user-management/user-management-form/use-management-form.component.ts

@@ -1,74 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { CardData } from 'verben-ng-ui';
-import { Role } from '../../../models/Role';
-import { Tag } from '../../../models/Tag';
-import { Status } from '../../../models/status';
-import { User } from '../../../models/user';
-
-interface UserFormData {
-  MailAddress: string;
-  FirstName: string;
-  PhoneNumber: string;
-}
-
-@Component({
-  selector: 'lib-user-request-form',
-  templateUrl: './user-management-form.component.html',
-  styleUrl: './user-management-form.component.css',
-})
-export class UserManagementFormComponent {
-  // @Input() roles: Role[] = [];
-  // @Input() status: Status[] = [];
-
-  @Input() set currentData(value: CardData | null) {
-    if (value?.data) {
-      this.form.patchValue({
-        MailAddress: value.data.MailAddress || '',
-        FirstName: value.data.FirstName || '',
-        PhoneNumber: value.data.PhoneNumber || '',
-        // Address: value.data.Address || '',
-        RoleID: value.data.RoleID || '',
-        Tags: value.data.Tags || [],
-        Status: value.data.Status || Status.Active,
-      });
-    } else {
-      this.form.reset();
-    }
-  }
-  @Input() roles: Role[] = [];
-  @Input() tags: Tag[] = [];
-
-  @Output() switchView = new EventEmitter<undefined>();
-  @Output() onFormSave = new EventEmitter<Partial<User>>();
-
-  form: FormGroup;
-  statusOptions = Object.values(Status);
-
-  constructor(private fb: FormBuilder) {
-    this.form = this.fb.group({
-      MailAddress: ['', { readonly: true }],
-      FirstName: ['', { readonly: true }],
-      PhoneNumber: ['', { readonly: true }],
-      // Address: ['', { readonly: true }],
-      Status: ['', { readonly: true }],
-      RoleID: [''],
-      Tags: [[]],
-    });
-  }
-
-  ngOnInit(): void {}
-
-  onSave(): void {
-    if (this.form.valid) {
-      // Emit save event with form value
-      console.log('Form saved:', this.form.value);
-      this.onFormSave.emit(this.form.value);
-    }
-  }
-
-  onDelete(): void {
-    // Emit delete event
-    console.log('Delete requested');
-  }
-}

package/src/lib/components/user-management/user-management-form/user-management-form.component.html

@@ -1,89 +0,0 @@
-<form
-  [formGroup]="form"
-  class="flex flex-col px-3 pb-3 rounded-xl h-full w-full relative space-y-4"
->
-  <verbena-input
-    label="Name:"
-    name="FirstName"
-    type="text"
-    formControlName="FirstName"
-  />
-  <verbena-input
-    label="Phone Number:"
-    name="PhoneNumber"
-    type="tel"
-    formControlName="PhoneNumber"
-  />
-  <verbena-input
-    name="MailAddress"
-    label="E-Mail Address:"
-    [type]="'email'"
-    formControlName="MailAddress"
-  />
-  <!-- <verbena-input
-    label="Address"
-    name="Address"
-    type="text"
-    formControlName="Address"
-  /> -->
-
-  <div class="space-y-1">
-    <label for="role">Role</label>
-
-    <verben-drop-down
-      label="Role"
-      styleClass="w-full"
-      width="100%"
-      [multiselect]="false"
-      [filter]="true"
-      [showClear]="true"
-      placeholder=""
-      [(options)]="roles"
-      id="role"
-      optionLabel="Name"
-      optionValue="Code"
-      formControlName="RoleID"
-      class="form-control"
-    >
-    </verben-drop-down>
-  </div>
-
-  <div class="space-y-1">
-    <label for="tags">Tags</label>
-
-    <verben-drop-down
-      label="Tags"
-      styleClass="w-full"
-      width="100%"
-      [multiselect]="true"
-      [filter]="true"
-      [showClear]="true"
-      placeholder=""
-      [(options)]="tags"
-      id="tags"
-      optionLabel="Name"
-      optionValue="Code"
-      formControlName="Tags"
-      class="form-control"
-    >
-    </verben-drop-down>
-  </div>
-
-  <div class="space-y-1">
-    <label for="status">Status</label>
-
-    <verben-drop-down
-      styleClass="w-full"
-      width="100%"
-      [multiselect]="false"
-      [filter]="false"
-      [showClear]="false"
-      placeholder=""
-      [(options)]="statusOptions"
-      id="status"
-      formControlName="Status"
-      class="form-control"
-    >
-    </verben-drop-down>
-  </div>
-</form>

package/src/lib/components/user-management/user-management-form/user-management-form.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { UserManagementFormComponent } from './use-management-form.component';
-
-describe('UserManagementFormComponent', () => {
-  let component: UserManagementFormComponent;
-  let fixture: ComponentFixture<UserManagementFormComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [UserManagementFormComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(UserManagementFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/user-management/user-management.columns.ts

@@ -1,57 +0,0 @@
-import { ColumnDefinition } from 'verben-ng-ui';
-import { User } from '../../models/user';
-
-
-export const columns: ColumnDefinition<User>[] = [
-  {
-    id: 'select',
-    header: '',
-  },
-  {
-    id: 'createdAt',
-    header: 'CREATED',
-    accessorKey: 'CreatedAt',
-  },
-  {
-    id: 'user',
-    header: 'NAME',
-    accessorFn: (row) => `${row.FirstName} ${row.LastName}`,
-    formControlName: 'FirstName',
-  },
-  {
-    id: 'mail',
-    header: 'E-MAIL',
-    accessorKey: 'MailAddress',
-    formControlName: 'MailAddress',
-  },
-
-  // {
-  //   id: 'address',
-  //   header: 'ADDRESS',
-  //   accessorKey: 'Address',
-  //   formControlName: 'Address',
-  // },
-  {
-    id: 'phone',
-    header: 'PHONE NUMBER',
-    accessorKey: 'PhoneNumber',
-    formControlName: 'PhoneNumber',
-  },
-  {
-    id: 'role',
-    header: 'ROLE',
-    accessorKey: 'Role',
-    formControlName: 'RoleID',
-  },
-  {
-    id: 'status',
-    header: 'STATUS',
-    accessorKey: 'Status',
-    formControlName: 'Status',
-  },
-  {
-    id: 'actions',
-    header: 'ACTIONS',
-    accessorKey: 'MailAddress',
-  },
-];

package/src/lib/components/user-management/user-management.component.css

@@ -1,31 +0,0 @@
-@import "../../../theme/tailwind.css";
-
-.master-only-contanier{
-  margin-top: 0 !important;
-}
-
-.scroll-no::-webkit-scrollbar{
-  width: 4px;
-}
-
-.scroll-no::-webkit-scrollbar-thumb{
-  background: grey;
-}
-.justify-pp{
-  justify-content: start !important;
-  margin-top: 0 !important;
-}
-.toolbar{
-  margin: 0 !important;
-}
-
-@media screen and (max-width: 1024px) {
-  .scroll-no{
-    padding: 5px ;
-  }
-}
-
-.view-links {
-  color: #3479e9;
-  cursor: pointer;
-}