vendor/se7enxweb/admin-ui/src/bundle/Resources/views/themes/admin/ui/layout.html.twig line 104

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="CSRF-Token" content="{{ csrf_token('rest') }}" />
  6. <meta name="SiteAccess" content="{{ app.request.get('siteaccess').name }}" />
  7. <meta name="UserId" content="{{ ibexa_admin_ui_config.user.user.id|default() }}" />
  8. <script>
  9. const userAgent = navigator.userAgent.toLowerCase();
  11. if (userAgent.indexOf('chrome') < 0 && userAgent.indexOf('safari') >= 0) {
  12. window.onpageshow = (event) => {
  13. if (event.persisted) {
  14. document.body.classList.remove('ibexa-prevent-click');
  15. }
  16. };
  17. }
  18. </script>
  19. <script>
  20. window.ibexa = window.eZ = {
  21. addConfig: (path, value, shouldMerge = false) => {
  22. const keys = path.split('.');
  23. const lastIndex = keys.length - 1;
  24. const objectConstructorName = 'Object';
  25. const setValue = (newValue, oldValue) => {
  26. const hasValue = newValue && !!newValue.constructor;
  27. const oldHasValue = oldValue && !!oldValue.constructor;
  29. if (!shouldMerge || !hasValue || !oldHasValue) {
  30. return newValue;
  31. }
  33. if (Array.isArray(newValue)) {
  34. return [...oldValue, ...newValue];
  35. }
  37. if (newValue.constructor.name === objectConstructorName) {
  38. return Object.assign({}, oldValue, newValue);
  39. }
  40. };
  42. keys.reduce((currentObj, nextKey, index) => {
  43. const isLastIndex = index === lastIndex;
  45. if (!currentObj[nextKey] && !isLastIndex) {
  46. currentObj[nextKey] = {};
  47. }
  49. if (isLastIndex) {
  50. currentObj[nextKey] = setValue(value, currentObj[nextKey]);
  51. }
  53. return currentObj[nextKey];
  54. }, window.ibexa);
  55. },
  56. };
  57. </script>
  58. {% block meta %}
  59. {% endblock %}
  60. <script>
  61. window.ibexa.addConfig('adminUiConfig', {{ ibexa_admin_ui_config|json_encode|raw }});
  62. window.ibexa.addConfig('richText', {{ ibexa_richtext_config|json_encode|raw }});
  63. window.ibexa.addConfig('errors', {
  64. emailRegexp: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
  65. urlRegexp: /^((https?:\/\/|ftps?:\/\/|sftp:\/\/|www\.|\/|ezlocation:\/\/)[^\s]+$)|(^([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})(\/[^\s]*)?$)/,
  66. emptyField: '{{ 'js.error.empty.field'|trans({}, 'validators')|desc('{fieldName} Field cannot be empty') }}',
  67. invalidEmail: '{{ 'js.error.invalid_email'|trans({}, 'validators')|desc('A valid email address is required') }}',
  68. invalidUrl: '{{ 'js.error.invalid_url'|trans({}, 'validators')|desc('A valid URL is required') }}',
  69. tooLong: '{{ 'js.error.too_long'|trans({}, 'validators')|desc('{fieldName} value must be less than or equal to {maxLength} characters') }}',
  70. tooShort: '{{ 'js.error.too_short'|trans({}, 'validators')|desc('{fieldName} value must be greater than or equal to {minLength} characters') }}',
  71. isNotInteger: '{{ 'js.error.is_not_integer'|trans({}, 'validators')|desc('{fieldName} value must be an integer') }}',
  72. isNotFloat: '{{ 'js.error.is_not_float'|trans({}, 'validators')|desc('{fieldName} value must be a float number') }}',
  73. isLess: '{{ 'js.error.is_less'|trans({}, 'validators')|desc('{fieldName} value must be greater than or equal to {minValue}') }}',
  74. isGreater: '{{ 'js.error.is_greater'|trans({}, 'validators')|desc('{fieldName} value must be less than or equal to {maxValue}') }}',
  75. invalidFileSize: '{{ 'js.error.invalid_file_size'|trans({}, 'validators')|desc('{fieldName}: Cannot upload. File exceeds file size limit.') }}',
  76. invalidFileType: '{{ 'js.error.invalid_file_type'|trans({}, 'validators')|desc('{fieldName}: Cannot upload. File has wrong type.') }}',
  77. provideLatitudeValue: '{{ 'js.error.provide_latitude_value'|trans({}, 'validators')|desc('Provide latitude value in the Latitude field') }}',
  78. provideLongitudeValue: '{{ 'js.error.provide_longitude_value'|trans({}, 'validators')|desc('Provide longitude value in the Longitude field') }}',
  79. addressNotFound: '{{ 'js.error.address_not_found'|trans({}, 'validators')|desc('Provided address does not exist') }}',
  80. notSamePasswords: '{{ 'js.error.not_same_passwords'|trans({}, 'validators')|desc('Passwords do not match') }}',
  81. invalidValue: '{{ 'js.error.invalid_value'|trans({}, 'validators')|desc('{fieldName} Field has invalid values') }}',
  82. outOfRangeValue: '{{ 'js.error.out_of_range_value'|trans({}, 'validators')|desc('{fieldName} value is out of range. The value must be between {min} and {max}') }}'
  83. });
  85. window.CKEDITOR_BASEPATH = window.ALLOYEDITOR_BASEPATH = "/bundles/ibexaadminuiassets/vendors/alloyeditor/dist/alloy-editor/";
  86. </script>
  87. <script src="/bundles/fosjsrouting/js/router.js"></script>
  88. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  89. {% if app.request.locale == 'ach-UG' %}
  90. <script type="text/javascript">
  91. var _jipt = [];
  92. _jipt.push(['project', 'ibexa-dxp']);
  93. </script>
  94. <script type="text/javascript" src="//cdn.crowdin.com/jipt/jipt.js"></script>
  95. {% endif %}
  96. <title>{% block title %}Exponential Platform DXP{% endblock %}</title>
  97. {{ encore_entry_link_tags('ibexa-admin-ui-layout-css', null, 'ibexa') }}
  98. {% block stylesheets %}{% endblock %}
  99. <link rel="icon" type="image/x-icon" href="{{ asset('bundles/ibexaadminui/img/favicon.ico') }}" />
  100. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('bundles/ibexaadminui/img/favicon-16x16.png') }}" />
  101. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('bundles/ibexaadminui/img/favicon-32x32.png') }}" />
  103. {{ ibexa_twig_component_group('admin-ui-stylesheet-head') }}
  104. {{ ibexa_twig_component_group('admin-ui-script-head') }}
  106. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/react/umd/react.production.min.js') }}"></script>
  107. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/react-dom/umd/react-dom.production.min.js') }}"></script>
  108. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/@popperjs/core/dist/umd/popper.min.js') }}"></script>
  109. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/bootstrap/dist/js/bootstrap.min.js') }}"></script>
  110. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/create-react-class/create-react-class.min.js') }}"></script>
  111. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/prop-types/prop-types.min.js') }}"></script>
  112. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/flatpickr/dist/flatpickr.min.js') }}"></script>
  113. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/moment/min/moment-with-locales.min.js') }}"></script>
  114. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/moment-timezone/builds/moment-timezone-with-data.min.js') }}"></script>
  115. <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
  116. <script src="{{ asset('assets/translations/config.js') }}"></script>
  117. <script src="{{ asset('assets/translations/' ~ app.request.locale ~ '.js') }}"></script>
  118. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/chart-js/dist/chart.umd.js') }}"></script>
  119. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.min.js') }}"></script>
  120. <script src="{{ asset('bundles/ibexaadminuiassets/vendors/js-md5/build/md5.min.js') }}"></script>
  121. </head>
  122. <body class="{% block body_class %}ibexa-theme {% if ibexa_is_focus_mode_on() %}ibexa-theme--dark{% endif %}{% endblock %}">
  123. <div id="react-udw" data-filter-subtree-udw-config="{{ ibexa_udw_config('single_container', {}) }}"></div>
  125. {% block header_row %}
  126. <header class="ibexa-main-header">
  127. <div class="ibexa-main-header__brand-column">
  128. {% block brand %}
  129. <a class="ibexa-main-header__brand" href="{{ url('ibexa.dashboard') }}">
  130. <img class="ibexa-main-header__brand-image" src="{{ asset('bundles/ibexaadminui/img/exponential-platform-dxp-logo.svg') }}" alt="Exponential Platform DXP" />
  131. </a>
  132. {% endblock %}
  133. {% block user_mode %}
  134. {{ include('@ibexadesign/ui/user_mode_badge.html.twig') }}
  135. {% endblock %}
  136. </div>
  137. {% block global_search_wrapper %}
  138. <div class="ibexa-main-header__search-column">
  139. {% block global_search %}
  140. {{ ibexa_twig_component_group('admin-ui-global-search') }}
  141. {% endblock %}
  142. </div>
  143. {% endblock %}
  144. {% block user_menu_wrapper %}
  145. <div class="ibexa-main-header__user-menu-column">
  146. {% block user_menu %}
  147. {{ ibexa_twig_component_group('admin-ui-user-menu') }}
  148. {% endblock %}
  149. </div>
  150. {% endblock %}
  151. </header>
  152. {% endblock %}
  154. {% block main_container %}
  155. <main class="ibexa-main-container {% block main_container_class %}{% endblock %}">
  156. {% block side_column %}
  157. <div class="ibexa-main-container__side-column {% block side_column_class %}{% endblock %}">
  158. {% block left_sidebar %}
  159. {% set main_menu_context = {
  160. 'location': location ?? null,
  161. 'content': content ?? null
  162. } %}
  163. {% set main_menu = knp_menu_get('ezplatform_admin_ui.menu.main', [], main_menu_context) %}
  165. <nav class="ibexa-main-menu">
  166. {{ knp_menu_render(main_menu, {
  167. 'depth': 1,
  168. 'template': '@ibexadesign/ui/menu/main.html.twig',
  169. 'currentClass': 'active',
  170. 'ancestorClass': 'active'
  171. }) }}
  173. {{ knp_menu_render(main_menu, {
  174. 'depth': 2,
  175. 'template': '@ibexadesign/ui/menu/main_2nd_level.html.twig',
  176. 'currentClass': 'active',
  177. 'ancestorClass': 'active'
  178. }) }}
  180. {% block content_tree %}{% endblock %}
  181. </nav>
  182. {% endblock %}
  183. </div>
  184. {% endblock %}
  186. {% block content_column %}
  187. <div
  188. class="ibexa-main-container__content-column
  189. {%- if not is_back_to_top_disabled|default(false) %} ibexa-back-to-top-scroll-container{% endif %}"
  190. >
  191. <div class="container ibexa-back-to-top-anchor">
  192. {% block content_header %}
  193. <div class="ibexa-page-header-wrapper">
  194. <div class="ibexa-breadcrums-wrapper">
  195. {% block breadcrumbs %}{% endblock %}
  196. </div>
  197. <div class="ibexa-content-menu-wrapper">
  198. {% block context_menu %}{% endblock %}
  199. </div>
  200. <div class="ibexa-header-wrapper">
  201. {% block header %}{% endblock %}
  202. </div>
  203. </div>
  204. {% endblock %}
  205. {% block content %}{% endblock %}
  206. </div>
  207. </div>
  208. {% endblock %}
  209. </main>
  210. {% endblock %}
  212. <div
  213. class="ibexa-notifications-container"
  214. data-notifications="{{ app.flashes|json_encode() }}"
  215. data-template="{{ include('@ibexadesign/ui/notification.html.twig', {
  216. label: '{{ label }}',
  217. message: '{{ message }}',
  218. })|e('html_attr') }}"></div>
  219. <div class="ibexa-modal-wrapper"></div>
  221. <div class="ibexa-quick-action-menu">
  222. {% if not is_back_to_top_disabled|default(false) %}
  223. {% block back_to_top %}
  224. <div class="ibexa-back-to-top">
  225. <button type="button" class="btn ibexa-btn ibexa-btn--tertiary ibexa-btn--no-text ibexa-back-to-top__btn">
  226. <span class="ibexa-back-to-top__title">
  227. {{ 'back.to.top'|trans|desc('Go to top') }}
  228. </span>
  229. <svg class="ibexa-icon ibexa-icon--medium ibexa-back-to-top__icon">
  230. <use xlink:href="{{ ibexa_icon_path('back') }}"></use>
  231. </svg>
  232. </button>
  233. </div>
  234. {% endblock %}
  235. {% endif %}
  236. {{ ibexa_twig_component_group('admin-ui-quick-action-menu') }}
  237. </div>
  238. {{ ibexa_twig_component_group('admin-ui-layout-content-after') }}
  240. {{ encore_entry_script_tags('ibexa-admin-ui-layout-js', null, 'ibexa') }}
  241. {{ encore_entry_script_tags('ibexa-admin-ui-udw-tabs-js', null, 'ibexa') }}
  242. {{ encore_entry_script_tags('ibexa-admin-ui-udw-extras-js', null, 'ibexa') }}
  243. {{ encore_entry_script_tags('ibexa-admin-ui-udw-js', null, 'ibexa') }}
  245. {% block react_modules %}{% endblock %}
  246. {% block javascripts %}{% endblock %}
  247. {{ ibexa_twig_component_group('admin-ui-stylesheet-body') }}
  248. {{ ibexa_twig_component_group('admin-ui-script-body') }}
  249. </body>
  250. </html>