@reldens/cms 0.59.0 → 0.61.0

package/.claude/hook-approvals.json

@@ -0,0 +1 @@
+{}

package/CLAUDE.md

@@ -1,7 +1,3 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
 ## Package Overview
 
 **@reldens/cms** is a comprehensive Content Management System package for Reldens. It provides a complete web application framework with:

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

@@ -128,22 +128,23 @@ class ContentsBuilder
             let idProperty = this.fetchEntityIdPropertyKey(driverResource);
             let editProperties = Object.keys(driverResource.options.properties);
             editProperties.splice(editProperties.indexOf(idProperty), 1);
+            let entityId = driverResource.id();
             let filters = driverResource.options.filterProperties.map((property) => {
                 return {
                     propertyKey: property,
-                    name: this.fetchTranslation(property),
+                    name: this.fetchTranslation(property, entityId),
                     value: '{{&'+property+'}}'
                 };
             });
             let fields = driverResource.options.showProperties.map((property) => {
                 return {
-                    name: this.fetchTranslation(property),
+                    name: this.fetchTranslation(property, entityId),
                     value: '{{&'+property+'}}'
                 };
             });
             let editFields = editProperties.map((property) => {
                 return {
-                    name: this.fetchTranslation(property),
+                    name: this.fetchTranslation(property, entityId),
                     value: '{{&'+property+'}}'
                 };
             });

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

@@ -220,7 +220,7 @@ class RouterContents
         let renderedEditProperties = {
             idValue,
             idProperty,
-            idPropertyLabel: this.fetchTranslation(idProperty),
+            idPropertyLabel: this.fetchTranslation(idProperty, driverResource.id()),
             templateTitle: (!idValue ? 'Create' : 'Edit')+' '+this.translations.labels[driverResource.id()],
             entityViewRoute: !idValue
                 ? this.rootPath+'/'+driverResource.entityPath

package/lib/admin-manager.js

@@ -265,7 +265,8 @@ class AdminManager
             return snippet;
         }
         if(group){
-            let translationGroup = sc.get(this.translations, group);
+            let fieldsTranslations = sc.get(this.translations, 'fields', {});
+            let translationGroup = sc.get(fieldsTranslations, group);
             if(translationGroup){
                 let translationByGroup = sc.get(translationGroup, snippet, '');
                 if('' !== translationByGroup){

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@reldens/cms",
     "scope": "@reldens",
-    "version": "0.59.0",
+    "version": "0.61.0",
     "description": "Reldens - CMS",
     "author": "Damian A. Pastorini",
     "license": "MIT",
@@ -34,10 +34,10 @@
         "url": "https://github.com/damian-pastorini/reldens-cms/issues"
     },
     "dependencies": {
-        "@reldens/server-utils": "^0.46.0",
-        "@reldens/storage": "^0.91.0",
-        "@reldens/utils": "^0.54.0",
-        "dotenv": "17.3.1",
+        "@reldens/server-utils": "^0.49.0",
+        "@reldens/storage": "^0.93.0",
+        "@reldens/utils": "^0.56.0",
+        "dotenv": "17.4.2",
         "mustache": "4.2.0"
     }
 }

package/templates/css/styles.css

@@ -107,3 +107,43 @@ img {
 .hidden {
     display: none;
 }
+
+[data-toggle="modal"], .clickable {
+    cursor: pointer;
+}
+
+.modal-overlay {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.modal {
+    max-width: 92vw;
+    max-height: 92vh;
+    padding: 1rem;
+    overflow: auto;
+    cursor: pointer;
+    background-color: #fff;
+    border-radius: 8px;
+}
+
+.modal.modal-fit {
+    overflow: hidden;
+    padding: 0;
+}
+
+.modal.modal-fit img {
+    max-width: 90vw;
+    max-height: 90vh;
+    width: auto;
+    height: auto;
+    display: block;
+}

package/templates/js/functions.js

@@ -117,6 +117,10 @@ function activateModalElements()
             let modal = document.createElement('div');
             modal.classList.add('modal');
             modal.classList.add('clickable');
+            let modalScrolls = modalElement.getAttribute('data-modal-scrolls');
+            if(!modalScrolls || 'false' === modalScrolls){
+                modal.classList.add('modal-fit');
+            }
             let modalContent = createModalContent(modalElement);
             modalContent.classList.add('clickable');
             modal.appendChild(modalContent);