Added new styles for affilations and metadata.

webapp/src/main/webapp/themes/iph/css/iph.css

@@ -2319,12 +2319,11 @@ span.subclassExpandMinus {
 }
 
 .affiliations {
-    margin-bottom: 0.7em;
+    margin-bottom: 0.1em;
     font-family: "IPH Astra Serif";
     font-size: 1.2rem;
     font-weight: bold;
     padding-bottom: 10px;
-    border-bottom: 1px dashed #9C9C9C;
 }
 /* ------------------------------------------------->  */
 /* ARTICLESTYLES  -------------------------------->  */
@@ -2374,7 +2373,74 @@ button.collapsible.active:focus {
 	background-color: #F6F6F6;
 	border: 1px solid #F6F6F6;
 }
-
+button.collapsible.metadataAuthors {
+	background-color: #FFFAF0;
+	border-bottom: 1px dashed #9C9C9C;
+	padding: 18px;
+	width: 100%;
+	outline: none;
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	text-align:left;
+	margin-top: 0px;
+	background-image: url(../images/arrow-top.svg);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+}
+button.collapsible.metadataAuthors.active {
+	background-color: #ffffff;
+	border-bottom: 1px dashed #9C9C9C;
+	padding: 18px;
+	width: 100%;
+	outline: none;
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	text-align:left;
+	margin-top: 0px;
+	background-image: url(../images/arrow-down.svg);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+}
+.metadataAuthors {
+	margin-top: 10px;
+	padding-left: 15px;
+}
+.metadataRubrics {
+	margin-top: 10px;
+	padding-left: 15px;
+}
+button.collapsible.metadataRubrics {
+	background-color: #FFFAF0;
+	border-bottom: 1px dashed #9C9C9C;
+	padding: 18px;
+	width: 100%;
+	outline: none;
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	text-align:left;
+	margin-top: 0px;
+	background-image: url(../images/arrow-top.svg);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+}
+button.collapsible.metadataRubrics.active {
+	background-color: #ffffff;
+	border-bottom: 1px dashed #9C9C9C;
+	padding: 18px;
+	width: 100%;
+	outline: none;
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	text-align:left;
+	margin-top: 0px;
+	background-image: url(../images/arrow-down.svg);
+	background-repeat: no-repeat;
+	background-position: 1% 50%;
+}
 .authors {
 	width: 100%;
 	border-top: 1px solid #8B4513;

webapp/src/main/webapp/themes/iph/images/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.09926 1L6.5 7.23624L11.9007 1H1.09926Z" fill="#8B4513" stroke="#8B4513"/>
+</svg>

webapp/src/main/webapp/themes/iph/images/arrow-top.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.09926 7L6.5 0.763763L11.9007 7H1.09926Z" fill="#8B4513" stroke="#8B4513"/>
+</svg>

webapp/src/main/webapp/themes/iph/templates/compilation.ftl

@@ -9,6 +9,7 @@ ${scripts.add('<script async type="text/javascript" src="https://d1bxh8uas1mnw7.
 ${scripts.add('<script async type="text/javascript" src="//cdn.plu.mx/widget-popup.js"></script>')}
 ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph/js/print.js"></script>')}
 ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/collapsible_elements.js"></script>')}
+${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/toc.js"></script>')}
 <#import "individual-qrCodeGenerator.ftl" as qr>
 <#import "lib-vivo-properties.ftl" as vp>
 <#include "text-lib.ftl">
@@ -121,8 +122,9 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
   </#if>
 
 </#if>
-
+<button type="button" class="collapsible metadataAuthors">Информация об авторах</button>
-<div id="TOC"></div>
+<div class="metadataAuthors" style="display:block;">
+	
 <#assign firstPub = propertyGroups.pullProperty("https://litvinovg.pro/text_structures#firstPublication")!>
   <#if firstPub.statements?has_content && firstPub.type == "data">
     <div class="firstPub" style="list-style:none;">
@@ -133,8 +135,11 @@ ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/co
 </#if>
 
 <@authors_metadata />
-
+</div>
+<button type="button" class="collapsible metadataRubrics">Относится к рубрикам</button>
+<div class="metadataRubrics" style="display:block;">
 <@documentRubrics />
+</div>
 
 <@arrangeDocumentParts />
 

webapp/src/main/webapp/themes/iph/templates/elenphAritcle.ftl

@@ -9,6 +9,7 @@ ${scripts.add('<script async type="text/javascript" src="https://d1bxh8uas1mnw7.
 ${scripts.add('<script async type="text/javascript" src="//cdn.plu.mx/widget-popup.js"></script>')}
 ${scripts.add('<script async type="text/javascript" src="${urls.base}/themes/iph/js/print.js"></script>')}
 ${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/collapsible_elements.js"></script>')}
+${scripts.add('<script type="text/javascript" src="${urls.base}/themes/iph/js/toc.js"></script>')}
 <#import "individual-qrCodeGenerator.ftl" as qr>
 <#import "lib-vivo-properties.ftl" as vp>
 <#include "text-lib.ftl">

webapp/src/main/webapp/themes/iph/templates/rightPanel.ftl

@@ -5,5 +5,6 @@
 		<button id="exportPdf"><img src="${urls.base}/themes/iph/images/exportPdf.svg"></button>
 		</div>
           <#include "customsearchpanel.ftl" >
+          <div id="tocPlaceHolder"></div>
     </div>
 

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

@@ -184,7 +184,7 @@
 
 <#macro expandSwitch>
 	<div class="expandSwitch">
-	  <label class="switch">Раскрыть все главы документа
+	  <label class="switch">Раскрыть документ
 	    <input id="expandCB" type="checkbox" onclick="switchExpand();">
 	  </label>
 	</div>