Getting a Record of Item Details

Upon clicking an item record, smoothly transition the user to a dedicated section or page displaying the order records associated with that item's details.

Request URL: https://api.eng-dev-1.trilloapps.com/ds/function/shared/GetItemDetails

Payload:

Item Details Payload

Preview:

Item Details Preview

Item Details Overview

• Present a summarized view of item records on the screen, which includes:

  • Item Name

  • Item Description

  • Item Code

  • Item Weight

  • Item Quantity

Back To Item Record Button

• Maintain a clear and easily navigable path back to the item records screen, allowing users to switch between item and item detail records effortlessly.

Back To Item Record Button

Item Details Code Snippet

getItemListDetails(itemId) {
   let body = {
     itemId: itemId,
   }
   this.dataService.GetItemDetail(body).subscribe({
     next: (result: any) => {
       if (result.status === "success") {
         this.items = result.data
       }
     },
     error: (error) => {
       console.error(" ERROR ==> ", error);
     },
     complete: () => { },
   }
   )
 }

Code Description

This function, getItemListDetails, is designed to retrieve details for a specific item from a data service. Here's a breakdown of its functionality:

Request Body Preparation

• Creates a body object containing itemId based on the provided parameter.

API Request

• Calls the GetItemDetail method of this.dataService to get details for the specified item.

• Subscribes to the observable returned by the GetItemDetail method.

Response Handling

In the next callback:

• Checks if the response status is "success."

• If successful, updates the local this.items with the data from the response (result.data).

Error Handling

In the error callback:

• Logs the error to the console using console.error.