From e886803186367199f762319abcc56e157c4585df Mon Sep 17 00:00:00 2001
From: borissedw <strigevitch.boris@gmail.com>
Date: Mon, 31 Jul 2023 21:01:32 +0300
Subject: [PATCH] 0.0.8

---
 static/css/styles(boris).css                  |  72 +++++++++++++++++-
 static/delete_later/Avatar.png                | Bin 0 -> 4140 bytes
 static/img/svg/info.svg                       |   5 ++
 static/img/svg/phone.svg                      |   5 ++
 .../blocks/profile/b_new_msg_to_user.html     |  27 ++++++-
 templates/widgets/w_message.html              |   1 +
 6 files changed, 106 insertions(+), 4 deletions(-)
 create mode 100644 static/delete_later/Avatar.png
 create mode 100644 static/img/svg/info.svg
 create mode 100644 static/img/svg/phone.svg
 create mode 100644 templates/widgets/w_message.html

diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css
index 6362622..87d34d0 100644
--- a/static/css/styles(boris).css
+++ b/static/css/styles(boris).css
@@ -198,4 +198,74 @@
     /*border-radius: 3px;*/
 }
 
-/**/
\ No newline at end of file
+/*messenger*/
+
+.container-messenger{
+    width: 100%;
+    height: 100%;
+    margin-bottom: 30px;
+}
+
+.block-chat{
+    width: 70%;
+    height: 100%;
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+    background: #ffffff;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    float: left;
+
+}
+
+.container-header-chat{
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+    background: #FFF;
+    width: calc(100% - 40px);
+    height: 60px;
+    padding: 20px;
+}
+
+.header-chat-left-part{
+    width: 50%;
+    float: left;
+    text-align: left;
+    padding-top: 15px;
+}
+
+.header-chat-right-part{
+    width: 50%;
+    float: right;
+    text-align: right;
+    padding-top: 25px;
+}
+
+.chat-avatar{
+    height: 40px;
+}
+
+.chat-username {
+    color: #000000;
+    font-weight: 600;
+    font-size: 18px;
+    padding-left: 10px;
+    position: relative;
+    top: 10px;
+}
+
+.header-icons-right-part-padding{
+    padding-left: 5px;
+}
+
+.container-messages{
+    height: 63%;
+    width: 100%;
+}
+
+.footer-chat{
+    width: 100%;
+    height: 60px;
+    background: #FFFFFF;
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+}
\ No newline at end of file
diff --git a/static/delete_later/Avatar.png b/static/delete_later/Avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..e05475321f4fb22120964e1bfd2d66f5a6968a5f
GIT binary patch
literal 4140
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

literal 0
HcmV?d00001

diff --git a/static/img/svg/info.svg b/static/img/svg/info.svg
new file mode 100644
index 0000000..cec06e1
--- /dev/null
+++ b/static/img/svg/info.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="filled/action/info">
+<path id="Vector" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z" fill="#FF613A"/>
+</g>
+</svg>
diff --git a/static/img/svg/phone.svg b/static/img/svg/phone.svg
new file mode 100644
index 0000000..751aefc
--- /dev/null
+++ b/static/img/svg/phone.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="filled/communication/phone">
+<path id="Vector" d="M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z" fill="#FF613A"/>
+</g>
+</svg>
diff --git a/templates/blocks/profile/b_new_msg_to_user.html b/templates/blocks/profile/b_new_msg_to_user.html
index cb85219..06032ed 100644
--- a/templates/blocks/profile/b_new_msg_to_user.html
+++ b/templates/blocks/profile/b_new_msg_to_user.html
@@ -1,11 +1,32 @@
+{% load static %}
+
 <div class="title-profile-cont">
     <h1>Написать сообщение</h1>
 </div>
 
-<div>
-    <div>
-        <div>
+<div class="container-messenger">
+    <div class="block-chat">
+        <div class="container-header-chat">
+            <div class="header-chat-left-part">
+                <img class="chat-avatar" src="{% static "delete_later/Avatar.png" %}">
+                <span class="chat-username">Сергейко Сергей</span>
+            </div>
+            <div class="header-chat-right-part">
+                <img class="header-icons-right-part-padding" src="{% static "img/svg/phone.svg" %}">
+                <img class="header-icons-right-part-padding" src="{% static "img/svg/info.svg" %}">
+            </div>
+        </div>
+        <div class="container-messages">
+            {% include "widgets/w_message.html" %}
+        </div>
+        <div class="footer-chat">
+            <div>
 
+            </div>
+            <div>
+                <img>
+                <button></button>
+            </div>
         </div>
     </div>
     <div>
diff --git a/templates/widgets/w_message.html b/templates/widgets/w_message.html
new file mode 100644
index 0000000..b0797a4
--- /dev/null
+++ b/templates/widgets/w_message.html
@@ -0,0 +1 @@
+{% load static %}
\ No newline at end of file