From 5a4c9ef83915f4cbf9a18a4fa3305bb0336d3d99 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:03:26 +0200
Subject: [PATCH] Edit meme creation

---
 assets/script.js            |  7 +++++++
 templates/meme_add.html     | 21 ++++++++++++---------
 templates/meme_gallery.html |  1 +
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/assets/script.js b/assets/script.js
index 548efdc..b6fc067 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -202,6 +202,13 @@ async function togglearticlecreate() {
     articleContainerElement.classList.toggle("hidden");
 }
 
+async function togglememecreate() {
+    "use strict";
+    let memeContainerElement = document.getElementById("memecreatecontainer");
+
+    memeContainerElement.classList.toggle("hidden");
+}
+
 async function renderarticles() {
     "use strict";
     let template = document.querySelector('template[data-template-name="article"]').innerHTML;
diff --git a/templates/meme_add.html b/templates/meme_add.html
index 69cd3f9..6e69076 100644
--- a/templates/meme_add.html
+++ b/templates/meme_add.html
@@ -1,9 +1,12 @@
-<form id="memeAddForm">
-    <label for="meme_title_input">Názov meme-u: </label>
-    <input type="text" id="meme_title_input"/>
-    <label for="meme_text_input">Text meme-u: </label>
-    <input type="text" id="meme_text_input"/>
-    <label for="meme_image_input">Obrázok meme-u</label>
-    <select id="meme_image_input"></select>
-    <input type="button" value="Pridať meme" onclick="addMeme()"/>
-</form>
\ No newline at end of file
+<div id="memecreateForm" class="hidden">
+    <div id="memecreate">
+        <label for="meme_title_input">Názov meme-u: </label>
+        <input type="text" id="meme_title_input"/>
+        <label for="meme_text_input">Text meme-u: </label>
+        <input type="text" id="meme_text_input"/>
+        <textarea id="memebodyinput" placeholder="meme Body" rows="10" cols="80"></textarea><br>
+        <label for="meme_image_input">Obrázok meme-u</label>
+        <select id="meme_image_input"></select>
+        <button type="button" value="Pridať meme" onclick="addMeme()"/>
+    </div>
+</div>
\ No newline at end of file
diff --git a/templates/meme_gallery.html b/templates/meme_gallery.html
index 9477a63..9142e85 100644
--- a/templates/meme_gallery.html
+++ b/templates/meme_gallery.html
@@ -1,6 +1,7 @@
 <header>
     <h1 class="title">Adlerka Memes</h1>
     <p>Skoro, ako <a href="https://reddit.com/r/adlerka" target="_blank">r/adlerka</a>, ale lepšie.</p>
+    <button id="memecreateopen" onclick="togglememecreate()"><i class="ri-add-circle-line"></i></button>
     <hr>
 </header>
 <main>