templates/home.html.twig line 1

1. {% extends 'base.html.twig' %}
3. {% block stylesheets %}
4.     {{ parent() }}
5.     <style>
6.         .xhibit_masonry{width:100%}
7.         .xhibit_masonry .xhibit-item {width:calc(20% - 4px);margin:2px}
8.         ._toolbar {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 10px; z-index: 99999999;}
9.         .xhibit_masonry .xhibit-item:after{content:'';float:left;display:inline-block;width:100%;height:100%;background:rgba(29,140,242,.15);position:absolute;left:0;top:0;z-index:-1;border-radius:5px}
10.     </style>
11. {% endblock stylesheets %}
13. {% block headerJS %}
14.     {{ parent() }}
15.     <link type="text/css" rel="stylesheet" href="{{ asset('assets/js/jquery.xhibit/jquery.xhibit.css') }}"/>
16.     <script src="{{ asset('assets/js/jquery.xhibit/jquery.xhibit.js') }}"></script>
17. {% endblock headerJS %}
19. {% block content %}
20.     <div class="container mt-3 text-center mb-5">
21.         <div class="mb-3 _grid" style="">
22.             {% include 'ContentBlock/block.html.twig' with {
23.                 'aParams': {
24.                     'contentType': 'posts',
25.                     'aStatus': [constant('App\\Entity\\Post::STATUS_READY')],
26.                     'sorting': 'date',
27.                     'max_results': 20,
28.                     'page': app.request.get('page') ? app.request.get('page') : 1,
29.                     'show_pagination': true,
30.                     'item_template': 'item/post.html.twig',
31.                     'results_items_wrapper_class': 'row justify-content-center g-2',
32.                     'results_item_class': 'col-md-3 position-relative',
33.                     'no_results_html': '<div class="_noContent text-center"><i class="fas fa-images mt-5 mb-4" style="font-size: 2.5em;"></i><h5>No posts found</h5></div>'
34.                 }
35.             } %}
36.         </div>
38.         {#
39.         {% set posts = getResults({
40.             'contentType': 'posts',
41.             'sorting': 'date',
42.             'max_results': 20,
43.             'page': app.request.get('page') ? app.request.get('page') : 1
44.         }) %}
45.         <div class="row" style="">
46.             <div class="_grid">
47.                 {% for post in posts.results %}
48.                     {% include 'item/post.html.twig' with {
49.                         'post': post
50.                     } %}
51.                 {% endfor %}
52.             </div>
53.         </div>
54.         <div class="container-xl row" style="">
55.             {% if posts.pagination %}
56.                 <div class="_pagination" style="">
57.                     {{ knp_pagination_render(posts.pagination, 'ContentBlock/pagination.html.twig') }}
58.                 </div>
59.             {% endif %}
60.         </div>
61.         #}
62.     </div>
63. {% endblock content %}
65. {% block javascripts %}
66.     <script>
67.         $(document).ready(function(){
68.             {% if app.user %}
69.                 $('._delete_post').on('click', function(e){
70.                     e.preventDefault();
71.                     let path = $(this).attr('href');
72.                     Swal.fire({
73.                         title: '',
74.                         html: 'Are you sure you want to delete this post?',
75.                         showDenyButton: true,
76.                         confirmButtonText: 'Yes',
77.                         denyButtonText: `Cancel`,
78.                     }).then((result) => {
79.                         if(result.isConfirmed)
80.                         {
81.                             parent.location.href = path;
82.                             /*let container = $('._xlabs_results_wrapper');
83.                             let results = container.resultsContainer();
84.                             $.ajax({
85.                                 url: path,
86.                                 type: 'post',
87.                                 dataType: 'html',
88.                                 success: function(data){
89.                                     results.reload();
90.                                 },
91.                                 error: function(){
92.                                     results.reload();
93.                                 }
94.                             });*/
95.                         } else if (result.isDenied) {
97.                         }
98.                     });
99.                 });
100.             {% endif %}
101.             /*
102.             $('._grid').xhibit({
103.                 item_class: '._grid-item',
104.                 //panning: {{ not isMobile() and not isTablet() ? 'true' : 'false' }},
105.                 panning: false,
106.                 popup: false,
107.                 shine_hover: false,
108.                 masonry: true,
109.                 onInitialized: function(plugin){
111.                 },
112.                 onItemClick: function(item){
114.                 }
115.             });
116.             */
117.             /*
118.             $('._grid2').xhibit({
119.                 item_class: '._grid-item',
120.                 //panning: {{ not isMobile() and not isTablet() ? 'true' : 'false' }},
121.                 panning: false,
122.                 popup: false,
123.                 masonry: false,
124.                 size_classes: ['wide', 'tall', 'big', 'small'],
125.                 onItemClick: function(item){
127.                 }
128.             });
129.             */
130.         });
131.     </script>
132. {% endblock javascripts %}