templates/bundles/SonataTranslationBundle/standard_layout.html.twig line 1

Open in your IDE?
  1. {% extends '@!SonataTranslation/standard_layout.html.twig' %}
  3. {% block html_attributes %}{{ parent() }} lang="{{ app.request.locale }}" {% endblock %}
  5. {% set adminCode = '' %}
  6. {% if admin is defined %}
  7.     {% set adminCode = admin.getCode | pregreplace('/(.*)\\./', '') %}
  8.     {% set cssRoute = 'assets/admin/css/' ~ adminCode ~ '/specific.css' %}
  9.     {% set jsRoute = 'assets/admin/js/' ~ adminCode ~ '/specific.js' %}
  10. {% endif %}
  12. {% block stylesheets %}
  13.     <link rel="icon" type="image/x-icon" href="{{ asset('assets/img/favicon.png') }}">
  15.     {{ parent() }}
  17.     {# CSS para readmore con elipsis - solo primera línea #}
  18.     <style>
  19.         .sonata-readmore {
  20.             display: -webkit-box !important;
  21.             -webkit-line-clamp: 1 !important;
  22.             -webkit-box-orient: vertical !important;
  23.             overflow: hidden !important;
  24.             text-overflow: ellipsis !important;
  25.             cursor: help !important;
  26.             word-wrap: break-word !important;
  27.         }
  29.         @keyframes spin {
  30.             0% { transform: rotate(0deg); }
  31.             100% { transform: rotate(360deg); }
  32.         }
  33.     </style>
  35.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/list-action-toolbar-prometeo.css') }}">
  36.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/modal-nav-prometeo.css') }}">
  37.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/nav-filter-prometeo.css') }}">
  38.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/nav-prometeo.css') }}">
  39.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/model-list-type.css') }}">
  40.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/more-info.css') }}">
  41.     <link rel="stylesheet" href="{{ asset('assets/prometeo/css/table-card.css') }}">
  42.     <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-dialog/css/bootstrap-dialog.min.css') }}">
  43.     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  44.     <link rel="stylesheet" href="{{ asset('assets/plugins/fontawesome-610/css/all.min.css') }}">
  45.     <link rel="stylesheet" href="{{ asset('assets/plugins/webfonts/uicons-solid-rounded.css') }}">
  46.     <link rel="stylesheet" href="{{ asset('assets/plugins/codemirror/lib/codemirror.css') }}">
  49.     {% if admin is defined and cssRoute is defined %}
  50.         <link rel="stylesheet" href="{{ asset(cssRoute) }}">
  51.     {% endif %}
  53. {% endblock %}
  55. {% block javascripts %}
  56.     {{ parent() }}
  58.     {% include 'JS/translations_js.html.twig' %}
  59.     {% include 'JS/env_js.html.twig' %}
  60.     {% include 'JS/routes_js.html.twig' %}
  62.     <script src="{{ asset("assets/plugins/bootstrap-dialog/js/bootstrap-dialog.min.js") }}"></script>
  64.     <script src="{{ asset("assets/plugins/codemirror/lib/codemirror.js") }}"></script>
  65.     <script src="{{ asset("assets/plugins/codemirror/lib/mode/javascript/javascript.js") }}"></script>
  66.     <script src="{{ asset("assets/plugins/codemirror/lib/mode/twig/twig.js") }}"></script>
  68.     <script src="{{ asset('assets/plugins/autonumeric/autonumeric.min.js') }}"></script>
  69.     <script src="{{ asset('assets/plugins/autonumeric/autonumeric.functions.js') }}"></script>
  70.     <script src="{{ asset("assets/prometeo/js/jquery.functions.js") }}"></script>
  71.     <script src="{{ asset("assets/prometeo/js/table-to-card.js") }}"></script>
  72.     <script src="{{ asset("assets/prometeo/js/nav-prometeo.js") }}"></script>
  73.     <script src="{{ asset("assets/js/nav-prometeo-perseo.js") }}"></script>
  74.     <script src="{{ asset("assets/prometeo/js/pre-load-image.js") }}"></script>
  75.     <script src="{{ asset("assets/prometeo/js/pre-load-file.js") }}"></script>
  76.     <script src="{{ asset("assets/prometeo/js/modal-view-image-original.js") }}"></script>
  77.     <script src="{{ asset("assets/prometeo/js/modal-view-file-original.js") }}"></script>
  78.     <script src="{{ asset("assets/prometeo/js/vichuploader-delete.js") }}"></script>
  79.     <script src="{{ asset("assets/prometeo/js/combos-anidados.js") }}"></script>
  80.     <script src="{{ asset("assets/prometeo/js/slider.js") }}"></script>
  82.     <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  83.     <script src="{{ asset("assets/js/perseo.js") }}"></script>
  85.     {% if admin is defined and jsRoute is defined %}
  86.         <script src="{{ asset(jsRoute) }}"></script>
  87.     {% endif %}
  89.     <script type="text/javascript">
  90.         $(function(){
  91.             $("form").on("submit", function()
  92.             {
  93.                 $("form").find("input.numeric").getNumericValues();
  94.             });
  96.             $("input.percents").setPercent();
  97.             $("input.numerics").setNumeric();
  98.             $("input.currencies").setCurrency();
  99.             $("input.grams").setGram();
  101.             $(".codemirror-twig").each(function(index, value)
  102.             {
  103.                 CodeMirror.fromTextArea(value, {
  104.                     lineWrapping: true,
  105.                     fixedGutter: false,
  106.                     foldGutter: true,
  107.                     mode: "twig",
  108.                     theme: "darcula",
  109.                     lineNumbers: true,
  110.                     gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
  111.                 });
  112.             });
  114.             {#setInterval(function ()#}
  115.             {#{#}
  116.             {#    {% if object is defined %}#}
  117.             {#        let id = "{{ object.id }}";#}
  118.             {#        let action = id ? "edit":"create";#}
  119.             {#        let username = "{{ app.user.username }}";#}
  120.             {#        let admin = "{{ app.request.attributes.get('_sonata_admin') }}";#}
  121.             {#        let data = $("section.content form").serialize();#}
  123.             {#        // reescribir parte de error, para que no muestre nada.#}
  124.             {#        AjaxUtils.ajaxCall("{{ path('app_api_autosaveapi_autosave') }}", {#}
  125.             {#            user: username,#}
  126.             {#            admin: admin,#}
  127.             {#            action: action,#}
  128.             {#            id: id,#}
  129.             {#            data: data#}
  130.             {#        }, null, "POST");#}
  131.             {#    {% endif %}#}
  133.             {#}, {{ autoSaveTime }});#}
  134.         });
  135.     </script>
  136. {% endblock %}
  138. {% block admin_lte_skin_class %}
  139.     {{ parent() }}
  140.     {{ adminCode }}
  141. {% endblock %}
  143. {% block body_attributes %}
  144.     {{ parent() }}
  145.     {% if admin is defined %}id="{{ admin.code|replace({'.':'_' }) }}"{% endif %}
  146.     {% if admin is defined %}data-code="{{ admin.code }}"{% endif %}
  147. {% endblock %}
  150. {% block sonata_page_content_nav %}
  151.     {% if _navbar_title is not empty
  152.         or _tab_menu is not empty
  153.         or _actions is not empty
  154.         or _list_filters_actions is not empty
  155.         or (admin is defined and admin.hasRoute('export') and admin.hasAccess('export') and export_formats|default(admin.exportFormats) | length)
  156.     %}
  157.         <div class="content-header__title">
  158.             {% if _tab_menu is not empty %}
  159.                 <div class="navbar-left">
  160.                     {{ _tab_menu|raw }}
  161.                 </div>
  162.             {% endif %}
  163.         </div>
  165.         <nav id="navbar-prometeo" class="navbar navbar-default {% if action == 'list' %} action-list {% endif %}" role="navigation">
  166.             <div class="container-fluid">
  167.                 {% block tab_menu_navbar_header %}
  168.                     {% if _navbar_title is not empty %}
  169.                         <div class="navbar-header"></div>
  170.                     {% endif %}
  171.                 {% endblock %}
  173.                 <div class="navbar-collapse">
  174. {#                    {% if _tab_menu is not empty %}#}
  175. {#                        <div class="navbar-left">#}
  176. {#                            {{ _tab_menu|raw }}#}
  177. {#                        </div>#}
  178. {#                    {% endif %}#}
  180. {#                    {% if admin is defined and action is defined and action == 'list' and admin.listModes|length > 1 %}#}
  181. {#                        <div class="nav navbar-right btn-group">#}
  182. {#                            {% for mode, settings in admin.listModes %}#}
  183. {#                                <a href="{{ admin.generateUrl('list', app.request.query.all|merge({_list_mode: mode})) }}" class="btn btn-default navbar-btn btn-sm{% if admin.getListMode() == mode %} active{% endif %}"><i class="{{ settings.class }}"></i></a>#}
  184. {#                            {% endfor %}#}
  185. {#                        </div>#}
  186. {#                    {% endif %}#}
  188.                     {% block sonata_admin_content_actions_wrappers %}
  189. {#                        {% if _actions|replace({ '<li>': '', '</li>': '' })|trim is not empty %}#}
  190. {#                            <ul class="nav navbar-nav navbar-right">#}
  191. {#                                {% if _actions|split('</a>')|length > 2 %}#}
  192. {#                                    <li class="dropdown sonata-actions">#}
  193. {#                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ 'link_actions'|trans({}, 'SonataAdminBundle') }} <b class="caret"></b></a>#}
  194. {#                                        <ul class="dropdown-menu" role="menu">#}
  195. {#                                            {{ _actions|raw }}#}
  196. {#                                        </ul>#}
  197. {#                                    </li>#}
  198. {#                                {% else %}#}
  199. {#                                    {{ _actions|raw }}#}
  200. {#                                {% endif %}#}
  201. {#                            </ul>#}
  202. {#                        {% endif %}#}
  203.                         {% if action == 'list' %}
  204.                             <form {# action="{{ app.request.pathinfo }}" method="GET" #}>
  205.                         {% endif %}
  207.                         <ul class="nav navbar-nav navbar-left">
  208.                             {% block navbar_actions_filters_prometeo_left %}
  209.                                 {% if action == 'list' %}
  210.                                     {% include 'navbar_actions_filters_prometeo_left_list.html.twig' %}
  211.                                 {% else %}
  212.                                     {% include 'navbar_actions_filters_prometeo_left_edit.html.twig' %}
  213.                                 {% endif %}
  214.                             {% endblock navbar_actions_filters_prometeo_left %}
  215.                         </ul>
  216.                         <ul class="nav navbar-nav navbar-right">
  217.                             {% block navbar_actions_filters_prometeo_right %}
  218.                                 {% if action == 'list' %}
  219.                                     {% include 'navbar_actions_filters_prometeo_right_list.html.twig' %}
  220.                                 {% else %}
  221.                                     {% include 'navbar_actions_filters_prometeo_right_edit.html.twig' %}
  222.                                 {% endif %}
  223.                             {% endblock navbar_actions_filters_prometeo_right %}
  224.                         </ul>
  226.                         {% if action == 'list' %}
  227.                             </form>
  228.                         {% endif %}
  229.                     {% endblock sonata_admin_content_actions_wrappers %}
  231. {#                    {% if _list_filters_actions is not empty %}#}
  232. {#                        {{ _list_filters_actions|raw }}#}
  233. {#                    {% endif %}#}
  234.                 </div>
  235.             </div>
  236.         </nav>
  237.     {% endif %}
  238. {% endblock sonata_page_content_nav %}
  240. {% block sonata_wrapper %}
  241.     <div id="loading-spinner" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999;">
  242.         <div style="border:4px solid #f3f3f3; border-top:4px solid #3498db; border-radius:50%; width:50px; height:50px; animation:spin 1s linear infinite;"></div>
  243.     </div>
  245.     {{ parent() }}
  246.     <script type="text/javascript">
  247.         loadNavPrometeo($("body"));
  249.         // Deshabilitar readmore completamente
  250.         if (window.Admin && window.Admin.setup_readmore_elements) {
  251.             window.Admin.setup_readmore_elements = function() {
  252.                 // No hacer nada - readmore deshabilitado
  253.             };
  254.         }
  256.         // Spinner de carga
  257.         $('#loading-spinner').css('display', 'flex');
  259.         $(window).on('load', function() {
  260.             $('#loading-spinner').fadeOut();
  261.         });
  263.         // Aplicar popover a elementos con clase sonata-readmore
  264.         $(document).ready(function() {
  265.             $('.sonata-readmore').each(function() {
  266.                 var $el = $(this);
  267.                 var fullText = $el.text();
  269.                 // Añadir popover con Bootstrap (el CSS ya está aplicado)
  270.                 $el.popover({
  271.                     trigger: 'hover',
  272.                     placement: 'top',
  273.                     container: 'body',
  274.                     html: true,
  275.                     content: '<div style="max-width: 400px; max-height: 300px; overflow-y: auto; white-space: pre-wrap;">' + fullText + '</div>'
  276.                 });
  277.             });
  278.         });
  279.         // $parent = $("body");
  280.         // if ($parent.find(".filter-to-navbar-left").html() !== undefined) {
  281.         //     if ($parent.find("#action-create").length === 1) {
  282.         //         $parent.find('#action-create').after('<li id="filter-search">' + $parent.find('.filter-to-navbar-left').html() + '</li>');
  283.         //     } else {
  284.         //         if($parent.find("nav.navbar form > ul.navbar-left").length) {
  285.         //             $parent.find("nav.navbar form > ul.navbar-left").prepend('<li id="filter-search" class="filter-search-margin-left">' + $parent.find('.filter-to-navbar-left').html() + '</li>');
  286.         //         }
  287.         //         else
  288.         //         {
  289.         //             $parent.find("#modal-navbar-prometeo form > ul.navbar-left").prepend('<li id="filter-search" class="filter-search-margin-left">' + $parent.find('.filter-to-navbar-left').html() + '</li>');
  290.         //         }
  291.         //     }
  292.         // }
  293.         //
  294.         // $parent.find('#filter-search > div.filter-field-busqueda').append('<span class="fa fa-search pull-right"></span>');
  295.         // $parent.find('.filter-to-navbar-left').remove();
  296.         //
  297.         // $parent.find('.filter-to-navbar-right').each(function (index, value) {
  298.         //     // Destruimos lo Select2
  299.         //     var $select = $(value).find('select');
  300.         //     $select.each(function (i, item) {
  301.         //         $(item).select2('destroy');
  302.         //     });
  303.         //
  304.         //     $parent.find('#action-export').before('<li id="' + $(value).data('id') + '" data-order="' + $(value).data('order') + '">' + $(value).html() + '</li>');
  305.         //     $(value).remove();
  306.         // });
  307.         //
  308.         // $parent.find('#action-export').attr('data-order', 999998);
  309.         // $parent.find('#show-filters').attr('data-order', 999999).find('span').removeClass('fa-caret-down').addClass('fa-chevron-down');
  310.         //
  311.         // $parent.find('nav ul.navbar-right').each(function () {
  312.         //     $(this).html($(this).children('li').sort(function (a, b) {
  313.         //         return ($(b).data('order')) < ($(a).data('order')) ? 1 : -1;
  314.         //     }));
  315.         // });
  316.         //
  317.         // $parent.find('.content-header__filters-container .prometeo-filters').each(function () {
  318.         //     $(this).html($(this).find('.filter').sort(function (a, b) {
  319.         //         return ($(b).data('order')) < ($(a).data('order')) ? 1 : -1;
  320.         //     }));
  321.         // });
  322.         //
  323.         // // Creamos los Select2
  324.         // $select = $parent.find("nav ul.navbar-right select");
  325.         // $select.each(function (i, item) {
  326.         //     $(item).select2();
  327.         // });
  328.         //
  329.         // var $select = $parent.find(".content-header__filters-container .prometeo-filters select");
  330.         // $select.each(function (i, item) {
  331.         //     $(item).select2("destroy");
  332.         // });
  333.         //
  334.         // $select = $parent.find(".content-header__filters-container .prometeo-filters select");
  335.         // $select.each(function (i, item) {
  336.         //     $(item).select2();
  337.         // });
  338.         //
  339.         // if ($parent.find(".prometeo-filters .filter:not(.no-filter-visible)").length === 1) {
  340.         //     $parent.find("#show-filters > a").attr("title", "No hay Filtros");
  341.         //     $parent.find("#show-filters").addClass("opacity5");
  342.         //     $parent.find(".content-header__filters-container").addClass("hide");
  343.         // }
  344.         //
  345.         // if ($parent.find('.prometeo-filters .filter:not(.no-filter-visible)').length > 1) {
  346.         //     $parent.find('#show-filters').on('click', function () {
  347.         //         if ($parent.find('.prometeo-filters .filter').length > 0) {
  348.         //             if ($(this).hasClass('open')) {
  349.         //                 $(this).removeClass('open');
  350.         //                 $parent.find('.sonata-filters-box').hide();
  351.         //                 $parent.find('.sonata-filters-box .prometeo-filters div').hide();
  352.         //             } else {
  353.         //                 $(this).addClass('open');
  354.         //                 $parent.find('.sonata-filters-box').show();
  355.         //                 $parent.find('.sonata-filters-box .prometeo-filters div').show();
  356.         //             }
  357.         //         }
  358.         //     });
  359.         // }
  360.         //
  361.         // $(".sonata-filters-box").hide();
  362.         // $parent.find(".prometeo-filters .filter:not(.button-filter-submit)").each(function(index, value)
  363.         // {
  364.         //     if($(value).css("display") !== "none")
  365.         //     {
  366.         //         $(".sonata-filters-box").show();
  367.         //         return false;
  368.         //     }
  369.         // });
  370.     </script>
  371. {% endblock sonata_wrapper %}
  373. {% block side_bar_after_nav_content %}
  374.     <a href="{{ path('app_logout') }}"><img id="icon-menu-user" class="icon-menu" title="Logout">{{ app.user.username }}</a>
  375. {% endblock %}