@reldens/cms 0.18.0 → 0.19.0

package/README.md

@@ -157,18 +157,18 @@ Templates support dynamic content blocks, entity rendering, and collections with
 ```html
 <!-- Loop through records with full template rendering -->
 <collection name="cmsBlocks" filters="{status: 'active'}">
-  <div class="block">
-    <h3>{{row.title}}</h3>
-    <div class="content">{{row.content}}</div>
-  </div>
+    <div class="block">
+        <h3>{{row.title}}</h3>
+        <div class="content">{{row.content}}</div>
+    </div>
 </collection>
 
 <collection name="articles" filters="{category: 'technology'}">
-  <div class="article">
-    <h4>{{row.title}}</h4>
-    <p>{{row.summary}}</p>
-    <img src="{{row.featured_image}}" alt="{{row.title}}">
-  </div>
+    <div class="article">
+        <h4>{{row.title}}</h4>
+        <p>{{row.summary}}</p>
+        <img src="{{row.featured_image}}" alt="{{row.title}}">
+    </div>
 </collection>
 
 <!-- With pagination and sorting -->
@@ -178,8 +178,91 @@ Templates support dynamic content blocks, entity rendering, and collections with
     <p>{{row.summary}}</p>
   </div>
 </collection>
+
+<!-- Paginated collections with navigation -->
+<collection name="articles" 
+    filters="{featured: true}" 
+    data="{limit: 10, sortBy: 'created_at', sortDirection: 'desc'}" 
+    pagination="articles-1" 
+    container="pagedCollection"
+    prevPages="2" 
+    nextPages="2">
+    <div class="article-card">
+        <h4>{{row.title}}</h4>
+        <p>{{row.summary}}</p>
+        <span class="date">{{row.created_at}}</span>
+    </div>
+</collection>
+
+<!-- Multiple paginated collections on the same page -->
+<collection name="news" 
+    filters="{category: 'technology'}" 
+    data="{limit: 5, sortBy: 'published_at'}" 
+    pagination="news-tech" 
+    container="customPager">
+    <article>{{row.title}}</article>
+</collection>
+
+<collection name="events" 
+    filters="{upcoming: true}" 
+    data="{limit: 8}" 
+    pagination="events-upcoming"
+    prevPages="3"
+    nextPages="1">
+    <div class="event">{{row.title}} - {{row.date}}</div>
+</collection>
+```
+
+**Pagination Attributes:**
+- `pagination="collection-id"` - Enables pagination with unique identifier
+- `container="templateName"` - Custom pagination template (defaults to "pagedCollection")
+- `prevPages="2"` - Number of previous page links to show (default: 2)
+- `nextPages="2"` - Number of next page links to show (default: 2)
+
+**Pagination URL Parameters:**
+Pagination state is managed via URL query parameters:
+```
+/articles?articles-1-key={"page":2,"limit":10,"sortBy":"created_at","sortDirection":"desc"}
+/news?news-tech-key={"page":3,"limit":5,"category":"technology"}
+```
+
+**Custom Pagination Template:**
+Create `templates/partials/pagedCollection.html`:
+```html
+<div class="row paginated-contents">
+    <div class="collection-content col-lg-12 mt-2 mb-2">
+        {{&collectionContentForCurrentPage}}
+    </div>
+    <div class="pagination col-lg-12 mt-2 mb-2">
+        <ul class="pagination-list">
+            {{#prevPageUrl}}
+                <li><a href="{{prevPageUrl}}" class="page-link">{{&prevPageLabel}}</a></li>
+            {{/prevPageUrl}}
+            {{#prevPages}}
+                <li><a href="{{pageUrl}}" class="page-link">{{&pageLabel}}</a></li>
+            {{/prevPages}}
+            <li class="current">{{&currentPage}}</li>
+            {{#nextPages}}
+                <li><a href="{{pageUrl}}" class="page-link">{{&pageLabel}}</a></li>
+            {{/nextPages}}
+            {{#nextPageUrl}}
+                <li><a href="{{nextPageUrl}}" class="page-link">{{&nextPageLabel}}</a></li>
+            {{/nextPageUrl}}
+        </ul>
+    </div>
+</div>
 ```
 
+**Available Pagination Template Variables:**
+- `{{&collectionContentForCurrentPage}}` - Rendered collection items for current page
+- `{{currentPage}}` - Current page number
+- `{{totalPages}}` - Total number of pages
+- `{{totalRecords}}` - Total number of records
+- `{{prevPageUrl}}` / `{{nextPageUrl}}` - Previous/next page URLs
+- `{{&prevPageLabel}}` / `{{&nextPageLabel}}` - Previous/next link labels ("Previous"/"Next")
+- `{{#prevPages}}` / `{{#nextPages}}` - Arrays of page objects with `pageUrl` and `pageLabel`
+- `{{hasNextPage}}` / `{{hasPrevPage}}` - Boolean flags for navigation availability
+
 **Custom Partials with Variables:**
 
 *New HTML-style partial tags:*

package/admin/reldens-admin-client.css

@@ -818,9 +818,10 @@
     }
 
     .extra-actions {
-        display: block;
+        display: flex;
         width: 100%;
-        margin-top: 2rem;
+        justify-content: end;
+        margin: 1rem 0;
     }
 
     .cache-clean-form {
@@ -847,4 +848,47 @@
         overflow: auto;
     }
 
+    .cache-confirm-dialog {
+        border: none;
+        border-radius: 8px;
+        padding: 0;
+        max-width: 500px;
+        width: 90%;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    }
+
+    .cache-confirm-dialog::backdrop {
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    .cache-dialog-content {
+        padding: 1rem;
+    }
+
+    .cache-dialog-content h5 {
+        margin: 0 0 1rem 0;
+        font-size: 18px;
+        color: var(--darkGrey);
+    }
+
+    .cache-dialog-content p {
+        margin: 0 0 1rem 0;
+        color: var(--darkGrey);
+    }
+
+    .cache-warning {
+        padding: 1rem;
+        background-color: #fff3cd;
+        border: 1px solid #ffeaa7;
+        border-radius: 4px;
+        color: #856404;
+        margin-bottom: 1rem;
+    }
+
+    .cache-dialog-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 1rem;
+    }
+
 }

package/admin/reldens-admin-client.js

@@ -276,4 +276,28 @@ 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){
+        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;
+            }
+        });
+    }
+
 });

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

@@ -0,0 +1,18 @@
+<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>
+        <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>
+            <form method="post" action="{{clearAllCacheRoute}}" class="cache-clear-form">
+                <button type="submit" class="button button-danger">{{confirmText}}</button>
+            </form>
+        </div>
+    </div>
+</dialog>

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

@@ -37,7 +37,10 @@ class ContentsBuilder
         this.adminContents.layout = await this.buildLayout();
         this.adminContents.sideBar = await this.buildSideBar();
         this.adminContents.login = await this.renderRoute(this.adminFilesContents.login, '');
-        this.adminContents.dashboard = await this.renderRoute(this.adminFilesContents.dashboard, this.adminContents.sideBar);
+        this.adminContents.dashboard = await this.renderRoute(
+            this.adminFilesContents.dashboard,
+            this.adminContents.sideBar
+        );
         this.adminContents.entities = await this.buildEntitiesContents();
         await this.emitEvent('reldens.buildAdminContentsAfter');
         return this.adminContents;
@@ -67,7 +70,8 @@ class ContentsBuilder
         navigationContents = eventBuildSideBarBefore.navigationContents;
         for(let driverResource of this.resources()){
             let navigation = driverResource.options?.navigation;
-            let name = this.translations.labels[driverResource.id()] || this.translations.labels[driverResource.entityKey];
+            let name = this.translations.labels[driverResource.id()]
+                || this.translations.labels[driverResource.entityKey];
             let path = this.rootPath+'/'+(driverResource.id().replace(/_/g, '-'));
             if(navigation?.name){
                 if(!navigationContents[navigation.name]){
@@ -93,10 +97,7 @@ class ContentsBuilder
                 for(let subId of Object.keys(navigationContents[id])){
                     subItems += navigationContents[id][subId];
                 }
-                navigationView += await this.render(
-                    this.adminFilesContents.sideBarHeader,
-                    {name: id, subItems}
-                );
+                navigationView += await this.render(this.adminFilesContents.sideBarHeader, {name: id, subItems});
                 continue;
             }
             navigationView += navigationContents[id];

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

@@ -51,6 +51,14 @@ class RouterContents
                 }
             );
         }
+        let listProperties = {
+            entityNewRoute: this.rootPath+'/'+driverResource.entityPath+this.editPath
+        };
+        await this.emitEvent('reldens.adminListPropertiesPopulation', {
+            req,
+            driverResource,
+            listProperties
+        });
         return await this.adminContentsRenderRoute(
             await this.adminContentsRender(
                 this.adminContentsEntities()[entityPath].list,
@@ -67,7 +75,8 @@ class RouterContents
                         }),
                         rows: await this.loadEntitiesForList(driverResource, pageSize, currentPage, req, filters)
                     }),
-                    pagination: renderedPagination
+                    pagination: renderedPagination,
+                    extraContentForList: sc.get(listProperties, 'extraContentForList', '')
                 }, ...driverResource.options.filterProperties.map((property) => {
                     let filterValue = (filtersFromParams[property] || '');
                     return {[property]: '' === filterValue ? '' : 'value="'+filterValue+'"'};
@@ -274,13 +283,21 @@ class RouterContents
                 );
                 fields.push({
                     name: property,
-                    value: await this.generatePropertyRenderedValue(fieldValue, fieldName, resourceProperties[property]),
-                    viewLink: '' !== idProperty ? this.generateEntityRoute('viewPath', driverResource, idProperty, entity) : ''
+                    value: await this.generatePropertyRenderedValue(
+                        fieldValue,
+                        fieldName,
+                        resourceProperties[property]
+                    ),
+                    viewLink: '' !== idProperty
+                        ? this.generateEntityRoute('viewPath', driverResource, idProperty, entity)
+                        : ''
                 });
             }
             entityRows.push({
                 fields,
-                editLink: '' !== idProperty ? this.generateEntityRoute('editPath', driverResource, idProperty, entity) : '',
+                editLink: '' !== idProperty
+                    ? this.generateEntityRoute('editPath', driverResource, idProperty, entity)
+                    : '',
                 deleteLink: this.rootPath + '/' + driverResource.entityPath + this.deletePath,
                 id: entity[idProperty]
             });
@@ -317,12 +334,13 @@ class RouterContents
                 continue;
             }
             for(let entity of entities){
+                let bucket = sc.get(property, 'bucket', '');
                 if(!property.isArray){
-                    FileHandler.remove([(property.bucket || ''), entity[propertyKey]]);
+                    FileHandler.remove([bucket, entity[propertyKey]]);
                     continue;
                 }
                 for(let entityFile of entity[propertyKey].split(property.isArray)){
-                    FileHandler.remove([(property.bucket || ''), entityFile]);
+                    FileHandler.remove([bucket, entityFile]);
                 }
             }
         }
@@ -337,7 +355,10 @@ class RouterContents
             }
             let propertyUpdateValue = sc.get(req.body, i, null);
             let property = resourceProperties[i];
-            let propertyType = property.type || 'string';
+            if('null' === propertyUpdateValue){
+                propertyUpdateValue = null;
+            }
+            let propertyType = sc.get(property, 'type', 'string');
             if(property.isUpload){
                 propertyType = 'upload';
                 propertyUpdateValue = this.prepareUploadPatchData(req, i, propertyUpdateValue, property);
@@ -345,21 +366,23 @@ class RouterContents
             if('boolean' === propertyType){
                 propertyUpdateValue = '1' === propertyUpdateValue || 'on' === propertyUpdateValue;
             }
-            if('number' === propertyType && null !== propertyUpdateValue && '' !== propertyUpdateValue){
+            let isEmpty = '' === propertyUpdateValue;
+            let isNull = null === propertyUpdateValue;
+            if('number' === propertyType && !isNull && !isEmpty){
                 propertyUpdateValue = Number(propertyUpdateValue);
             }
-            if('string' === propertyType && null !== propertyUpdateValue && '' !== propertyUpdateValue){
+            if('string' === propertyType && !isNull && !isEmpty){
                 propertyUpdateValue = String(propertyUpdateValue);
             }
-            if('' === propertyUpdateValue && !property.isRequired){
+            if(isEmpty && !property.isRequired){
                 propertyUpdateValue = null;
             }
             let isUploadCreate = property.isUpload && !id;
-            if(property.isRequired && (null === propertyUpdateValue || '' === propertyUpdateValue) && (!property.isUpload || isUploadCreate)){
+            if(property.isRequired && (isNull || isEmpty) && (!property.isUpload || isUploadCreate)){
                 Logger.critical('Bad patch data on update.', propertyUpdateValue, property);
                 return false;
             }
-            if(!property.isUpload || (property.isUpload && null !== propertyUpdateValue)){
+            if(!property.isUpload || (property.isUpload && !isNull)){
                 entityDataPatch[i] = propertyUpdateValue;
             }
         }
@@ -405,9 +428,14 @@ class RouterContents
     generatePropertyRenderedValueWithLabel(entity, propertyKey, resourceProperty)
     {
         let fieldValue = (0 === entity[propertyKey] ? '0' : entity[propertyKey] || '');
+        if(sc.isObject(fieldValue) && 'json' === resourceProperty.dbType){
+            fieldValue = sc.toJsonString(fieldValue);
+        }
         let fieldName = propertyKey;
         if('boolean' === resourceProperty.type){
-            fieldValue = 1 === entity[propertyKey] || '1' === entity[propertyKey] || true === entity[propertyKey] ? 'Yes' : 'No';
+            fieldValue = 1 === entity[propertyKey]
+            || '1' === entity[propertyKey]
+            || true === entity[propertyKey] ? 'Yes' : 'No';
         }
         if('datetime' === resourceProperty.type){
             fieldValue = '' !== fieldValue ? sc.formatDate(new Date(fieldValue)) : '';
@@ -440,8 +468,16 @@ class RouterContents
     {
         let entityPropertyValue = sc.get(entity, propertyKey, null);
         let fieldValue = (0 === entityPropertyValue ? '0' : entityPropertyValue || '');
+        if('null' === fieldValue){
+            fieldValue = '';
+        }
+        if(sc.isObject(fieldValue) && 'json' === resourceProperty.dbType){
+            fieldValue = sc.toJsonString(fieldValue);
+        }
         if('boolean' === resourceProperty.type){
-            fieldValue = 1 === entityPropertyValue || '1' === entityPropertyValue || true === entityPropertyValue ? ' checked="checked"' : '';
+            fieldValue = 1 === entityPropertyValue
+                || '1' === entityPropertyValue
+                || true === entityPropertyValue ? ' checked="checked"' : '';
         }
         if('datetime' === resourceProperty.type){
             fieldValue = !entityPropertyValue || '' === entityPropertyValue
@@ -452,7 +488,9 @@ class RouterContents
             let relationDriverResource = this.resourcesByReference()[resourceProperty.reference];
             let relation = this.relations()[resourceProperty.reference];
             let relationKey = resourceProperty.alias || resourceProperty.reference;
-            let relationTitleProperty = relation ? relation[relationKey] : this.fetchEntityIdPropertyKey(relationDriverResource);
+            let relationTitleProperty = relation
+                ? relation[relationKey]
+                : this.fetchEntityIdPropertyKey(relationDriverResource);
             let options = (await this.fetchRelationOptions(relationDriverResource)).map((option) => {
                 let value = option[this.fetchEntityIdPropertyKey(relationDriverResource)];
                 return {
@@ -462,10 +500,11 @@ class RouterContents
                 };
             });
             if(!resourceProperty.isRequired){
+                let isSelected = !entity || null === entity[propertyKey] || '' === entity[propertyKey];
                 options.unshift({
                     label: '-- Select --',
                     value: '',
-                    selected: (!entity || null === entity[propertyKey] || '' === entity[propertyKey]) ? ' selected="selected"' : ''
+                    selected: isSelected ? ' selected="selected"' : ''
                 });
             }
             return options;
@@ -476,6 +515,9 @@ class RouterContents
     async fetchRelationOptions(relationDriverResource)
     {
         let relationEntityRepository = this.dataServer.getEntity(relationDriverResource.entityKey);
+        if(!relationEntityRepository){
+            return false;
+        }
         return await relationEntityRepository.loadAll();
     }
 

package/lib/admin-manager-validator.js

@@ -3,6 +3,7 @@
  * Reldens - AdminManagerValidator
  *
  */
+
 const { ValidatorInterface, Logger } = require('@reldens/utils');
 
 class AdminManagerValidator extends ValidatorInterface
@@ -29,7 +30,7 @@ class AdminManagerValidator extends ValidatorInterface
                 return false;
             }
         }
-        return true
+        return true;
     }
 
 }

package/lib/admin-manager.js

@@ -115,7 +115,7 @@ class AdminManager
             viewPath: this.viewPath,
             editPath: this.editPath,
             deletePath: this.deletePath,
-            emitEvent: (eventName, eventData = {}) => this.events.emit(eventName, {adminManager: this, ...eventData}),
+            emitEvent: this.emitEvent,
             adminContentsRender: (...args) => this.contentsBuilder.render(...args),
             adminContentsRenderRoute: (...args) => this.contentsBuilder.renderRoute(...args),
             adminContentsEntities: () => this.contentsBuilder.adminContents.entities,
@@ -135,8 +135,10 @@ class AdminManager
             cacheManager: this.cacheManager,
             renderCallback: this.renderCallback,
             cacheCleanButton: this.adminFilesContents.cacheCleanButton,
+            clearAllCacheButton: this.adminFilesContents.clearAllCacheButton,
             translations: this.translations,
-            cacheCleanRoute: this.cacheRoutesHandler.cacheCleanRoute
+            cacheCleanRoute: this.cacheRoutesHandler.cacheCleanRoute,
+            clearAllCacheRoute: this.cacheRoutesHandler.clearAllCacheRoute
         });
     }
 

package/lib/admin-translations.js

@@ -21,7 +21,9 @@ class AdminTranslations
                 reldensGithubText: 'Need a new feature?'
                     +' Would you like to contribute with code?'
                     +' Find the source code or create an issue in GitHub',
-                reldensLoading: 'Loading...'
+                reldensLoading: 'Loading...',
+                confirmClearCacheMessage: 'Are you sure you want to clear all cache? This action cannot be undone.',
+                clearCacheWarning: 'This will clear all cached routes and may impact site performance temporarily.'
             },
             labels: {
                 navigation: 'Reldens - CMS',
@@ -32,6 +34,12 @@ class AdminTranslations
                 shuttingDown: 'Server is shutting down in:',
                 submitShutdownLabel: 'Shutdown Server',
                 submitCancelLabel: 'Cancel Server Shutdown',
+                cleanCache: 'Clean Cache',
+                clearAllCache: 'Clear All Cache',
+                confirmClearCache: 'Confirm Clear Cache',
+                warning: 'Warning:',
+                cancel: 'Cancel',
+                confirm: 'Continue',
             }
         };
         for(let i of Object.keys(translations)){

package/lib/cache/add-cache-button-subscriber.js

@@ -15,8 +15,10 @@ class AddCacheButtonSubscriber
         this.cacheManager = sc.get(props, 'cacheManager', false);
         this.renderCallback = sc.get(props, 'renderCallback', false);
         this.cacheCleanButton = sc.get(props, 'cacheCleanButton', '');
+        this.clearAllCacheButton = sc.get(props, 'clearAllCacheButton', '');
         this.translations = sc.get(props, 'translations', {});
         this.cacheCleanRoute = sc.get(props, 'cacheCleanRoute', '');
+        this.clearAllCacheRoute = sc.get(props, 'clearAllCacheRoute', '');
         this.setupEvents();
     }
 
@@ -37,14 +39,14 @@ class AddCacheButtonSubscriber
         //Logger.debug('Listening events PropertiesPopulation.');
         this.events.on('reldens.adminViewPropertiesPopulation', this.populateViewFields.bind(this));
         this.events.on('reldens.adminEditPropertiesPopulation', this.populateEditFields.bind(this));
-
+        this.events.on('reldens.adminListPropertiesPopulation', this.populateListFields.bind(this));
     }
 
     async populateViewFields(event)
     {
         let cacheButton = await this.generateCacheCleanButton(event);
         if(!cacheButton){
-            Logger.warning('Missing cache button contents on AddCacheButtonSubscriber.');
+            //Logger.info('Missing cache button contents on AddCacheButtonSubscriber.');
             return false;
         }
         if(!event.renderedViewProperties.extraContentForView){
@@ -59,7 +61,7 @@ class AddCacheButtonSubscriber
     {
         let cacheButton = await this.generateCacheCleanButton(event);
         if(!cacheButton){
-            Logger.warning('Missing cache button contents on AddCacheButtonSubscriber.');
+            //Logger.info('Missing cache button contents on AddCacheButtonSubscriber.');
             return false;
         }
         if(!event.renderedEditProperties.extraContentForEdit){
@@ -70,12 +72,30 @@ class AddCacheButtonSubscriber
         return true;
     }
 
+    async populateListFields(event)
+    {
+        let clearAllButton = await this.generateClearAllCacheButton(event);
+        if(!clearAllButton){
+            return false;
+        }
+        if(!event.listProperties.extraContentForList){
+            event.listProperties.extraContentForList = '';
+        }
+        event.listProperties.extraContentForList += clearAllButton;
+        return true;
+    }
+
     async generateCacheCleanButton(event)
     {
         if('routes' !== event.driverResource.id()){
             return false;
         }
-        if(!event.loadedEntity || !event.loadedEntity.id){
+        if(!event.loadedEntity){
+            Logger.error('Missing loaded entity on AddCacheButtonSubscriber.');
+            return false;
+        }
+        if(!event.loadedEntity.id){
+            Logger.error('Missing loaded entity ID on AddCacheButtonSubscriber.');
             return false;
         }
         if(!this.cacheCleanButton){
@@ -91,7 +111,35 @@ class AddCacheButtonSubscriber
             {
                 cacheCleanRoute: this.cacheCleanRoute,
                 routeId: event.loadedEntity.id,
-                buttonText: sc.get(this.translations, 'cleanCache', 'Clean Cache')
+                buttonText: sc.get(this.translations.labels, 'cleanCache', 'cleanCache')
+            }
+        );
+    }
+
+    async generateClearAllCacheButton(event)
+    {
+        if('routes' !== event.driverResource.id()){
+            return false;
+        }
+        if(!this.clearAllCacheButton){
+            Logger.error('Clear all cache button template content not found');
+            return '';
+        }
+        if(!this.renderCallback){
+            Logger.error('Render callback not available for clear all cache button');
+            return '';
+        }
+        return await this.renderCallback(
+            this.clearAllCacheButton,
+            {
+                buttonText: sc.get(this.translations.labels, 'clearAllCache', 'clearAllCache'),
+                clearAllCacheRoute: this.clearAllCacheRoute,
+                confirmTitle: sc.get(this.translations.labels, 'confirmClearCache', 'confirmClearCache'),
+                confirmMessage: sc.get(this.translations.messages, 'confirmClearCacheMessage', 'confirmClearCacheMessage'),
+                warningText: sc.get(this.translations.labels, 'warning', 'warning'),
+                warningMessage: sc.get(this.translations.messages, 'clearCacheWarning', 'clearCacheWarning'),
+                cancelText: sc.get(this.translations.labels, 'cancel', 'cancel'),
+                confirmText: sc.get(this.translations.labels, 'confirm', 'confirm')
             }
         );
     }