@dile/crud 0.0.25 → 0.0.27

package/components/ajax/src/DileAjax.js

@@ -7,6 +7,7 @@ export class DileAjax extends DileAxios(LitElement) {
       data: {  type: Object },
       method: { type: String },
       url: { type: String },
+      statusSuccessCodes: { type: Array },
     }
   }
 
@@ -15,6 +16,7 @@ export class DileAjax extends DileAxios(LitElement) {
     this.data = {};
     this.method = 'post';
     this.url = '';
+    this.statusSuccessCodes = [200, 201];
   }
 
   generateRequest() {
@@ -39,7 +41,7 @@ export class DileAjax extends DileAxios(LitElement) {
         break
     }
     request.then((response) => {
-      if(response.status == 200) {
+      if(this.statusSuccessCodes.includes(response.status)) {
         let res = response.data;
         if(res.error) {
           this.dispatchError(res.data);
@@ -53,7 +55,7 @@ export class DileAjax extends DileAxios(LitElement) {
           }));
         }
       } else {
-        this.dispatchError('Bad server response');
+        this.dispatchError('Unhandled success server response');
       }
     })
     .catch(err => {

package/components/ajax-form/src/DileAjaxForm.js

@@ -100,7 +100,11 @@ export class DileAjaxForm extends LitElement {
     }
 
     loadData() {
-        this.ajaxget.generateRequest();
+        if(this.ajaxget) {
+            this.ajaxget.generateRequest();
+        } else {
+            setTimeout(() => this.loadData(), 100);
+        }
     }
 
     doAction() {
@@ -111,7 +115,7 @@ export class DileAjaxForm extends LitElement {
 
     doErrorGet(e) {
         this.responseAdapter.setResponse(e.detail);
-        let msg = this.customMessage(false);
+        let msg = this._customErrorMessage();
         this.feedback.negativeFeedback(msg);
         this.dispatchEvent(new CustomEvent('dile-ajax-form-get-error', { 
             bubbles: true,
@@ -141,7 +145,7 @@ export class DileAjaxForm extends LitElement {
     
     doErrorSave(e) {
         this.responseAdapter.setResponse(e.detail);
-        let msg = this.customMessage(true);
+        let msg = this._customErrorMessage();
         this.feedback.negativeFeedbackWithDelay(msg, 5000);
         let validationErrors = this.responseAdapter.getValidationErrors();
         this.form.showErrors(validationErrors);
@@ -159,7 +163,7 @@ export class DileAjaxForm extends LitElement {
     doSuccessSave(e) {
         this.responseAdapter.setResponse(e.detail);
         let data = this.responseAdapter.getData();
-        let msg = this.customMessage(true);
+        let msg = this._customSuccessMessage();
         this.feedback.positiveFeedbackWithDelay(msg, 5000);
         this.dispatchEvent(new CustomEvent('save-success', { 
             bubbles: true,
@@ -202,7 +206,15 @@ export class DileAjaxForm extends LitElement {
         }
     }
 
-    customMessage(success) {
+    _customErrorMessage() {
+        return this._customMessage(false);
+    }
+
+    _customSuccessMessage() {
+        return this._customMessage(true);
+    }
+    
+    _customMessage(success) {
         let message = this.responseAdapter.getMessage();
         if(message) {
             return message;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "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": "3061346aa41fd5a8715167c87144c5326446cd59"
+  "gitHead": "447a6986de20316e3d58fbc03f8b07f871b88be7"
 }