From 84895e0de6d86e5f492566e743ed79d2149e2200 Mon Sep 17 00:00:00 2001
From: Georgy Litvinov <git@litvinovg.pro>
Date: Mon, 17 Aug 2020 16:28:52 +0200
Subject: [PATCH] Issue template added

---
 .../templates/freemarker/elenph_issue.ftl     | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 webapp/src/main/webapp/templates/freemarker/elenph_issue.ftl

diff --git a/webapp/src/main/webapp/templates/freemarker/elenph_issue.ftl b/webapp/src/main/webapp/templates/freemarker/elenph_issue.ftl
new file mode 100644
index 00000000..03b7acfb
--- /dev/null
+++ b/webapp/src/main/webapp/templates/freemarker/elenph_issue.ftl
@@ -0,0 +1,38 @@
+<div class="issues">
+  <#list issueInfo as article>
+    <#if !issueName??>
+      <#assign issueName = article.issue>
+      <#assign divOpened = true >
+      <button type="button" style="border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible">${issueName}</button>
+      <div clas="issue" style="list-style:none; display:none; padding: 18px;">
+        <p><a href="/vivo/individual?uri=${article.uri?url}">${article.name}</a></p>
+    <#elseif issueName == article.issue>
+      <p><a href="/vivo/individual?uri=${article.uri?url}">${article.name}</a></p>
+    <#else> 
+      <#assign issueName = article.issue>
+      </div>
+      <button type="button" style="border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible">${issueName}</button>
+      <div clas="issue" style="list-style:none; display:none;padding: 18px;">
+        <p><a href="/vivo/individual?uri=${article.uri?url}">${article.name}</a></p>
+    </#if>
+  </#list>
+  <#if divOpened>
+    </div> <#-- Close div -->
+  </#if>
+</div>
+<script>
+var coll = document.getElementsByClassName("collapsible");
+var i;
+
+for (i = 0; i < coll.length; i++) {
+  coll[i].addEventListener("click", function() {
+    this.classList.toggle("active");
+    var content = this.nextElementSibling;
+    if (content.style.display === "block") {
+      content.style.display = "none";
+    } else {
+      content.style.display = "block";
+    }
+  });
+}
+</script>