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

Improved collapsible element

Browse source
This commit is contained in:
Georgy Litvinov 2021-03-11 14:46:36 +01:00
parent 771468900b
commit 4974ae3034
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,15 +9,16 @@ function addCollapsibleOnClick() {
if (collapsibleLink === null){ if (collapsibleLink === null){
collapseNextElementOnClick(coll[i]); collapseNextElementOnClick(coll[i]);
} else { } else {
collapseNextOuterElementOnClick(collapsibleLink); expandableNextOuterElementOnClick(collapsibleLink);
} }
} }
} }
function collapseNextOuterElementOnClick(element){ function expandableNextOuterElementOnClick(element){
element.addEventListener("click", function() { element.addEventListener("click", function() {
this.classList.toggle("active"); this.parentElement.classList.toggle("expanded");
this.parentElement.classList.toggle("collapsed");
var content = this.parentElement.nextElementSibling; var content = this.parentElement.nextElementSibling;
if (content.style.display === "block") { if (content.style.display === "block") {
content.style.display = "none"; content.style.display = "none";

4
webapp/src/main/webapp/themes/iph/templates/text-lib.ftl
View file

@ -37,14 +37,14 @@
<#macro documentRubrics > <#macro documentRubrics >
<#assign docRubrics = propertyGroups.pullProperty("https://iph.ras.ru/relationships#belongsTo")!> <#assign docRubrics = propertyGroups.pullProperty("https://iph.ras.ru/relationships#belongsTo")!>
<#if ( docRubrics?? && docRubrics?has_content ) || (rubrics?? && rubrics?has_content)> <#if ( docRubrics?? && docRubrics?has_content ) || (rubrics?? && rubrics?has_content)>
<div class="label collapsible" ><div class="collapsibleLink" style="display:inline;">Относится к рубрикам:</div> <div class="<#if rubrics?? && rubrics?has_content>collapsible collapsed</#if>" ><div class="collapsibleLink" style="display:inline;">Относится к рубрикам:</div>
<#if docRubrics?? && docRubrics?has_content > <#if docRubrics?? && docRubrics?has_content >
<@p.addLink docRubrics editable /> <@p.verboseDisplay docRubrics /><br/> <@p.addLink docRubrics editable /> <@p.verboseDisplay docRubrics /><br/>
</#if> </#if>
</div> </div>
</#if> </#if>
<#if rubrics?? && rubrics?has_content> <#if rubrics?? && rubrics?has_content>
<div> <div style="display:none;">
<#list rubrics as rubric> <#list rubrics as rubric>
<li role="listitem" style="list-style:none;"> <li role="listitem" style="list-style:none;">
<a href="${urls.base}/individual?uri=${rubric.rubricID?url}"">${rubric.rubricName}</a> <a href="${urls.base}/individual?uri=${rubric.rubricID?url}"">${rubric.rubricName}</a>