litvinovg/vitro
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 2ebaafb072
commit f93abed8be
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){
collapseNextElementOnClick(coll[i]);
} else {
collapseNextOuterElementOnClick(collapsibleLink);
expandableNextOuterElementOnClick(collapsibleLink);
}
}
}
function collapseNextOuterElementOnClick(element){
function expandableNextOuterElementOnClick(element){
element.addEventListener("click", function() {
this.classList.toggle("active");
this.parentElement.classList.toggle("expanded");
this.parentElement.classList.toggle("collapsed");
var content = this.parentElement.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";

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

@ -37,14 +37,14 @@
<#macro documentRubrics >
<#assign docRubrics = propertyGroups.pullProperty("https://iph.ras.ru/relationships#belongsTo")!>
<#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 >
<@p.addLink docRubrics editable /> <@p.verboseDisplay docRubrics /><br/>
</#if>
</div>
</#if>
<#if rubrics?? && rubrics?has_content>
<div>
<div style="display:none;">
<#list rubrics as rubric>
<li role="listitem" style="list-style:none;">
<a href="${urls.base}/individual?uri=${rubric.rubricID?url}"">${rubric.rubricName}</a>