From 91bb723cbeadb1ce220c48e80af4300e4a661d71 Mon Sep 17 00:00:00 2001
From: Georgy Litvinov <git@litvinovg.pro>
Date: Tue, 2 Mar 2021 15:01:26 +0100
Subject: [PATCH] Refactoring expand scripts

---
 .../main/webapp/templates/freemarker/elenphAritcle.ftl | 10 +++++-----
 .../main/webapp/themes/iph/js/collapsible_elements.js  |  9 ++++++---
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
index 5185b7067..99c8bf17e 100644
--- a/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
+++ b/webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
@@ -169,11 +169,11 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
     </#list>
     <#if excerptText?? && excerptTextName?? && excerptTextName?has_content && excerptText?has_content>  
       <button type="button" style="border:none;padding: 18px;width: 100%; text-align:left;" class="collapsible">${excerptTextName}</button>
-		  <div class="htmlExcerpt" style="list-style:none; display:none;">
+		  <div class="autoExpand htmlExcerpt" style="list-style:none; display:none;">
 		    ${excerptText}
 			<#if works?? && works?has_content && worksCounter?number &gt; 0 >
 			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%;text-align:left; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Источники</button>
-				<div class="works" style="display:none;">
+				<div class="autoExpand works" style="display:none;">
 				  <#list works as work>
                     <#if work.elenphExcerpt == order.elenphExcerpt >
 					  <div class="work" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
@@ -186,7 +186,7 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
 
 			<#if bibliography?? && bibliography?has_content && bibliographyCounter?number &gt; 0>
 			  <button type="button" class="collapsible" style="background-color:white;border:none;padding: 18px;width: 100%; text-align: left; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Литература</button>
-				<div class="bibliography" style="display:none;">
+				<div class="autoExpand bibliography" style="display:none;">
 				  <#list bibliography as one_bibliography>
                     <#if one_bibliography.elenphExcerpt == order.elenphExcerpt >
                       <div class="bibliography_entry" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
@@ -206,7 +206,7 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
 
 <#if works?? && works?has_content>
   <button type="button" class="collapsible" style="border: none; color: #8B4513; padding: 18px;width: 100%;text-align:left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Источники</button>
-    <div class="works" style="display:block;">
+    <div class="autoExpand works" style="display:block;">
       <#list works as work>
         <div class="work" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
           <p> ${work.works} </p>
@@ -217,7 +217,7 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
 
 <#if bibliography?? && bibliography?has_content>
   <button type="button" class="collapsible" style="border:none; color: #8B4513; padding: 18px;width: 100%; text-align: left; background-color: #ffffff; background-image: url(${urls.base}/themes/iph/images/book_icon.png); background-repeat: no-repeat; background-position: left center;">Литература</button>
-    <div class="bibliography" style="display:block;">
+    <div class="autoExpand bibliography" style="display:block;">
       <#list bibliography as one_bibliography>
         <div class="bibliography_entry" style="display:list-item;list-style-image:url(${urls.base}/themes/iph/images/bullet_icon.png); font-style: italic; font-family: PT Serif;">
           <p> ${one_bibliography.bibliography} </p>
diff --git a/webapp/src/main/webapp/themes/iph/js/collapsible_elements.js b/webapp/src/main/webapp/themes/iph/js/collapsible_elements.js
index 63c34c703..f0146bed2 100644
--- a/webapp/src/main/webapp/themes/iph/js/collapsible_elements.js
+++ b/webapp/src/main/webapp/themes/iph/js/collapsible_elements.js
@@ -19,16 +19,19 @@ function addCollapsibleOnClick(){
 function expandAllCollapsedElements(){
   console.log(localStorage.getItem('switchExpand'));
   if (localStorage.getItem('switchExpand') === true || localStorage.getItem('switchExpand') === 'true') {
-    $('.htmlExcerpt').show();
+    $('.autoExpand').show();
+  } else {
+    $('.autoExpand').hide();
   }
+
 }
   function switchExpand(){
     var checkBox = document.getElementById("expandlCB");
     if (checkBox.checked == true){
-      $('.htmlExcerpt').show();
+      $('.autoExpand').show();
       localStorage.setItem('switchExpand',true);
     } else {
-      $('.htmlExcerpt').hide();
+      $('.autoExpand').hide();
       localStorage.setItem('switchExpand',false);
     }
   }