Horses Profile Page

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

Description

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

Customer Page

Purpose

The page provides CRUD functionality for the eq_horses table. Here the main list gives paginated list of horses 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 "Horse Profiles" 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.