shopping-assistant-web-client/ShoppingAssistantWebClient.Web/Pages/Chat.razor
2023-10-20 07:27:56 +00:00

134 lines
3.8 KiB
Plaintext

@page "/chat/1"
<div class="container-fluid">
<div class="left_frame" id="leftFrame">
<div class="logo">
<img src="/images/logo.png" alt="Logo site">
<span class="logo_name">CARTAID</span>
</div>
<div class="menu">
<div class="elements_wishlisht">
<div class="close_menu">
<span >Wishlists</span>
<a class="button_close_menu" >
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="add_chat">
<a href="/">
<span >Add chat +</span>
</a>
</div>
<div class="wishlist_names">
<section>
<span id ="wishlist_id_1" class="wishlist_name">Gift for Jessica</span>
</section>
<section>
<span id ="wishlist_id_2" class="wishlist_name">Secret Santa</span>
</section>
<section>
<span id ="wishlist_id_3" class="wishlist_name">Phone charger</span>
</section>
<section>
<span class="wishlist_name">Phone</span>
</section>
<section>
<span class="wishlist_name">Printer</span>
</section>
<section>
<span class="wishlist_name">Books</span>
</section>
</div>
</div>
<div class="line"></div>
<div class="elements">
<div class="info_user">
<img src="/images/avatar.jpg" alt="Avatar user">
<span class="user_name">Username</span>
</div>
</div>
</div>
</div>
<div class="right_frame" id="rightFrame">
<div class="open_menu">
<a class="button_open_menu" >
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="chat_frame">
<div class="new_chat">
<div class="title_one_frame">Gift for Jessica</div>
<ul class="chat_box">
<li class="chat_outgoing">
<p>Give me product recommendation. Ask me questions if you need more directions. I am looking for: hub for my macbook to connect external monitors</p>
</li>
<li class=" chat_incoming">
<p>Sure! I can help you with that. I will ask you some leading questions. This is the first:
<br>
How many external monitors do you want to connect to your MacBook?</p>
</li>
<li class="chat_outgoing">
<p>7</p>
</li>
<li class=" chat_incoming">
<p>Thank you. Here is the next question:
<br>
What type of external monitors do you have? (e.g., HDMI, DisplayPort, VGA)</p>
</li>
</ul>
<div class="chat_input">
<input type="text" id="chatInput" placeholder="Describe what you are looking for....">
<a class="button_sende">
<img src="/images/send.png" alt="Send message">
</a>
</div>
</div>
</div>
</div>
</div>