verben-authentication-ui 0.3.3 → 0.3.4

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

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

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

@@ -1,26 +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 ;
-  }
-}

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

@@ -1,275 +0,0 @@
-<div class="space-y-1 h-full">
-  <verben-data-view
-    #vdv
-    [viewState]="{
-      isSearch: true,
-      isColumn: true,
-      isFilter: true,
-      isSort: true,
-      isExport: true,
-      isSelect: true,
-      isCreate: true,
-      isToggle:true
-    }"
-    [buttonClass]="'my-custom-button-class'"
-    [iconClass]="'my-icon-class'"
-    [activeIconClass]="'my-active-icon-class'"
-    [selectedColumnCount]="0"
-    [selectedSortCount]="0"
-    [selectedFilterTableCount]="0"
-    (viewChange)="onViewChange($event)"
-    (stateChange)="onStateChange($event)"
-  >
-    <div table-content>
-      <lib-data-table
-        [data]="data"
-        [columns]="columns"
-        [styleConfig]="styles"
-        (selectionChange)="onSelectionChange($event)"
-      >
-        <ng-container libColumn="createdAt">
-          <ng-template #cell let-value>
-            {{ value | date }}
-          </ng-template>
-        </ng-container>
-        <ng-container libColumn="actions">
-          <ng-template #cell let-value let-deleteRow >
-            <div class="flex gap-6">
-              <verben-svg
-                (click)="openDetailView(value)"
-                icon="edit"
-                [width]="15"
-                [height]="15"
-                class="cursor-pointer"
-              ></verben-svg>
-
-              <verben-svg
-                icon="delete"
-                [width]="15"
-                [height]="15"
-                (click)="deleteRow()"
-                class="cursor-pointer"
-              ></verben-svg>
-            </div>
-          </ng-template>
-          <ng-template #header>
-            <strong>Actions</strong>
-          </ng-template>
-        </ng-container>
-        <ng-container libColumn="status">
-          <ng-template
-          #cell
-          let-isEditing="isEditing"
-          let-toggleRowEdit="toggleRowEdit"
-          let-deleteRow="deleteRow"
-          let-value="value"
-          >
-            <verbena-badge
-           borderRadius="20px"
-           width="121px"
-            text="{{value}}"
-            bgColor="#D6F3E6"
-            textColor="#2DB76F"
-            pd="5px 15px"
-            fontSize="16px"
-          >
-
-
-        </verbena-badge>
-          </ng-template>
-        </ng-container>
-        <ng-container libColumn="role">
-          <ng-template
-          #cell
-          let-isEditing="isEditing"
-          let-toggleRowEdit="toggleRowEdit"
-          let-deleteRow="deleteRow"
-          let-value="value"
-          let-updateValue="updateValue"
-          >
-            <!-- <verben-drop-down [minChar]="3" [required]="true" placeholder="Select Parent"
-            [asyncLabel]="this.getParentLabel.bind(this)" invalidMessage="No value was provided"
-             width="120px"
-            (onChange)="onDropdownChange($event)" [(ngModel)]="selectedParent" optionLabel="Name" optionValue="Id"
-            [options]="testParents"></verben-drop-down> -->
-
-            <verben-drop-down
-            placeholder="Select Value"
-            width="120px"
-            (ngModelChange)="onDropdownChange($event)"
-            [options]="testParents"
-            optionLabel="Name"
-            optionValue="Name"
-            [ngModel]="value"
-          ></verben-drop-down>
-          </ng-template>
-        </ng-container>
-      </lib-data-table>
-    </div>
-    <div card-content>
-      <verben-card-data-view
-        borderRadius="12px"
-        (loadMoreClick)="loadMore()"
-        #vdcv
-        dataId="MailAddress"
-        border="5px"
-        [cardDataList]="cardData"
-        rbgColor="#f5f6f9"
-        mg="0px"
-        class="gap-1"
-      >
-        <verben-left-card-data-view class="m-0 gap-2" >
-          <verben-left-card-data
-            #vlcd
-            [parent]="vdcv"
-            dataId="MailAddress"
-            class="bg-secondary-100  rounded-xl scroll-no border-primary border-[1px] gap-1 h-full justify-pp m-0 overflow-y-auto overflow-hidden"
-            [cardDataList]="cardData"
-
-          >
-            <ng-template #card let-item>
-              <div (click)="currentData = vdcv.onItemClick(item)" class="flex">
-                <verben-svg
-                  [width]="15"
-                  [height]="15"
-                  (click)="vlcd.showChildren(item)"
-                  [ngClass]="vlcd.showToggle(item) ? 'visible' : 'invisible'"
-                  class="items-center flex  cursor-pointer"
-                  [icon]="item.isChildrenExpanded ? 'minus' : 'plus'"
-                />
-                <div
-                  (click)="currentData = vdcv.onItemClick(item)"
-                  class="flex cursor-pointer  bg-secondary rounded-xl overflow-hidden w-full"
-                >
-                  <div
-                    class="w-2 rounded-xl rounded-tr-none rounded-br-none overflow-hidden"
-                    [ngClass]="
-                      item.selected ? 'bg-primary' : 'bg-secondary-200'
-                    "
-                  ></div>
-                  <div class="flex flex-col py-[6px] pr-[3px] ">
-                    <div class="flex items-center gap-4">
-                      <div class="pl-[13px]">
-                        <span class="font-semibold text-[16px] text-[#404040]">{{
-                          item.title
-                        }}</span>
-                        <p class="flex items-center">
-                          <label for="phone" class="text-[10px] font-light"
-                            >Phone Number:</label
-                          >
-                          <span id="phone" class="text-[13px] font-medium truncate text-wrap">{{
-                            item.data.PhoneNumber
-                          }}</span>
-                        </p>
-                      </div>
-
-                      <div class="  ">
-                        <p class="grid">
-                          <label for="phone" class="text-[10px] font-light"
-                            >Role</label
-                          >
-                          <span id="phone" class="text-sm font-medium"
-                            >Manager</span
-                          >
-                          <span class=" bg-[#CAE1CC] text-center text-[#4ABB54] text-[13px] mt-[8px] rounded-[9px]">
-                            {{item.data.Status}}
-                          </span>
-                        </p>
-                        <!-- <lib-user-access-request-status-badge
-                          [status]="item.data.Status"
-                        ></lib-user-access-request-status-badge> -->
-                      </div>
-                    </div>
-
-                    <!-- <div class="flex">
-                      <span class="font-normal text-sm">{{ item.title }}</span>
-                    </div>
-                    @for (ciItem of item.body; track ciItem.value) {
-                    <div class="">
-                      <span class="text-muted font-light text-xs"
-                        >{{ ciItem.title }}:</span
-                      >
-                      <span class="text-black">{{ ciItem.value }}</span>
-                    </div>
-                    } -->
-                  </div>
-                </div>
-              </div>
-            </ng-template>
-          </verben-left-card-data>
-        </verben-left-card-data-view>
-
-        <verben-right-card-data-view>
-          <ng-template #parent>
-            <lib-user-request-form
-              [currentData]="currentData"
-              (switchView)="vdv.toggleView()"
-            ></lib-user-request-form>
-          </ng-template>
-        </verben-right-card-data-view>
-
-        <verben-card-data-view-footer class="float-right">
-          <div class="flex gap-2">
-            <span class="paginator-text"
-              >{{ cardData.length }} records loaded</span
-            >
-            <button (click)="loadMore()" class="load-more">Load more</button>
-          </div>
-        </verben-card-data-view-footer>
-      </verben-card-data-view>
-    </div>
-    <div column-content>
-      <verben-visible-column
-        (columnsUpdated)="onColumnsUpdated($event)"
-        [border]="'1px solid rgba(212, 160, 7, 1)'"
-        borderRadius="10px"
-        boxShadow="2px 2px 2px 0px silver"
-        bgColor="white"
-        width="400px"
-        textColor="black"
-        pd="1rem"
-        primaryColor="#FFE681"
-        secondaryColor="#3479E9"
-        [columns]="visibleColumns"
-        [displayedColumns]="5"
-      ></verben-visible-column>
-    </div>
-    <div filter-content>
-      <verben-table-filter
-        [border]="'1px solid rgba(212, 160, 7, 1)'"
-        borderRadius="10px"
-        boxShadow="2px 2px 2px 0px silver"
-        bgColor="white"
-        width="420px"
-        textColor="black"
-        pd="1rem"
-        primaryColor="#FFE681"
-        secondaryColor="#3479E9"
-        tertiaryColor="#404040"
-        [filterOptions]="filterArray"
-        [maxFilterLength]="3"
-      ></verben-table-filter>
-    </div>
-    <div sort-content>
-      <verben-sort-table
-        (selectedOptions)="onSortUpdated($event)"
-        [border]="'1px solid rgba(212, 160, 7, 1)'"
-        borderRadius="10px"
-        boxShadow="2px 2px 2px 0px silver"
-        bgColor="white"
-        width="400px"
-        textColor="black"
-        pd="1rem"
-        primaryColor="#FFE681"
-        secondaryColor="#3479E9"
-        tertiaryColor="#404040"
-        [enableDragAndDrop]="true"
-        [sortOptions]="sortOptions"
-      ></verben-sort-table>
-    </div>
-    <div export-content>
-      <lib-data-export [data]="data" (exportDataEvent)="handleExport($event)">
-      </lib-data-export>
-    </div>
-  </verben-data-view>
-</div>

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

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