Skip to content

LinditaKalaj/Flooring-Icon-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flooring Icon Manager

Welcome Screen

When the users open the app, they are greeted with a welcome screen titled with FlloringIconManager. Customers can search floor by category or search floor by name by clicking on search. Employees can log in using the account (i.e. Username: admin Password: admin) button from the top right corner to search, add, edit, and delete product. You may also scroll up and down to have a better picture of the Laminate.

img

Employee Login

After clicking the login button (img) employees can enter their username and password to access the store information. Once again, Username: admin Password: admin

img

Once the employee logs in they have the option to search by clicking on the search product button, add a product by clicking on the add product button, edit a product by clicking on the edit product button, and delete a product by clicking on the delete product button. Employees also have the option to log out by clicking on the log out button from the bottom right corner(img).

img

Search Product

Customers can search for a product by entering the product name and when employees log in they also have the option to search product by name. Both customers and employees have the option to choose the store by selecting from the drop-down menu under all store locations and choose the floor type by selecting from the drop-down menu under all floors. Both customer and employees may search by any field filled out as long as its equal to or greater than 1 field filled out.

img

If the user chooses floor type as wood two other options (all wood types and all wood species) come up where they can choose the wood types and species. It will be the same for other floor types as well. Selecting a floor will reveal its sub lists.

img

This result yields the current information:

img

The user may click the product on the list to view more information about the selection, if multiple products are returned, the user may click on which ever object they want to see.

img

The user has the option to search with just name as well:

img

When searching this method, the search by name will look for anything that's matching the product name or the product brand as shown below:

img

The user may search however they please, another option is just searching by store:

img

img

Add Product

Employees have the option to add a product by clicking on the add product button and filling in all the information about the floor such as product name, store, brand, type, color, size, quantity, and price. If wood flooring they also have the option to choose the type and species.

img

The employee then will add the fields for the product to have. No field can be left blank. The system will urge the user to fill in all blanks.

img

Once the employee presses add product, a prompt will show up and take the employee back to the employee menu. If the product was not successfully added an error message will occur:

img

Edit Product

Employees have the option to edit a product by clicking on the edit product button and search for the product to edit.

img

The screen is similar to the search screen, as an employee would have to search for the product they want to edit first. In this example the employee is going to look for all Ceramic Tiles in store 1003.

img

Once the product comes up employees can click on click product to edit in order to edit the information of the product which brings up a new screen. In this screen employees can edit the information about the floor such as product name, store, brand, type, color, size, quantity, and price. If wood flooring they also have the option to choose the type and species.

img

Below we are just changing the price and quantity.

img

When a product is successfully edited, a popup will confirm the success and bring the user back to the employee menu. If the edit was unsucessful and error will show up.

img

Delete Product

Employees have the option to delete a product by clicking on the delete product button and entering the product id and store id.

img

Here the user can delete the product they just added for their example:

img

When a product gets deleted, a prompt will notify the user whether the deletion was successful or not. If successful it will take the employee back to the menu:

img

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages