Edit meme creation

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;

templates/meme_add.html

@@ -1,9 +1,12 @@
-<form id="memeAddForm">
+<div id="memecreateForm" class="hidden">
-    <label for="meme_title_input">Názov meme-u: </label>
+    <div id="memecreate">
-    <input type="text" id="meme_title_input"/>
+        <label for="meme_title_input">Názov meme-u: </label>
-    <label for="meme_text_input">Text meme-u: </label>
+        <input type="text" id="meme_title_input"/>
-    <input type="text" id="meme_text_input"/>
+        <label for="meme_text_input">Text meme-u: </label>
-    <label for="meme_image_input">Obrázok meme-u</label>
+        <input type="text" id="meme_text_input"/>
-    <select id="meme_image_input"></select>
+        <textarea id="memebodyinput" placeholder="meme Body" rows="10" cols="80"></textarea><br>
-    <input type="button" value="Pridať meme" onclick="addMeme()"/>
+        <label for="meme_image_input">Obrázok meme-u</label>
-</form>
+        <select id="meme_image_input"></select>
+        <button type="button" value="Pridať meme" onclick="addMeme()"/>
+    </div>
+</div>

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>