From c07576188d8c20b4a1537b36fbfe1c8adec92a8b Mon Sep 17 00:00:00 2001
From: veselcraft <source.hl2@yandex.ru>
Date: Fri, 25 Dec 2020 17:57:44 -0500
Subject: [PATCH] new wall's textarea

---
 Web/Presenters/templates/Wall/Wall.xml | 96 +++++++++++++-------------
 Web/static/css/style.css               | 15 +++-
 Web/static/js/openvk.cls.js            | 14 ++--
 3 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/Web/Presenters/templates/Wall/Wall.xml b/Web/Presenters/templates/Wall/Wall.xml
index 3c70ce16..a7f4936c 100644
--- a/Web/Presenters/templates/Wall/Wall.xml
+++ b/Web/Presenters/templates/Wall/Wall.xml
@@ -1,59 +1,57 @@
 <div class="content_divider">
     <div class="content_title_expanded" onclick="hidePanel(this, {$count});">
-        {_"wall"}
+        {_"wall"} <nobold>{tr("wall", $count)}</nobold>
     </div>
     <div>
         <div class="content_subtitle">
-            {tr("wall", $count)}
-            
-            <div n:if="$canPost" style="float: right;">
-                <a n:ifset="$thisUser" onclick="show_write_textarea()">{_'write'}</a>
+            <div n:if="$canPost" id="write" style="padding: 5px 0;"  onfocusin="expand_wall_textarea();">
+                <form action="/wall{$owner}/makePost" method="post" enctype="multipart/form-data" style="margin:0;">
+                    <textarea id="wall-post-input" placeholder="{_write}" name="text" style="width: 100%;resize: none;" class="small-textarea"></textarea>
+                    <div>
+                        <!-- padding to fix <br/> bug -->
+                    </div>
+                    <div id="post-buttons" style="display: none;">
+                        <div class="post-upload">
+                            Вложение: <span>(unknown)</span>
+                        </div>
+                        <div class="post-opts">
+                            {if !is_null($thisUser) && $owner < 0 && $club->canBeModifiedBy($thisUser)}
+                                <script>
+                                    function onWallAsGroupClick(el) {
+                                        _display = el.checked ? "block" : "none";
+                                        document.querySelector("#forceSignOpt").style.display = _display;
+                                    }
+                                </script>
+                                
+                                <label>
+                                    <input type="checkbox" name="as_group" onchange="onWallAsGroupClick(this)" /> От имени сообщества
+                                </label>
+                                <label id="forceSignOpt" style="display: none;">
+                                    <input type="checkbox" name="force_sign" /> Подпись автора
+                                </label>
+                            {/if}
+                            
+                            {*
+                            <label>
+                                <input type="checkbox" name="nsfw" /> Содержит NSFW-контент
+                            </label>
+                            *}
+                        </div>
+                        <input type="file" name="_pic_attachment" accept="image/*" style="display:none;" />
+                        <input type="hidden" name="type" value="1" />
+                        <input type="hidden" name="hash" value="{$csrfToken}" />
+                        <br/>
+                        <input type="submit" value="{_'write'}" class="button" />
+                        <div style="float: right;">
+                            <a href="javascript:void(document.querySelector(`input[name=_pic_attachment]`).click());">
+                                {_attach_photo}
+                            </a>
+                        </div>
+                    </div>
+                </form>
             </div>
         </div>
-        <div n:if="$canPost" id="write" style="padding: 8px; display: none;">
-            <form action="/wall{$owner}/makePost" method="post" enctype="multipart/form-data" style="margin:0;">
-                <textarea id="wall-post-input" name="text" style="width: 100%;resize: none;"></textarea>
-                <div>
-                    <!-- padding to fix <br/> bug -->
-                </div>
-                <div class="post-upload">
-                    Вложение: <span>(unknown)</span>
-                </div>
-                <div class="post-opts">
-                    {if !is_null($thisUser) && $owner < 0 && $club->canBeModifiedBy($thisUser)}
-                        <script>
-                            function onWallAsGroupClick(el) {
-                                _display = el.checked ? "block" : "none";
-                                document.querySelector("#forceSignOpt").style.display = _display;
-                            }
-                        </script>
-                        
-                        <label>
-                            <input type="checkbox" name="as_group" onchange="onWallAsGroupClick(this)" /> От имени сообщества
-                        </label>
-                        <label id="forceSignOpt" style="display: none;">
-                            <input type="checkbox" name="force_sign" /> Подпись автора
-                        </label>
-                    {/if}
-                    
-                    {*
-					<label>
-                        <input type="checkbox" name="nsfw" /> Содержит NSFW-контент
-                    </label>
-					*}
-                </div>
-                <input type="file" name="_pic_attachment" accept="image/*" style="display:none;" />
-                <input type="hidden" name="type" value="1" />
-                <input type="hidden" name="hash" value="{$csrfToken}" />
-                <br/>
-                <input type="submit" value="{_'write'}" class="button" />
-                <div style="float: right;">
-                    <a href="javascript:void(document.querySelector(`input[name=_pic_attachment]`).click());">
-                        {_attach_photo}
-                    </a>
-                </div>
-            </form>
-        </div>
+        
         <div class="content">
             {if sizeof($posts) > 0}
                 {foreach $posts as $post}
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index 16a151ea..89b8af72 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -29,6 +29,10 @@ span {
     color: gray;
 }
 
+nobold {
+    font-weight: normal;
+}
+
 a {
     text-decoration: none;
     color: #2B587A;
@@ -533,6 +537,14 @@ h4 {
     color: #bcbcbc;
 }
 
+.small-textarea {
+    height: 24px;
+}
+
+.expanded-textarea {
+    min-height: 48px;
+}
+
 ul {
     list-style-type: square;
     color: #a2a2a2;
@@ -938,8 +950,9 @@ textarea {
     font-family: unset;
     border: 1px solid #C0CAD5;
     font-size: 9pt;
-    min-height: 42px;
+    min-height: 24px;
     width: 100%;
+    padding: 4px;
     resize: none;
 }
 
diff --git a/Web/static/js/openvk.cls.js b/Web/static/js/openvk.cls.js
index 7f7412bc..07eb8a2c 100644
--- a/Web/static/js/openvk.cls.js
+++ b/Web/static/js/openvk.cls.js
@@ -1,12 +1,12 @@
 
 
-function show_write_textarea() {
-    var el = document.getElementById('write');
-    if (el.style.display == "none") {
-        el.style.display = "block";
-    } else {
-        el.style.display = "none";
-    }
+function expand_wall_textarea() {
+    var el = document.getElementById('post-buttons');
+    var wi = document.getElementById('wall-post-input');
+    el.style.display = "block";
+    wi.className = "expanded-textarea";
+
+
 }
 
 function edit_post(id, wid) {