Customer Users Page

URL: <base-url>/backend/hrc#/customerusers
Directory: VaahCms/Modules/HRC/Vue/pages/customerusers
Controller: VaahCms/Modules/HRC/Http/Controllers/Backend/CustomerUsersController.php
Model: VaahCms/Modules/HRC/Models/EqCustomerUser.php
Store: VaahCms/Modules/HRC/Vue/store/modules/store-customerusers.js

Description

The page is designed to offer an intuitive user experience (UX) for administrators to create and manage customer roles of
Equetronic project. It includes a dashboard where admins easily search, filter and review the details of the customer roles and also provide options for admins to update and delete customer roles.

Customer Page

Purpose

The page provides CRUD functionality for the eq_customer_users table. Here the main list gives paginated list of customers fetched from the database and also provides options to filter the list.

How it works

This page has the following major components

ComponentDescription
List.vueThe main component of the page that displays a paginated list of items fetched via ajax call. It includes search filters and calls ListLargeView component from partials folder when the list is in full width and ListSmallView when width is half.
View.vueThe component that displays the details of the selected item.
Create.vueThe component that contains the form for creation request.
Edit.vueThe component that contains the form for update request.

Assumptions

  • The HRC module is Activated and all migrations and seeds have been run.
  • The ajax requests are functioning correctly. Including the initial assets request

Acceptance Criteria

  • The list components top left should have heading "Customer Users" with the no of items mentioned in brackets.
  • The list component's should have "create" button
  • The Filters should work in real time
  • Each item in the list should have view and edit action buttons
  • The Create and edit form should have labels and placeholder.
  • All dropdowns and select boxes must work
  • A confirmation prompt should come up any time a delete or a trash action is performed.
Table of Contents