@reldens/cms 0.19.0 → 0.21.0

package/admin/reldens-admin-client.js

@@ -12,42 +12,6 @@ window.addEventListener('DOMContentLoaded', () => {
     let queryString = location.search;
     let urlParams = new URLSearchParams(queryString);
 
-    function getCookie(name)
-    {
-        let value = `; ${document.cookie}`;
-        let parts = value.split(`; ${name}=`);
-        if(2 === parts.length){
-            return parts.pop().split(';').shift()
-        }
-    }
-
-    function deleteCookie(name)
-    {
-        document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
-    }
-
-    function escapeHTML(str)
-    {
-        return str.replace(/&/g, "&")
-            .replace(/</g, "&lt;")
-            .replace(/>/g, "&gt;")
-            .replace(/"/g, "&quot;")
-            .replace(/'/g, "&#039;");
-    }
-
-    function cloneElement(element)
-    {
-        if(element instanceof HTMLCanvasElement){
-            let clonedCanvas = document.createElement('canvas');
-            clonedCanvas.width = element.width;
-            clonedCanvas.height = element.height;
-            let ctx = clonedCanvas.getContext('2d');
-            ctx.drawImage(element, 0, 0);
-            return clonedCanvas
-        }
-        return element.cloneNode(true);
-    }
-
     // error codes messages map:
     let errorMessages = {
         saveBadPatchData: 'Bad patch data on update.',
@@ -59,56 +23,9 @@ window.addEventListener('DOMContentLoaded', () => {
         errorId: 'Missing entity ID on POST.'
     };
 
-    // copyright year:
-    let copyRightYear = document.querySelector('.copyright-year');
-    if(copyRightYear){
-        copyRightYear.innerHTML = String((new Date()).getFullYear());
-    }
-
-    // activate expand/collapse elements
-    let expandCollapseButtons = document.querySelectorAll('[data-expand-collapse]');
-    if(expandCollapseButtons){
-        for(let expandCollapseButton of expandCollapseButtons){
-            expandCollapseButton.addEventListener('click', (event) => {
-                let expandCollapseElement = document.querySelector(event.currentTarget.dataset.expandCollapse);
-                if(expandCollapseElement){
-                    expandCollapseElement.classList.toggle('hidden');
-                }
-            });
-        }
-    }
+    activateExpandCollapse();
 
-    // activate modals on click
-    let modalElements = document.querySelectorAll('[data-toggle="modal"]');
-    if(modalElements){
-        for(let modalElement of modalElements){
-            modalElement.addEventListener('click', () => {
-                let overlay = document.createElement('div');
-                overlay.classList.add('modal-overlay');
-                let modal = document.createElement('div');
-                modal.classList.add('modal');
-                modal.classList.add('clickable');
-                let clonedElement = cloneElement(modalElement);
-                clonedElement.classList.add('clickable');
-                modal.appendChild(clonedElement);
-                overlay.appendChild(modal);
-                document.body.appendChild(overlay);
-                clonedElement.addEventListener('click', () => {
-                    document.body.removeChild(overlay);
-                });
-                modal.addEventListener('click', (e) => {
-                    if(e.target === modal){
-                        document.body.removeChild(modal.parentNode);
-                    }
-                });
-                overlay.addEventListener('click', (e) => {
-                    if(e.target === overlay) {
-                        document.body.removeChild(overlay);
-                    }
-                });
-            });
-        }
-    }
+    activateModalElements();
 
     // login errors:
     if('true' === urlParams.get('login-error')){
@@ -118,23 +35,64 @@ window.addEventListener('DOMContentLoaded', () => {
         }
     }
 
+    // entity search functionality:
+    let entityFilterTerm = document.querySelector('#entityFilterTerm');
+    let filterForm = document.querySelector('#filter-form');
+    let allFilters = document.querySelectorAll('.filters-toggle-content .filter input');
+    if(entityFilterTerm && filterForm){
+        entityFilterTerm.addEventListener('input', () => {
+            if(entityFilterTerm.value){
+                for(let filterInput of allFilters){
+                    filterInput.value = '';
+                }
+            }
+        });
+        entityFilterTerm.addEventListener('keypress', (event) => {
+            if(13 === event.keyCode){
+                event.preventDefault();
+                filterForm.submit();
+            }
+        });
+        for(let filterInput of allFilters){
+            filterInput.addEventListener('input', () => {
+                if(filterInput.value){
+                    entityFilterTerm.value = '';
+                }
+            });
+        }
+        filterForm.addEventListener('submit', () => {
+            if(entityFilterTerm.value && allFilters.some(input => input.value)){
+                for(let filterInput of allFilters){
+                    filterInput.value = '';
+                }
+            }
+        });
+    }
+
     // forms behavior:
     let forms = document.querySelectorAll('form');
     if(forms){
         for(let form of forms){
             form.addEventListener('submit', (event) => {
-                let submitButton = document.querySelector('input[type="submit"]');
+                let submitButton = form.querySelector('input[type="submit"], button[type="submit"]');
                 submitButton.disabled = true;
                 let loadingImage = document.querySelector('.submit-container .loading');
                 if(loadingImage){
                     loadingImage.classList.remove('hidden');
                 }
                 if(form.classList.contains('form-delete') || form.classList.contains('confirmation-required')){
-                    if(!confirm('Are you sure?')){
-                        event.preventDefault();
-                        submitButton.disabled = false;
-                        loadingImage.classList.add('hidden');
-                    }
+                    event.preventDefault();
+                    showConfirmDialog((confirmed) => {
+                        if(confirmed){
+                            form.submit();
+                        }
+                        if(!confirmed){
+                            submitButton.disabled = false;
+                            if(loadingImage){
+                                loadingImage.classList.add('hidden');
+                            }
+                        }
+                    });
                 }
             });
         }
@@ -180,21 +138,33 @@ window.addEventListener('DOMContentLoaded', () => {
             filtersToggleContent.classList.toggle('hidden');
         });
         let allFilters = document.querySelectorAll('.filters-toggle-content .filter input');
+        let entitySearchInput = document.querySelector('#entityFilterTerm');
+        let hasEntitySearch = entitySearchInput && '' !== entitySearchInput.value;
         let activeFilters = Array.from(allFilters).filter(input => '' !== input.value);
-        if(0 < activeFilters.length){
+        if(0 < activeFilters.length || hasEntitySearch){
             filtersToggleContent.classList.remove('hidden');
-            let paginationLinks = document.querySelectorAll('.pagination a');
-            let filtersForm = document.querySelector('#filter-form');
-            if(paginationLinks && filtersForm){
-                for(let link of paginationLinks){
-                    link.addEventListener('click', (event) => {
-                        event.stopPropagation();
-                        event.preventDefault();
-                        filtersForm.action = link.href;
-                        filtersForm.submit();
-                        return false;
-                    })
-                }
+        }
+        let paginationLinks = document.querySelectorAll('.pagination a');
+        if(paginationLinks && filterForm){
+            for(let link of paginationLinks){
+                link.addEventListener('click', (event) => {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    let url = new URL(link.href);
+                    let params = new URLSearchParams(url.search);
+                    if(entitySearchInput && entitySearchInput.value){
+                        params.set('entityFilterTerm', entitySearchInput.value);
+                    }
+                    for(let filterInput of allFilters){
+                        if(filterInput.value){
+                            let filterName = filterInput.name;
+                            params.set(filterName, filterInput.value);
+                        }
+                    }
+                    let newUrl = url.pathname + '?' + params;
+                    window.location.href = newUrl;
+                    return false;
+                })
             }
         }
     }
@@ -216,19 +186,31 @@ window.addEventListener('DOMContentLoaded', () => {
     let deleteSelectionForm = document.getElementById('delete-selection-form');
     let hiddenInput = document.querySelector('.hidden-ids-input');
     if(listDeleteSelection && deleteSelectionForm && hiddenInput){
-        listDeleteSelection.addEventListener('click', () => {
-            if(!confirm('Are you sure?')){
-                return;
-            }
-            let checkboxes = document.querySelectorAll('.ids-checkbox');
-            let ids = [];
-            for(let checkbox of checkboxes){
-                if(checkbox.checked){
-                    ids.push(checkbox.value);
+        listDeleteSelection.addEventListener('click', (event) => {
+            event.preventDefault();
+            showConfirmDialog((confirmed) => {
+                if(confirmed){
+                    let checkboxes = document.querySelectorAll('.ids-checkbox');
+                    let ids = [];
+                    for(let checkbox of checkboxes){
+                        if(checkbox.checked){
+                            ids.push(parseInt(checkbox.value));
+                        }
+                    }
+                    if(0 === ids.length){
+                        return;
+                    }
+                    deleteSelectionForm.innerHTML = '';
+                    for(let id of ids){
+                        let input = document.createElement('input');
+                        input.type = 'hidden';
+                        input.name = 'ids[]';
+                        input.value = id;
+                        deleteSelectionForm.appendChild(input);
+                    }
+                    deleteSelectionForm.submit();
                 }
-            }
-            hiddenInput.value = ids.join(',');
-            deleteSelectionForm.submit();
+            });
         });
     }
 
@@ -278,25 +260,18 @@ window.addEventListener('DOMContentLoaded', () => {
 
     // cache clear all functionality:
     let cacheClearAllButton = document.querySelector('.cache-clear-all-button');
-    let cacheConfirmDialog = document.querySelector('.cache-confirm-dialog');
-    let cacheDialogCancel = document.querySelector('.cache-dialog-cancel');
     let cacheClearForm = document.querySelector('.cache-clear-form');
-    if(cacheClearAllButton && cacheConfirmDialog){
+    if(cacheClearAllButton){
         cacheClearAllButton.addEventListener('click', () => {
-            cacheConfirmDialog.showModal();
-        });
-    }
-    if(cacheDialogCancel && cacheConfirmDialog){
-        cacheDialogCancel.addEventListener('click', () => {
-            cacheConfirmDialog.close();
-        });
-    }
-    if(cacheClearForm){
-        cacheClearForm.addEventListener('submit', (event) => {
-            let submitButton = cacheClearForm.querySelector('button[type="submit"]');
-            if(submitButton){
-                submitButton.disabled = true;
-            }
+            showConfirmDialog((confirmed) => {
+                if(confirmed && cacheClearForm){
+                    let submitButton = cacheClearForm.querySelector('button[type="submit"]');
+                    if(submitButton){
+                        submitButton.disabled = true;
+                    }
+                    cacheClearForm.submit();
+                }
+            });
         });
     }
 

package/admin/templates/clear-all-cache-button.html

@@ -1,17 +1,17 @@
 <button type="button" class="button button-warning cache-clear-all-button">
     {{buttonText}}
 </button>
-<dialog class="cache-confirm-dialog">
-    <div class="cache-dialog-content">
-        <h5>{{confirmTitle}}</h5>
-        <p>{{confirmMessage}}</p>
+<dialog class="confirm-dialog">
+    <div class="dialog-content">
+        <h5 class="dialog-title">{{confirmTitle}}</h5>
+        <p class="dialog-message">{{confirmMessage}}</p>
         <div class="alert cache-warning">
             <strong>{{warningText}}</strong> {{warningMessage}}
         </div>
-        <div class="cache-dialog-actions">
-            <button type="button" class="button button-secondary cache-dialog-cancel">{{cancelText}}</button>
+        <div class="dialog-actions">
+            <button type="button" class="button button-secondary dialog-cancel">{{cancelText}}</button>
             <form method="post" action="{{clearAllCacheRoute}}" class="cache-clear-form">
-                <button type="submit" class="button button-danger">{{confirmText}}</button>
+                <button type="submit" class="button button-danger dialog-confirm">{{confirmText}}</button>
             </form>
         </div>
     </div>

package/admin/templates/edit.html

@@ -1,5 +1,11 @@
 <div class="entity-edit {{&entityName}}-edit">
     <h2>{{&templateTitle}}</h2>
+    <div class="actions">
+        <button class="button button-primary button-submit" type="submit" form="edit-form" name="saveAction" value="save">Save</button>
+        <button class="button button-primary button-submit" type="submit" form="edit-form" name="saveAction" value="saveAndContinue">Save and continue...</button>
+        <button class="button button-primary button-submit" type="submit" form="edit-form" name="saveAction" value="saveAndGoBack">Save and go back</button>
+        <a class="button button-secondary button-back" href="{{&entityViewRoute}}">Cancel</a>
+    </div>
     <form name="edit-form" id="edit-form" action="{{&entitySaveRoute}}" method="post"{{&multipartFormData}}>
         <input type="hidden" name="{{&idProperty}}" value="{{&idValue}}"/>
         <div class="edit-field">
@@ -18,6 +24,7 @@
         <div class="actions">
             <button class="button button-primary button-submit" type="submit" name="saveAction" value="save">Save</button>
             <button class="button button-primary button-submit" type="submit" name="saveAction" value="saveAndContinue">Save and continue...</button>
+            <button class="button button-primary button-submit" type="submit" name="saveAction" value="saveAndGoBack">Save and go back</button>
             <a class="button button-secondary button-back" href="{{&entityViewRoute}}">Cancel</a>
         </div>
     </form>

package/admin/templates/layout.html

@@ -1,15 +1,21 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <title>{{&brandingCompanyName}}</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Play:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"/>
-    <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.6.0/firebase-ui-auth.css"/>
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png"/>
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png"/>
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png"/>
-    <link rel="manifest" href="/site.webmanifest"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
-    <link rel="stylesheet" type="text/css" href="{{stylesFilePath}}"/>
+    <meta name="language" content="en"/>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover"/>
+    <!-- favicons -->
+    <meta name="msapplication-config" content="/assets/favicons/default/browserconfig.xml"/>
+    <link rel="icon" href="/assets/favicons/default/favicon.ico" type="image/x-icon"/>
+    <link rel="shortcut icon" href="/assets/favicons/default/favicon.ico" type="image/x-icon">
+    <link rel="manifest" href="/assets/favicons/default/site.webmanifest"/>
+    <!-- CSS and JS -->
+    <link crossorigin rel="preconnect" href="https://fonts.googleapis.com"/>
+    <link crossorigin rel="preconnect" href="https://fonts.gstatic.com"/>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Play:300,300i,400,400i,500,500i,600,600i,700,700i"/>
+    <link rel="stylesheet" href="{{stylesFilePath}}"/>
+    <script type="text/javascript" src="/js/functions.js"></script>
     <script type="module" src="{{scriptsFilePath}}"></script>
 </head>
 <body class="reldens-admin-panel">

package/admin/templates/list-content.html

@@ -1,11 +1,13 @@
 <tr class="row row-header">
     <th class="field field-actions">
         <div class="field-actions-container">
-            <button class="button button-primary list-select" data-checked="1">Select All/None</button>
             <form name="delete-selection-form" id="delete-selection-form" action="{{&deletePath}}" method="post">
                 <input type="hidden" name="ids" class="hidden-ids-input"/>
-                <button class="button button-danger list-delete-selection">Delete Selection</button>
+                <button class="button button-danger list-delete-selection">Bulk Delete</button>
             </form>
+            <button class="button button-primary list-select" data-checked="1">
+                <input type="checkbox" id="input-check-select-all"/>
+            </button>
         </div>
     </th>
     {{#fieldsHeaders}}

package/admin/templates/list.html

@@ -8,10 +8,20 @@
     </div>
     <div class="sub-content filters">
         <form class="sub-content-form filter-form" name="filter-form" id="filter-form" action="{{&entityListRoute}}" method="post">
-            <h4 class="filters-toggle">
-                <img src="/assets/admin/filters.png" alt="Filters"/>
-                <span>Filters</span>
-            </h4>
+            <div class="filters-header">
+                <div class="search-controls">
+                    <div class="filters-toggle">
+                        <img src="/assets/admin/filters.png" alt="Filters"/>
+                    </div>
+                    <div class="search-input-group">
+                        <input type="text" id="entityFilterTerm" name="entityFilterTerm" placeholder="Search..." value="{{&entityFilterTermValue}}"/>
+                    </div>
+                    <div class="filter-actions">
+                        <input class="button button-primary button-filter" type="submit" value="Filter"/>
+                        <a class="button button-secondary button-clear-filter" href="{{&entityListRoute}}?clearFilters=true">Clear Filters</a>
+                    </div>
+                </div>
+            </div>
             <div class="filters-toggle-content hidden">
                 {{#filters}}
                 <div class="sub-content-box filter">
@@ -19,10 +29,6 @@
                     <input type="text" id="filter-{{&propertyKey}}" name="filters[{{&propertyKey}}]"{{&value}}/>
                 </div>
                 {{/filters}}
-                <div class="actions">
-                    <input class="button button-primary button-filter" type="submit" value="Filter"/>
-                    <a class="button button-secondary button-clear-filter" href="{{&entityListRoute}}">Clear Filters</a>
-                </div>
             </div>
         </form>
     </div>
@@ -33,3 +39,13 @@
         {{&pagination}}
     </div>
 </div>
+<dialog class="confirm-dialog">
+    <div class="dialog-content">
+        <h5 class="dialog-title">Confirm Delete</h5>
+        <p class="dialog-message">Are you sure you want to delete the selected items? This action cannot be undone.</p>
+        <div class="dialog-actions">
+            <button type="button" class="button button-secondary dialog-cancel">Cancel</button>
+            <button type="button" class="button button-danger dialog-confirm">Delete</button>
+        </div>
+    </div>
+</dialog>

package/admin/templates/view.html

@@ -1,5 +1,16 @@
 <div class="entity-view {{&entityName}}-view">
     <h2>{{&templateTitle}}</h2>
+    <div class="actions">
+        <a class="button button-primary" href="{{&entityNewRoute}}">Create New</a>
+        <a class="button button-primary" href="{{&entityEditRoute}}">Edit</a>
+        <a class="button button-secondary" href="{{&entityListRoute}}">Back</a>
+        <form class="form-delete" name="delete-form-top-{{&id}}" id="delete-form-top-{{&id}}" action="{{&entityDeleteRoute}}" method="post">
+            <span>
+                <input type="hidden" name="ids[]" value="{{&id}}"/>
+                <button class="button button-danger" type="submit">Delete</button>
+            </span>
+        </form>
+    </div>
     {{#fields}}
     <div class="view-field">
         <span class="field-name">{{&name}}</span>
@@ -22,3 +33,13 @@
         </div>
     </div>
 </div>
+<dialog class="confirm-dialog">
+    <div class="dialog-content">
+        <h5 class="dialog-title">Confirm Delete</h5>
+        <p class="dialog-message">Are you sure you want to delete this item? This action cannot be undone.</p>
+        <div class="dialog-actions">
+            <button type="button" class="button button-secondary dialog-cancel">Cancel</button>
+            <button type="button" class="button button-danger dialog-confirm">Delete</button>
+        </div>
+    </div>
+</dialog>

package/lib/admin-manager/admin-filters-manager.js

@@ -0,0 +1,177 @@
+/**
+ *
+ * Reldens - AdminFiltersManager
+ *
+ */
+
+const { Logger } = require('@reldens/utils');
+
+class AdminFiltersManager
+{
+
+    getFiltersFromSession(req, entityPath)
+    {
+        if(!req?.session){
+            return {regular: {}, entityFilterTerm: ''};
+        }
+        let sessionKey = 'adminFilters_'+entityPath;
+        let sessionData = req.session[sessionKey];
+        if(!sessionData || 'object' !== typeof sessionData){
+            return {regular: {}, entityFilterTerm: ''};
+        }
+        return {
+            regular: sessionData.regular || {},
+            entityFilterTerm: sessionData.entityFilterTerm || ''
+        };
+    }
+
+    saveFiltersToSession(req, entityPath, filters)
+    {
+        if(!req?.session){
+            return false;
+        }
+        let sessionKey = 'adminFilters_'+entityPath;
+        req.session[sessionKey] = filters;
+        return true;
+    }
+
+    clearFiltersFromSession(req, entityPath)
+    {
+        if(!req?.session){
+            return false;
+        }
+        let sessionKey = 'adminFilters_'+entityPath;
+        delete req.session[sessionKey];
+        return true;
+    }
+
+    prepareTextFilters(entityFilterTerm, driverResource)
+    {
+        if(!entityFilterTerm || '' === entityFilterTerm.trim()){
+            return {};
+        }
+        let textFields = [];
+        for(let propertyKey of Object.keys(driverResource.options.properties)){
+            let property = driverResource.options.properties[propertyKey];
+            if(property.isId){
+                continue;
+            }
+            if(property.isUpload){
+                continue;
+            }
+            if('reference' === property.type){
+                continue;
+            }
+            if('boolean' === property.type){
+                continue;
+            }
+            if('number' === property.type){
+                continue;
+            }
+            if('datetime' === property.type){
+                continue;
+            }
+            if('int' === property.dbType){
+                continue;
+            }
+            if('bigint' === property.dbType){
+                continue;
+            }
+            if('decimal' === property.dbType){
+                continue;
+            }
+            if('float' === property.dbType){
+                continue;
+            }
+            if('double' === property.dbType){
+                continue;
+            }
+            if('datetime' === property.dbType){
+                continue;
+            }
+            if('timestamp' === property.dbType){
+                continue;
+            }
+            if('date' === property.dbType){
+                continue;
+            }
+            if('time' === property.dbType){
+                continue;
+            }
+            if('boolean' === property.dbType){
+                continue;
+            }
+            textFields.push(propertyKey);
+        }
+        if(0 === textFields.length){
+            return {};
+        }
+        let orConditions = [];
+        for(let field of textFields){
+            orConditions.push({
+                [field]: {operator: 'LIKE', value: '%'+entityFilterTerm+'%'}
+            });
+        }
+        return {OR: orConditions};
+    }
+
+    combineFilters(regularFilters, textFilters)
+    {
+        let hasRegularFilters = regularFilters && 'object' === typeof regularFilters && 0 < Object.keys(regularFilters).length;
+        let hasTextFilters = textFilters && 'object' === typeof textFilters && 0 < Object.keys(textFilters).length;
+        if(!hasRegularFilters && !hasTextFilters){
+            return {};
+        }
+        if(!hasRegularFilters){
+            return textFilters;
+        }
+        if(!hasTextFilters){
+            return regularFilters;
+        }
+        return {
+            AND: [
+                regularFilters,
+                textFilters
+            ]
+        };
+    }
+
+    prepareFilters(filtersList, driverResource)
+    {
+        if(!filtersList || 'object' !== typeof filtersList || 0 === Object.keys(filtersList).length){
+            return {};
+        }
+        let filters = {};
+        for(let i of Object.keys(filtersList)){
+            let filter = filtersList[i];
+            if('' === filter || null === filter || undefined === filter){
+                continue;
+            }
+            let rawConfigFilterProperties = driverResource.options.properties[i];
+            if(!rawConfigFilterProperties){
+                Logger.critical('Could not found property by key.', i);
+                continue;
+            }
+            if(rawConfigFilterProperties.isUpload){
+                continue;
+            }
+            if('reference' === rawConfigFilterProperties.type){
+                filters[i] = Number(filter);
+                continue;
+            }
+            if('boolean' === rawConfigFilterProperties.type){
+                filters[i] = ('true' === filter || '1' === filter || 1 === filter);
+                continue;
+            }
+            if('number' === rawConfigFilterProperties.type || rawConfigFilterProperties.isId){
+                filters[i] = Number(filter);
+                continue;
+            }
+            filters[i] = {operator: 'LIKE', value: '%'+filter+'%'};
+        }
+        return filters;
+    }
+
+}
+
+module.exports.AdminFiltersManager = AdminFiltersManager;

package/lib/admin-manager/contents-builder.js

@@ -167,6 +167,7 @@ class ContentsBuilder
                         templateTitle,
                         entityListRoute,
                         entityEditRoute,
+                        entityFilterTermValue: '{{&entityFilterTermValue}}',
                         filters,
                         list: '{{&list}}',
                         pagination: '{{&pagination}}',