N°2847 - Rework iTopWebPage layout (WIP Part VII)

- Breadcrumbs: Hide first elements when not enough space to show them all
- iTopWebPage: Temporary fix for modals in order to enable // dev. on the linkedsets refactoring

application/itopwebpage.class.inc.php

@@ -1071,7 +1071,8 @@ EOF
 				'aJsInlineOnDomReady' => $this->m_aReadyScripts,
 				'aJsInlineLive' => $this->a_scripts,
 				// TODO: TEMP, used while developping, remove it.
-				'aSanitizedContent' => self::FilterXSS($this->s_content),
+				'sSanitizedContent' => self::FilterXSS($this->s_content),
+				'sDeferredContent' => self::FilterXSS($this->s_deferred_content),
 			]
 		);
 

css/backoffice/components/_breadcrumbs.scss

@@ -29,6 +29,7 @@ $ibo-breadcrumbs--item-separator--text-color: $ibo-color-grey-500 !default;
 
 .ibo-breadcrumbs{
 	@extend %ibo-vertically-centered-content;
+	justify-content: flex-end; /* To hide first elements when there is not enough space to show all */
 
 	* {
 		display: flex;

templates/pages/backoffice/layout.html.twig

@@ -37,7 +37,13 @@
 	<div id="ibo-page-container">
 		{{ render_block(aLayouts.oTopBar) }}
 		<main id="ibo-page-content">
-			{{ aPage.aSanitizedContent|raw }}
+			{{ aPage.sSanitizedContent|raw }}
+
+			{# TODO: Remove this when modal development is done #}
+			<div id="at_the_end">{{ aPage.sDeferredContent|raw }}</div>
+			<div style="display:none" title="ex2" id="ex2">Please wait...</div>
+			<div style="display:none" title="dialog" id="ModalDlg"></div>
+			<div style="display:none" id="ajax_content"></div>
 		</main>
 	</div>