templates/layouts/base-layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Plná Peněženka Admin</title>
  8.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  9.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/fontawesome-free/css/all.min.css") }}" />
  10.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/jquery-ui/jquery-ui.min.css") }}" />
  11.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/select2/css/select2.min.css") }}"/>
  12.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css") }}"/>
  13.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/flag-icon-css/css/flag-icon.min.css") }}"/>
  14.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/codemirror/codemirror.css") }}"/>
  15.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/icheck-bootstrap/icheck-bootstrap.min.css") }}"/>
  16.     <link rel="stylesheet" href="{{ asset("build/admin-lte-plugins/jquery-ui/jquery-ui.min.css") }}"/>
  17.     <link rel="shortcut icon" href="{{ asset("img/favicon.ico") }}">
  18.     <link rel="stylesheet" href="{{ asset("wheelcolorpicker/css/wheelcolorpicker.css") }}"/>
  20.     {#    <link rel="stylesheet" href="{{ asset("build/bootstrap-tree-view/css/core.min.css") }}"/>#}
  21. {#    <link rel="stylesheet" href="{{ asset("build/bootstrap-tree-view/css/tree.min.css") }}"/>#}
  22.     {% block plugins_stylesheets %}{% endblock %}
  23.     <link rel="stylesheet" href="{{ asset("build/admin-lte/css/adminlte.min.css") }}" />
  24.     <link rel="stylesheet" href="{{ asset('styles/custom-styles.css') }}" />
  25.     {% block stylesheets %}{% endblock %}
  26.     <script src="{{ asset("build/admin-lte-plugins/jquery/jquery.min.js") }}"></script>
  27.     <script src="{{ asset("build/admin-lte-plugins/jquery-ui/jquery-ui.min.js") }}"></script>
  28. </head>
  30. <body class="{% block body_class %}hold-transition sidebar-mini{% endblock %}">
  31. {% block body_content %}
  32.     <div class="wrapper">
  33.         {% include "parts/top-menu.html.twig" %}
  34.         {{ render(controller('PPAdmin\\Controller\\UIFragmentsController::sidebar')) }}
  36.         <!-- Content Wrapper. Contains page content -->
  37.         <div class="content-wrapper">
  38.             <!-- Content Header (Page header) -->
  39.             <div class="content-header">
  40.                 <div class="container-fluid">
  41.                     <div class="row mb-2">
  42.                         <div class="col-sm-6">
  43.                             <h1 class="m-0">{% block page_title %}Plná peněženka{% endblock %}</h1>
  44.                         </div><!-- /.col -->
  45.                         <div class="col-sm-6">
  46.                             <ol class="breadcrumb float-sm-right">
  47.                                 {% block breadcrumb %}
  48.                                     <li class="breadcrumb-item"><a href="{{ url("dashboard") }}"><i class="fa fa-home"></i></a></li>
  49.                                     {% block breadcrumb_items %}{#<li class="breadcrumb-item active">Starter Page</li>#}{% endblock %}
  50.                                 {% endblock %}
  51.                             </ol>
  52.                         </div><!-- /.col -->
  53.                     </div><!-- /.row -->
  54.                 </div><!-- /.container-fluid -->
  55.             </div>
  56.             <!-- /.content-header -->
  58.             <!-- Main content -->
  59.             <div class="content">
  60.                 <div class="container-fluid">
  61.                     {% for label, flashes in app.session.flashbag.all %}
  62.                         {% for flash in flashes %}
  63.                             <div class="alert alert-{{ label }} alert-dismissible">
  64.                                 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  65.                                 {{ flash }}
  66.                             </div>
  67.                         {% endfor %}
  68.                     {% endfor %}
  69.                     {% block content %}{% endblock %}
  70.                 </div><!-- /.container-fluid -->
  71.             </div>
  72.             <!-- /.content -->
  73.         </div>
  74.         <!-- /.content-wrapper -->
  76.         <!-- Control Sidebar -->
  77.        {# <aside class="control-sidebar control-sidebar-dark">
  78.             <!-- Control sidebar content goes here -->
  79.             <div class="p-3">
  80.                 <h5>Title</h5>
  81.                 <p>Sidebar content</p>
  82.             </div>
  83.         </aside>#}
  84.         <!-- /.control-sidebar -->
  86.         <!-- Main Footer -->
  87.         <footer class="main-footer">
  88.             <!-- To the right -->
  89.             <div class="float-right d-none d-sm-inline">
  90.                 Version 20210611
  91.             </div>
  92.             <!-- Default to the left -->
  93.             <strong>Copyright &copy; 2021 <a href="https://www.5dm.cz/">5DM.cz</a>.</strong> All rights reserved.
  94.         </footer>
  95.     </div>
  96. {% endblock %}
  99. <script src="{{ asset("build/admin-lte-plugins/bootstrap/js/bootstrap.bundle.min.js") }}"></script>
  100. <script src="{{ asset("build/admin-lte/js/adminlte.min.js") }}"></script>
  101. <script src="{{ asset("build/admin-lte-plugins/select2/js/select2.min.js") }}"></script>
  102. <script src="{{ asset("build/admin-lte-plugins/select2/js/i18n/cs.js") }}"></script>
  103. {# CodeMirror import + different modes #}
  104. <script src="{{ asset("build/admin-lte-plugins/codemirror/codemirror.js") }}"></script>
  105. <script src="{{ asset("build/admin-lte-plugins/codemirror/mode/sql/sql.js") }}"></script>
  106. <script src="{{ asset("build/admin-lte-plugins/codemirror/mode/javascript/javascript.js") }}"></script>
  107. <script src="{{ asset("build/admin-lte-plugins/codemirror/mode/sql/sql.js") }}"></script>
  108. <script src="{{ asset("build/admin-lte-plugins/bs-custom-file-input/bs-custom-file-input.min.js") }}"></script>
  109. <script src="{{ asset("build/admin-lte-plugins/jquery-ui/jquery-ui.min.js") }}"></script>
  110. <script src="{{ asset("select2-Sortable-master/select2-sortable.min.js") }}"></script>
  111. <script src="{{ asset("wheelcolorpicker/jquery.wheelcolorpicker.js") }}"></script>
  113. <script src="{{ asset("build/bootbox/bootbox.all.min.js") }}"></script>
  114. {#<script src="{{ asset("build/bootstrap-tree-view/js/core.min.js") }}"></script>#}
  115. {#<script src="{{ asset("build/bootstrap-tree-view/js/tree.min.js") }}"></script>#}
  116. {% include "common/scripts/select2-set-focus-resolver.html.twig" %}
  117. <script>
  118.     bootbox.setDefaults({"locale": "{{ app.request.locale }}"});
  119.     $(function(){
  120.         const select2_options = {
  121.             language: 'cs',
  122.         }
  124.         // select2
  125.         $('select:not([data-sortable], [data-ajax])').select2(select2_options);
  126.         $('select[data-sortable]').each((_, select) => {
  127.             const $select = $(select);
  128.             if ($select.prop("disabled")) {
  129.                 $select.select2(select2_options);
  130.             } else {
  131.                 $select.select2Sortable(select2_options)
  132.             }
  133.         });
  135.         $('select[data-ajax]').each((_, select) => {
  136.             const $select = $(select);
  138.             if ($select.prop("disabled")) {
  139.                 $select.select2(select2_options);
  140.             } else {
  141.                 $select.select2({
  142.                     ...select2_options,
  143.                     minimumInputLength: Number($select.data('ajax-min-length')),
  144.                     ajax: {
  145.                         url: $select.data('ajax'),
  146.                         delay: 500,
  147.                         data: params => ({
  148.                             query: params.term,
  149.                             page: params.page,
  150.                             field: $select.prop('name'),
  151.                             params: $select.attr('data-ajax-params'),
  152.                         }),
  153.                     }
  154.                 });
  155.             }
  156.         });
  158.         $('select.is-invalid')
  159.             .parent()
  160.             .find('.select2-selection')
  161.             .addClass('select2-is-invalid');
  163.         setFocusToSearchTextField()
  165.         bsCustomFileInput.init();
  166.         $("textarea.codemirror-json").each((_, textarea) => {
  167.             CodeMirror.fromTextArea(textarea, {
  168.                 mode: {name: "javascript", json: true},
  169.                 lineNumbers: true,
  170.                 readOnly: textarea.disabled
  171.             });
  172.         });
  174.         $("textarea.codemirror-sql").each((_, textarea) => {
  175.             CodeMirror.fromTextArea(textarea, {
  176.                 mode: "text/x-mysql",
  177.                 lineNumbers: true,
  178.                 readOnly: textarea.disabled
  179.             });
  180.         });
  182.         // colorpicker
  183.         $('.colorpicker').wheelColorPicker({
  184.             preview: true,
  185.             validate: true,
  186.             autoResize: true
  187.         })
  188.         $('.colorpicker').on('change', function (){
  189.             if (!$(this).val()) {
  190.                 $(this).css('background', 'transparent')
  191.             }
  192.         })
  194.         $(function () {
  195.             $('[data-toggle="tooltip"]').tooltip()
  196.         })
  198.         $.fn.setButtonBusy = function() {
  199.             if (this.prop('disabled')) {
  200.                 return;
  201.             }
  203.             let content = this.html();
  204.             this.html('<i class="fas fa-sync fa-spin"></i>&nbsp&nbsp' + content)
  205.             this.prop('disabled', true)
  206.         }
  208.         $.fn.unsetButtonBusy = function() {
  209.             let content = this.html();
  210.             this.html(content.replace(/.*&nbsp;/, ""))
  211.             this.prop('disabled', false)
  212.         }
  213.     })
  214. </script>
  215. {% block plugins_scripts %}{% endblock %}
  216. {{ encore_entry_script_tags('app') }}
  217. {% if app.user %}
  218. <script>
  219.     window.setInterval(
  220.         () => {
  221.             $.get("{{ url("keep-alive") }}", (resp) => {
  222.                 console.log(`User ${resp['user_id']} alive at ${resp['keep-alive']}`);
  223.             });
  224.         },
  225.         60 * 1000
  226.     );
  227. </script>
  228. {% endif %}
  229. {% block scripts %}{% endblock %}
  230. </body>
  231. </html>