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

Switch text and image on collpase/expand document

Browse source
This commit is contained in:
Georgy Litvinov 2021-03-16 15:39:57 +01:00
parent da421d5422
commit abb4e97d0f
2 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -51,8 +51,10 @@ function applyExpandSettings() {
expandSwitchSettingsCB.checked = true; expandSwitchSettingsCB.checked = true;
} }
$('.autoExpand').show(); $('.autoExpand').show();
showDocumentCollapseButton();
} else { } else {
$('.autoExpand').hide(); $('.autoExpand').hide();
showDocumentExpandButton();
} }
} }
@ -60,12 +62,25 @@ function switchExpand() {
var checkBox = document.getElementById("expandCB"); var checkBox = document.getElementById("expandCB");
if (checkBox.checked == true) { if (checkBox.checked == true) {
$('.autoExpand').show(); $('.autoExpand').show();
localStorage.setItem('switchExpand', true); showDocumentCollapseButton();
} else { } else {
$('.autoExpand').hide(); $('.autoExpand').hide();
localStorage.setItem('switchExpand', false); showDocumentExpandButton();
} }
} }
function showDocumentCollapseButton(){
var collapseTextControl = document.querySelector('#collapseTextControl');
collapseTextControl.style.display = "inline";
var expandTextControl = document.querySelector('#expandTextControl');
expandTextControl.style.display = "none";
}
function showDocumentExpandButton(){
var collapseTextControl = document.querySelector('#collapseTextControl');
collapseTextControl.style.display = "none";
var expandTextControl = document.querySelector('#expandTextControl');
expandTextControl.style.display = "inline";
}
function switchExpandSettings() { function switchExpandSettings() {
var checkBox = document.getElementById("expandSettingsCB"); var checkBox = document.getElementById("expandSettingsCB");

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

@ -192,7 +192,9 @@
<#macro expandSwitch> <#macro expandSwitch>
<div class="expandSwitch"> <div class="expandSwitch">
<label class="switch">Раскрыть документ<img src="${urls.base}/themes/iph/images/arrow-down.svg"/> <label class="switch">
<div id="expandTextControl">Раскрыть документ<img src="${urls.base}/themes/iph/images/arrow-down.svg"/></div>
<div id="collapseTextControl">Свернуть документ<img src="${urls.base}/themes/iph/images/arrow-top.svg"/></div>
<input id="expandCB" type="checkbox" onclick="switchExpand();"> <input id="expandCB" type="checkbox" onclick="switchExpand();">
</label> </label>
</div> </div>