Skip to content

feat(front): Add support for iframe rendering in templates #257

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
eliot488995568 wants to merge 7 commits into
base: develop
Choose a base branch
from
Draft

feat(front): Add support for iframe rendering in templates #257

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
be9a2a0
feat(front): Add support for iframe rendering in templates
eliot488995568 Oct 22, 2025
7e84770
chore: Fix code style
eliot488995568 Oct 22, 2025
95fe2bb
chore: Fix code style
eliot488995568 Oct 22, 2025
63db9c6
chore: Fix code style
eliot488995568 Oct 22, 2025
db1ac97
chore: Fix thread
eliot488995568 Nov 14, 2025
49c8a0b
Merge branch 'develop' of github.com:roadiz/core-bundle-dev-app into …
eliot488995568 Jan 19, 2026
79f07cd
chore: fix phpstan
eliot488995568 Jan 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions lib/RoadizRozierBundle/src/TwigExtension/RozierExtension.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@
use RZ\Roadiz\RozierBundle\TranslateAssistant\NullTranslateAssistant;
use RZ\Roadiz\RozierBundle\TranslateAssistant\TranslateAssistantInterface;
use RZ\Roadiz\RozierBundle\Vite\JsonManifestResolver;
use Symfony\Component\HttpFoundation\RequestStack;
use Twig\Extension\AbstractExtension;
use Twig\Extension\GlobalsInterface;
use Twig\TwigFunction;
Expand All @@ -30,12 +31,17 @@ public function __construct(
private readonly TranslateAssistantInterface $translateAssistant,
private readonly BookmarkCollection $bookmarkCollection,
private readonly BreadcrumbsItemFactoryInterface $breadcrumbItemFactory,
private readonly RequestStack $requestStack,
) {
}

#[\Override]
public function getGlobals(): array
{
$request = $this->requestStack->getCurrentRequest();
/* @phpstan-ignore-next-line */
$isIframe = '1' === $request?->query->get('iframe') ?? false;

return [
'rozier' => $this->rozierServiceRegistry,
'nodeStatuses' => NodeStatus::allLabelsAndValues(),
Expand All @@ -52,6 +58,7 @@ public function getGlobals(): array
],
'translateAssistantEnabled' => !$this->translateAssistant instanceof NullTranslateAssistant,
'translateAssistantSupportRephrase' => $this->translateAssistant->supportRephrase(),
'isIframe' => $isIframe,
];
}

Expand Down
213 changes: 213 additions & 0 deletions lib/RoadizRozierBundle/templates/iframe.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,213 @@
{% set formattedLocale = app.request.locale|replace({'_': '-'})|lower %}
<!DOCTYPE html>
<html class="no-js" lang="{{ formattedLocale }}"{% if app.request.locale is rtl %} dir="rtl"{% endif %}>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}{% trans %}back_office{% endtrans %}: {{ meta.siteName }}{% endblock %}</title>
<meta name="description" content="{% block description %}{% trans %}back_office{% endtrans %}{% endblock %}">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
{% include '@RoadizRozier/admin/meta-icon.html.twig' %}
{# CSS scripts inclusions / Using webpack #}
{{ manifest_preload_tags('shared') }}
{{ manifest_preload_tags('main') }}

{{ manifest_style_tags('shared') }}
{{ manifest_style_tags('main') }}

{% if main_color %}
<style>
:root {
--rz-accent-color: {{ main_color|raw }};
--rz-accent-color-lighter: color-mix(in srgb, var(--rz-accent-color) var(--color-light-mix), white);
--rz-accent-color-darker: color-mix(in srgb, var(--rz-accent-color) var(--color-darker-mix), black);
--rz-accent-color-darkest: color-mix(in srgb, var(--rz-accent-color) var(--color-darkest-mix), black);
}
</style>
{% endif %}
{% block customStyles %}{% endblock %}
{% if additionalStylesheets %}
{% for additionalStylesheet in additionalStylesheets %}
<link rel="stylesheet" href="{{ additionalStylesheet.path }}">
{% endfor %}
{% endif %}
</head>
<body id="simple-body">
{% include '@RoadizRozier/includes/messages.html.twig' %}
<div id="main-container">
<section id="main-content" class="main-container-section" data-uk-observe>
<div id="main-content-overlay"></div>
<div id="main-content-scrollable" data-ajax-root>
{% block permanentComponents %}
<overlay data-vuejs></overlay>
{% endblock %}
{% block content %}{% endblock %}
</div>
<div id="canvasloader-container"></div>
<div id="back-top-button"
title="{% trans %}back_to.top{% endtrans %}"
data-uk-tooltip="{animation:true,pos:'top'}"><i class="uk-icon-rz-backtop"></i></div>
</section>
</div>
</div>

<div id="vue-containers">
<filter-explorer-container></filter-explorer-container>
<explorer-container></explorer-container>
<document-preview-container></document-preview-container>
<modal-container></modal-container>
</div>
<div id="codemirror-preview-containers"></div>

<script>
/**
* Global Rozier configuration object
* @type {RozierConfig}
*/
window.RozierConfig = {
'baseUrl': '{{ app.request.schemeAndHttpHost }}{{ app.request.basePath }}',
'resourcesUrl': '{{ asset('/bundles/roadizrozier/') }}',
'ajaxToken': '{{ csrf_token(constant('RZ\\Roadiz\\RozierBundle\\Controller\\Ajax\\AbstractAjaxController::AJAX_TOKEN_INTENTION')) }}',
'mainColor': '{{ main_color }}',
'mapsStyle': {% if head.mapsStyle %}{{ head.mapsStyle|raw }}{% else %}[]{% endif %},
'leafletMapTileUrl': '{{ leaflet_map_tile_url }}',
'defaultMapLocation': {{ maps_default_location|raw }},
'messages': {
'login': '{{ 'login'|trans|trim|escape }}',
'sessionExpireTitle': '{{ 'session.expire.title'|trans|trim|escape }}',
'sessionExpireContent': '{{ 'session.expire.content'|trans|trim|escape }}',
'healthCheckedFailedTitle': '{{ 'health_check.failed.title'|trans|trim|escape }}',
'healthCheckedFailedContent': '{{ 'health_check.failed.content'|trans|trim|escape }}',
'createTag': '{{ 'explorer.create_tag'|trans|trim|escape }}',
'explorer': '{{ 'documents.toggle-explorer'|trans|trim|escape }}',
'forbiddenPage': '{{ 'forbidden.page'|trans|trim|escape }}',
'document': '{{ 'document'|trans|trim|escape }}',
'documents': '{{ 'documents'|trans|trim|escape }}',
'item': '{{ 'item'|trans|trim|escape }}',
'items': '{{ 'items'|trans|trim|escape }}',
'folder': '{{ 'folder'|trans|trim|escape }}',
'folders': '{{ 'folders'|trans|trim|escape }}',
'see_all': '{{ 'see_all'|trans|trim|escape }}',
'searchDocuments': '{{ 'search.documents'|trans|trim|escape }}',
'searchNodes': '{{ 'search.nodes'|trans|trim|escape }}',
'searchCustomForms': '{{ 'search.custom_forms'|trans|trim|escape }}',
'moreDocuments': '{{ 'more.documents'|trans|trim|escape }}',
'moreNodes': '{{ 'more.nodes'|trans|trim|escape }}',
'moreNodeTypes': '{{ 'more.node_types'|trans|trim|escape }}',
'moreTags': '{{ 'more.tags'|trans|trim|escape }}',
'moreEntities': '{{ 'more.entities'|trans|trim|escape }}',
'moreCustomForms': '{{ 'more.custom_forms'|trans|trim|escape }}',
'documentEditDialogSubmit': '{{ 'documentEditDialog.submit'|trans|trim|escape }}',
'documentEditDialogCancel': '{{ 'documentEditDialog.cancel'|trans|trim|escape }}',
'documentEditDialogEdit': '{{ 'documentEditDialog.edit'|trans|trim|escape }}',
'blanchetteEditor': {
'blanchetteEditor': '{{ 'blanchetteEditor'|trans|trim|escape }}',
'free': '{{ 'blanchetteEditor.free'|trans|trim|escape }}',
'move': '{{ 'blanchetteEditor.move'|trans|trim|escape }}',
'crop': '{{ 'blanchetteEditor.crop'|trans|trim|escape }}',
'zoomIn': '{{ 'blanchetteEditor.zoomIn'|trans|trim|escape }}',
'zoomOut': '{{ 'blanchetteEditor.zoomOut'|trans|trim|escape }}',
'rotateLeft': '{{ 'blanchetteEditor.rotateLeft'|trans|trim|escape }}',
'rotateRight': '{{ 'blanchetteEditor.rotateRight'|trans|trim|escape }}',
'flipHorizontal': '{{ 'blanchetteEditor.flipHorizontal'|trans|trim|escape }}',
'flipVertical': '{{ 'blanchetteEditor.flipVertical'|trans|trim|escape }}',
'applyChange': '{{ 'blanchetteEditor.applyChange'|trans|trim|escape }}',
'undo': '{{ 'blanchetteEditor.undo'|trans|trim|escape }}',
'aspectRatio': '{{ 'blanchetteEditor.aspectRatio'|trans|trim|escape }}',
'saveAndOverwrite': '{{ 'blanchetteEditor.saveAndOverwrite'|trans|trim|escape }}',
'other': '{{ 'blanchetteEditor.other'|trans|trim|escape }}',
'landscape': '{{ 'blanchetteEditor.landscape'|trans|trim|escape }}',
'portrait': '{{ 'blanchetteEditor.portrait'|trans|trim|escape }}',
},
'dropzone': {
'maxFilesize': {{ rozier.maxFilesize ?? '0' }},
'dictDefaultMessage': "{{ 'drop.files.here.to.upload.or.click.to.open.your.explorer'|trans|trim|escape }}",
'dictFallbackMessage': "{{ 'your.browser.does.not.support.dragndrop.file.uploads'|trans|trim|escape }}",
'dictFallbackText': "{{ 'please.use.the.fallback.form.below.to.upload.your.files.like.in.the.olden.days'|trans|trim|escape }}",
'dictFileTooBig': "{{ 'file.is.too.big.({{filesize}}mib).max.filesize.{{maxFilesize}}.mib'|trans|trim|escape }}",
'dictInvalidFileType': "{{ 'you.cant.upload.files.of.this.type'|trans|trim|escape }}",
'dictResponseError': "{{ 'server.responded.with.{{statusCode}}.code'|trans|trim|escape }}",
'dictCancelUpload': "{{ 'cancel.upload'|trans|trim|escape }}",
'dictCancelUploadConfirmation': "{{ 'are.you.sure.you.want.to.cancel.this.upload'|trans|trim|escape }}",
'dictRemoveFile': "{{ 'remove.file'|trans|trim|escape }}",
'dictRemoveFileConfirmation': null,
'dictMaxFilesExceeded': "{{ 'you.can.not.upload.any.more.files'|trans|trim|escape }}"
},
'htmleditor': {
'h2': '{{ 'headline.2'|trans|trim|escape }}',
'h3': '{{ 'headline.3'|trans|trim|escape }}',
'h4': '{{ 'headline.4'|trans|trim|escape }}',
'h5': '{{ 'headline.5'|trans|trim|escape }}',
'h6': '{{ 'headline.6'|trans|trim|escape }}',
'fullscreen': '{{ 'fullscreen'|trans|trim|escape }}',
'bold': '{{ 'bold'|trans|trim|escape }}',
'italic': '{{ 'italic'|trans|trim|escape }}',
'strike': '{{ 'strikethrough'|trans|trim|escape }}',
'blockquote': '{{ 'blockquote'|trans|trim|escape }}',
'link': '{{ 'link'|trans|trim|escape }}',
'image': '{{ 'image'|trans|trim|escape }}',
'listUl': '{{ 'unordered.list'|trans|trim|escape }}',
'listOl': '{{ 'ordered.list'|trans|trim|escape }}',
'back': '{{ 'back'|trans|trim|escape }}',
'hr': '{{ 'separator'|trans|trim|escape }}',
'nbsp': '{{ 'non_breaking.space'|trans|trim|escape }}'
},
'geotag': {
'resetMarker': '{{ 'reset.marker'|trans|trim|escape }}',
'typeAnAddress': '{{ 'geotag.type_an_address.then_type_enter'|trans|trim|escape }}'
}
},
'routes': {
'ping': '{{ path('ping') }}',
'splashRequest': '{{ path('loginImagePage') }}',
'loginPage': '{{ path('loginPage') }}',
'nodeAjaxEdit': '{{ path('adminHomePage') }}/ajax/node/edit/%nodeId%',
'tagAjaxEdit': '{{ path('adminHomePage') }}/ajax/tag/edit/%tagId%',
'folderAjaxEdit': '{{ path('adminHomePage') }}/ajax/folder/edit/%folderId%',
'nodeTypesFieldAjaxList': '{{ path('adminHomePage') }}/ajax/node-types/fields/list',
'customFormsFieldAjaxEdit': '{{ path('adminHomePage') }}/ajax/custom-forms/fields/edit/%customFormFieldId%',
'documentsUploadPage': '{{ path('documentsUploadPage', {_format: 'json'}) }}',
'documentsBulkDeletePage': '{{ path('documentsBulkDeletePage') }}',
'documentsBulkDownloadPage': '{{ path('documentsBulkDownloadPage') }}',
'documentsAjaxExplorer': '{{ path('documentsAjaxExplorerPage') }}',
'documentsAjaxByArray': '{{ path('documentsAjaxByArray') }}',
'customFormsAjaxByArray': '{{ path('customFormsAjaxByArray') }}',
'nodeTypesAjaxByArray': '{{ path('nodeTypesAjaxByArray') }}',
'nodeTypesAjaxExplorer': '{{ path('nodeTypesAjaxExplorer') }}',
'joinsAjaxByArray': '{{ path('entitiesAjaxByArray') }}',
'nodesAjaxByArray': '{{ path('nodesAjaxByArray') }}',
'tagsAjaxExplorer': '{{ path('tagsAjaxExplorer') }}',
'tagsAjaxByArray': '{{ path('tagsAjaxByArray') }}',
'tagsAjaxExplorerList': '{{ path('tagsAjaxExplorerList') }}',
'tagsAjaxCreate': '{{ path('tagsAjaxCreate') }}',
'foldersAjaxExplorer': '{{ path('foldersAjaxExplorerPage') }}',
'nodesAjaxExplorer': '{{ path('nodesAjaxExplorerPage') }}',
'joinsAjaxExplorer': '{{ path('entitiesAjaxExplorerPage') }}',
'providerAjaxExplorer': '{{ path('providerAjaxExplorerPage') }}',
'providerAjaxByArray': '{{ path('providerAjaxByArray') }}',
'customFormsAjaxExplorer': '{{ path('customFormsAjaxExplorerPage') }}',
'searchAjax': '{{ path('searchAjax') }}',
'nodesStatusesAjax': '{{ path('nodesStatusesAjax') }}',
'nodesTreeAjax': '{{ path('nodesTreeAjax') }}',
'tagsTreeAjax': '{{ path('tagsTreeAjax') }}',
'foldersTreeAjax': '{{ path('foldersTreeAjax') }}',
'nodesQuickAddAjax': '{{ path('nodesQuickAddAjax') }}',
'tagAjaxSearch': '{{ path('tagAjaxSearch') }}',
'foldersAjaxSearch': '{{ path('foldersAjaxSearch') }}',
'ajaxSessionMessages': '{{ path('ajaxSessionMessages') }}',
'attributeValueAjaxEdit': '{{ path('adminHomePage') }}/ajax/attribute-values/edit/%attributeValueId%',
}
};
</script>
{# JS scripts inclusions / Using Vite manifest #}
{{ manifest_script_tags('@vite/client') }}
{{ manifest_script_tags('shared') }}
{{ manifest_script_tags('main') }}
{% block customScripts %}{% endblock %}
{% if additionalScripts %}
{% for additionalScript in additionalScripts %}
<script src="{{ additionalScript.path }}"></script>
{% endfor %}
{% endif %}
</body>
</html>
8 changes: 7 additions & 1 deletion lib/RoadizRozierBundle/templates/layout.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
{% extends '@RoadizRozier/base.html.twig' %}
{% if (isIframe) %}
{% set parentTemplate = '@RoadizRozier/iframe.html.twig' %}
{% else %}
{% set parentTemplate = '@RoadizRozier/base.html.twig' %}
{% endif %}

{% extends parentTemplate %}
7 changes: 6 additions & 1 deletion lib/Rozier/app/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,12 @@ ready(() => {
* init generic bulk actions widget
*/
GenericBulkActions()
new Mobile()
if (
!new URLSearchParams(window.location.search).has('iframe') ||
new URLSearchParams(window.location.search).get('iframe') !== '1'
) {
new Mobile()
}

window.addEventListener('pageshowend', () => {
GenericBulkActions()
Expand Down