From d76072d6914cb67b44182e4599dca40994e78603 Mon Sep 17 00:00:00 2001
From: Georgy Litvinov <git@litvinovg.pro>
Date: Mon, 28 Jun 2021 14:41:57 +0200
Subject: [PATCH] Move alphabetical classifier to VIVO branch

---
 .../partials/menupage/menupage-browse.ftl     | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 webapp/src/main/webapp/templates/freemarker/body/partials/menupage/menupage-browse.ftl

diff --git a/webapp/src/main/webapp/templates/freemarker/body/partials/menupage/menupage-browse.ftl b/webapp/src/main/webapp/templates/freemarker/body/partials/menupage/menupage-browse.ftl
new file mode 100644
index 000000000..5f94bcdb3
--- /dev/null
+++ b/webapp/src/main/webapp/templates/freemarker/body/partials/menupage/menupage-browse.ftl
@@ -0,0 +1,49 @@
+<#-- $This file is distributed under the terms of the license in LICENSE$ -->
+
+<#-- Template for browsing individuals in class groups for menupages -->
+
+<#import "lib-string.ftl" as str>
+<noscript>
+<p style="padding: 20px 20px 20px 20px;background-color:#f8ffb7">${i18n().browse_page_javascript_one} <a href="${urls.base}/browse" title="${i18n().index_page}">${i18n().index_page}</a> ${i18n().browse_page_javascript_two}</p>
+</noscript>
+
+<section id="noJavascriptContainer" class="hidden">
+<section id="browse-by" role="region">
+    <nav role="navigation">
+        <ul id="browse-classes">
+            <#list vClassGroup?sort_by("displayRank") as vClass>
+                <#------------------------------------------------------------
+                Need to replace vClassCamel with full URL that allows function
+                to degrade gracefully in absence of JavaScript. Something
+                similar to what Brian had setup with widget-browse.ftl
+                ------------------------------------------------------------->
+                <#assign vClassCamel = str.camelCase(vClass.name) />
+                <#-- Only display vClasses with individuals -->
+                <#if (vClass.entityCount > 0)>
+                    <li id="${vClassCamel}"><a href="#${vClassCamel}" title="${i18n().browse_all_in_class}" data-uri="${vClass.URI}">${vClass.name} <span class="count-classes">(${vClass.entityCount})</span></a></li>
+                </#if>
+            </#list>
+        </ul>
+        <nav id="alpha-browse-container" role="navigation">
+            <h3 class="selected-class"></h3>
+            <#assign alphabet = ["А", "Б", "В", "Г", "Д", "Е", "Ё" "Ж", "З", "И", "Й", "К", "Л", "М", "Н", "О", "П", "Р", "С", "Т", "У", "Ф", "Х", "Ц", "Ч", "Ш", "Щ", "Э", "Ю", "Я" ] />
+            <ul id="alpha-browse-individuals">
+                <li><a href="#" class="selected" data-alpha="all" title="${i18n().select_all}">${i18n().all}</a></li>
+                <#list alphabet as letter>
+                    <li><a href="#" data-alpha="${letter?lower_case}" title="${i18n().browse_all_starts_with(letter)}">${letter}</a></li>
+                </#list>
+            </ul>
+        </nav>
+    </nav>
+
+    <section id="individuals-in-class" role="region">
+        <ul role="list">
+
+            <#-- Will be populated dynamically via AJAX request -->
+        </ul>
+    </section>
+</section>
+</section>
+<script type="text/javascript">
+    $('section#noJavascriptContainer').removeClass('hidden');
+</script>