TheCSharpAcademy / CONSOLE.PointOfSale

6 stars 15 forks source link

Enhance Lists Display #47

Closed TheCSharpAcademy closed 1 year ago

TheCSharpAcademy commented 1 year ago

Install Spectre Console. Create a class called UI. Move DisplayProducts() from MainMenu to UI. Use Spectre Console to display the products list.

brun32700 commented 1 year ago

@kimfom01 How is it going with this issue? Have you had time to look into it? I would love to see what you came up with.

I have played around with Spectre.Console today and came up with the following using the Grid class, what do you think? I know that the description for the first product is a bit messed up, I believe this is to do with extra spacing. The UI class can be found in my branch here.

image

kimfom01 commented 1 year ago

@brun32700 I have finally decided to come back to this... I was considering tabular structure rather than just listing them like that what do you think?

here's a preview image I am still trying to figure out how to seperate them because they feel kind of clumped together :sweat_smile:

kimfom01 commented 1 year ago

Okay I found a method AddEmptyRow() I think it solves my problem

kimfom01 commented 1 year ago

here is my final table image

brun32700 commented 1 year ago

@kimfom01 That looks great!