@dile/crud 0.0.38 → 0.0.40

package/components/action/src/DileCrudActions.js

@@ -5,6 +5,7 @@ import '@dile/ui/components/select/select';
 import '../../ajax/ajax.js'
 import '../../ui/crud-list-options.js';
 import { DileI18nMixin } from '../../../lib/DileI18nMixin.js';
+import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
 
 export class DileCrudActions extends DileI18nMixin(LitElement) {
   static styles = css`
@@ -61,7 +62,8 @@ export class DileCrudActions extends DileI18nMixin(LitElement) {
       endpoint: { type: String },
       actions: { type: Array },
       formActionsTemplate: { type: Object },
-      destructive: { type: Boolean, reflect: true, }
+      destructive: { type: Boolean, reflect: true, },
+      responseAdapter: { type: Object },
     };
   }
 
@@ -69,7 +71,8 @@ export class DileCrudActions extends DileI18nMixin(LitElement) {
     super();
     this.actionIds = [];
     this.actions = [];
-    this.selection = 'DeleteAction'
+    this.selection = 'DeleteAction';
+    this.responseAdapter = new ResponseApiAdapter();
   }
 
   firstUpdated() {
@@ -176,23 +179,25 @@ export class DileCrudActions extends DileI18nMixin(LitElement) {
 
   doSuccessAction(e) {
     this.selectedActionForm.resetData();
+    this.responseAdapter.setResponse(e.detail);
     this.dispatchEvent(new CustomEvent('crud-action-success', {
       bubbles: true,
       composed: true,
       detail: {
-        msg: e.detail.message,
-        action: e.detail.data.action,
-        data: e.detail.data.data,
+        msg: this.responseAdapter.getActionResponseMessage(),
+        action: this.responseAdapter.getActionResponseActionName(),
+        data: this.responseAdapter.getActionResponseActionData(),
       }
     }));
   }
 
   doErrorAction(e) {
+    this.responseAdapter.setResponse(e.detail);
     this.dispatchEvent(new CustomEvent('crud-action-error', {
       bubbles: true,
       composed: true,
       detail: {
-        msg: e.detail,
+        msg:this.responseAdapter.getActionResponseValidationErrorMessage(),
       }
     }));
   }

package/components/single/src/DileCrudSingle.js

@@ -80,7 +80,9 @@ export class DileCrudSingle extends DileI18nMixin(DileCrudMixin(LitElement)) {
       <main class="elcontainer">
         ${this.detailTemplate}
         <div class="actions" @action-success=${this.actionSuccess}>
-            <dile-button gray .icon="${editIcon}" @click=${this.edit}>${this.updateLabelComputed(this.config.labels.updateAction, this.translations)}</dile-button>
+            <dile-button gray .icon="${editIcon}" @click=${this.edit}>
+              ${this.startUpdateLabelComputed(this.config.labels.startUpdateAction, this.translations)}
+            </dile-button>
             ${this.actionsTemplate}
         </div>
       </main>

package/lib/DileCrudMixin.js

@@ -20,6 +20,7 @@ export const DileCrudMixin = (superclass) => class extends superclass {
                 .actions=${this.config.actions.list}
                 .formActionsTemplate=${this.config.templates.formActions}
                 language="${this.language}"
+                .responseAdapter=${this.config.responseAdapter}
             ></dile-crud-actions>
         `
     }
@@ -57,6 +58,9 @@ export const DileCrudMixin = (superclass) => class extends superclass {
     updateLabelComputed(label, translations) {
         return label ? label : translations?.update_label ? translations.update_label : 'Save';
     }
+    startUpdateLabelComputed(label, translations) {
+        return label ? label : translations?.start_update_label ? translations.start_update_label : 'Edit';
+    }
     helpLabelComputed(label, translations) {
         return label ? label : translations?.help_label ? translations.help_label : 'Help';
     }

package/lib/ResponseApiAdapter.js

@@ -33,5 +33,17 @@ export class ResponseApiAdapter {
   getIds() {
     return this.response.data;
   }
-  
+
+  getActionResponseMessage() {
+    return this.response.message;
+  }
+  getActionResponseActionName() {
+    return this.response.data.action;
+  }
+  getActionResponseActionData() {
+    return this.response.data.data;
+  }
+  getActionResponseValidationErrorMessage() {
+    return this.response.message
+  }
 }

package/lib/defaultConfig.js

@@ -70,6 +70,7 @@ export const defaultConfig = {
   labels: {
     // insertAction: 'Create',
     // updateAction: 'Save',
+    // startUpdateAction: 'Edit',
     // insertWindowTitle: 'Create an item',
     // updateWindowTitle: 'Update an item',
     // helpTitle: 'Help',

package/lib/i18n/en.js

@@ -13,6 +13,7 @@ export const translations = {
   error_operation: (operation) => `${operation == 'insert' ? 'Insertion' : 'Update'} error`,
   insert_label: "Create",
   update_label: "Update",
+  start_update_label: "Edit",
   delete_label: "Delete",
   cancel_label: "Cancel",
   accept_label: "Accept",

package/lib/i18n/es.js

@@ -13,6 +13,7 @@ export const translations = {
   error_operation: (operation) => `Se ha producido un error en la ${operation == 'insert' ? 'inserción' : 'actualización'}`,
   insert_label: "Insertar",
   update_label: "Actualizar",
+  start_update_label: "Editar",
   delete_label: "Borrar",
   cancel_label: "Cancelar",
   accept_label: "Aceptar",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "scripts": {
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4cb29e58e0f66c094ef5664b0e9aaf3d228f5c10"
+  "gitHead": "04e4cb1ee801ba221847efb9e8067102de43192e"
 }