litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactoring expand scripts

Browse source
This commit is contained in:
Georgy Litvinov 2021-03-02 15:01:26 +01:00
parent 7b92143572
commit faf9615b15
2 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
webapp/src/main/webapp/templates/freemarker/elenphAritcle.ftl
View file

@ -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>

9
webapp/src/main/webapp/themes/iph/js/collapsible_elements.js
View file

@ -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);
}
}