From 722690474eaef5907d6a8bb235c9211cee991984 Mon Sep 17 00:00:00 2001
From: Celestora <kitsuruko@gmail.com>
Date: Wed, 13 Oct 2021 20:48:36 +0300
Subject: [PATCH] Wall: Add attachment type picker

---
 .gitmodules                                   |  3 +++
 .../templates/components/textArea.xml         | 13 +++++++---
 Web/static/css/style.css                      | 25 +++++++++++++++++--
 3 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/.gitmodules b/.gitmodules
index 9f140ede..1657971b 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,6 @@
 [submodule "locales"]
 	path = locales
 	url = https://github.com/openvk/locales
+[submodule "Web/static/img/oxygen-icons"]
+	path = Web/static/img/oxygen-icons
+	url = https://github.com/KDE/oxygen-icons5.git
diff --git a/Web/Presenters/templates/components/textArea.xml b/Web/Presenters/templates/components/textArea.xml
index 5cfce31d..eedef0c2 100644
--- a/Web/Presenters/templates/components/textArea.xml
+++ b/Web/Presenters/templates/components/textArea.xml
@@ -34,10 +34,17 @@
             <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}
+            <div style="float: right; display: flex; flex-direction: column;">
+                <a href="javascript:void(u('#wallAttachmentMenu').toggleClass('hidden'));">
+                    Прикрепить
                 </a>
+                
+                <div id="wallAttachmentMenu" class="hidden">
+                    <a href="javascript:void(document.querySelector('input[name=_pic_attachment]').click());">
+                        <img src="/assets/packages/static/openvk/img/oxygen-icons/16x16/mimetypes/application-x-egon.png" />
+                        {_attach_photo}
+                    </a>
+                </div>
             </div>
         </div>
     </form>
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index 03423620..5a6b5d0a 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -24,8 +24,8 @@ span {
     color: gray;
 }
 
-nobold {
-    font-weight: normal;
+.hidden {
+    display: none;
 }
 
 a {
@@ -1378,3 +1378,24 @@ body.scrolled .toTop:hover {
 	display: flex;
 	padding: 1px;
 }
+
+#wallAttachmentMenu {
+    position: absolute;
+    margin-top: 20px;
+    border: 1px solid darkgrey;
+    background-color: white;
+}
+
+#wallAttachmentMenu > a {
+    display: block;
+    padding: 2px 6px;
+    cursor: pointer;
+}
+
+#wallAttachmentMenu > a > img {
+    vertical-align: middle;
+}
+
+#wallAttachmentMenu > a:hover {
+    background-color: #f0f0f0;
+}
\ No newline at end of file