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

Added image for literature and source items on right content panel.

Browse source
This commit is contained in:
Svetlana Rastegina 2021-03-30 22:27:26 +02:00
parent 0b461e9605
commit 4c1aa596f3
3 changed files with 29 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webapp/src/main/webapp/themes/iph/css/iph.css
View file

@ -3333,6 +3333,10 @@ label.switch >.collapseTextControl >img {
background-repeat: no-repeat;
color: #8B4513;
}
.tocElementLeafImage {
padding-left: 4px;
padding-right: 12px;
}
/* -------------------------------------------------> */
/* FONTS --------------------------------> */
/* -------------------------------------------------> */

3
webapp/src/main/webapp/themes/iph/images/circle-item.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="3.5" cy="3.5" r="3" fill="#F6F6F6" stroke="#8B4513"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 165 B

41
webapp/src/main/webapp/themes/iph/js/toc.js
View file

@ -27,11 +27,7 @@
}
}
function addElementControls(tocElement){
var elementChild = tocElement.querySelector('.tocElement');
if (elementChild === null){
//no controls need as no childs appear.
return;
}
var nameContainer = tocElement.querySelector('.tocElementName');
if (nameContainer === null){
console.log("no nameContainer found");
@ -41,15 +37,19 @@
console.log("no tocElement id found");
return;
}
//var elementSwitchButton = document.createElement("button");
//elementSwitchButton.className = "tocElementSwitchButton";
var switchImage = document.createElement("img");
switchImage.onclick = function() {switchTOCElement(tocElement.id);};
switchImage.className = "tocElementSwitchImage";
nameContainer.prepend(switchImage);
//elementSwitchButton.appendChild(switchImage);
var elementChild = tocElement.querySelector('.tocElement');
if (elementChild === null){
var leafImage = document.createElement("img");
leafImage.className = "tocElementLeafImage";
leafImage.src = urlsBase + "/themes/iph/images/circle-item.svg";
nameContainer.prepend(leafImage);
} else {
var switchImage = document.createElement("img");
switchImage.onclick = function() {switchTOCElement(tocElement.id);};
switchImage.className = "tocElementSwitchImage";
nameContainer.prepend(switchImage);
}
}
function switchTOCElement(id){
@ -72,9 +72,10 @@
return;
}
$.extend(this, urlsBase);
var imgElement = nameContainer.firstElementChild;
imgElement.src = urlsBase + "/themes/iph/images/arrow-top-small.svg";
var imgElement = nameContainer.querySelector('.tocElementSwitchImage');
if (imgElement != null){
imgElement.src = urlsBase + "/themes/iph/images/arrow-top-small.svg";
}
}
function setExpandImageToElement(id){
@ -85,8 +86,10 @@
return;
}
$.extend(this, urlsBase);
var imgElement = nameContainer.firstElementChild;
imgElement.src = urlsBase + "/themes/iph/images/arrow-down-small.svg";
var imgElement = nameContainer.querySelector('.tocElementSwitchImage');
if (imgElement != null){
imgElement.src = urlsBase + "/themes/iph/images/arrow-down-small.svg";
}
}