@mediusinc/mng-commons 0.2.5 → 0.2.9

package/README.md

@@ -112,3 +112,49 @@ Dodajanje MNG Commons slik v `assets` na končnem projektu se uredi z konfigurac
 }
 ```
 
+## Custom Formly validatorji
+
+Validatorje lahko dodajamo samostojno na polja, ali pa na skupine polj.
+
+Dodajanje se v obeh primerih razlikuje.
+- validator na polje lahko dodamo preko polja, kjer mu podamo ime, funkcijo in sporočilo za validacijo.
+```typescript
+serviceChannelsTableviewDescriptor.addField('cost.code')
+            .withValidator('codeValidator', control => control.value, (err, field) => 'error message');
+```
+- validator na skupine lahko dodamo preko
+```typescript
+serviceChannelsTableviewDescriptor.createFieldGroup('Service cost', 'ServiceChannelDto.fieldGroups.serviceCost')
+            .withValidator('serviceCostAllOrNoneFieldsRequired', this.serviceCostAllOrNoneFieldsRequired);
+```
+
+Ko dodajamo na grupe, moramo registrirati tudi globalno sporočilo za validacijo v `formly-translate.extension.ts`, kjer mora biti ime sporočila za validacijo enako kot napaka, ki jo nastavljamo v samem validatorju.
+```typescript
+export function formlyConfigProvider(translate: TranslateService): ConfigOption {
+    return {
+        validationMessages: [
+            { name: 'required', message: getRequiredValidationMessage(translate)},
+            ...
+                // naše sporočilo, ki se imenuje serviceCostAllOrNoneFieldsRequired
+            { name: 'serviceCostAllOrNoneFieldsRequired', message: serviceCostAllOrNoneFieldsRequiredValidatorMessage(translate)}
+        ],
+        extras: { lazyRender: true },
+        wrappers: formlyWrappersConfig,
+        types: formlyTypesConfig
+    };
+}
+
+export function serviceCostAllOrNoneFieldsRequired(control: AbstractControl): boolean {
+    const { code, value, description } = control.value.cost;
+    const costControl = control.get('cost');
+
+    // tu vmes je še druga koda
+    
+    // nastavimo enako napako, kot je ime sporočila
+    costControl.get('code').setErrors({serviceCostAllOrNoneFieldsRequired: true});
+    costControl.get('value').setErrors({serviceCostAllOrNoneFieldsRequired: true});
+    costControl.get('description').setErrors({serviceCostAllOrNoneFieldsRequired: true});
+
+    return false;
+}
+```

package/assets/i18n/en.json

@@ -1,156 +1,211 @@
 {
-    "app": {
-        "name": "Angular Commons",
-        "owner": "Medius"
-    },
-    "general": {
-        "yes": "Yes",
-        "no": "No",
-        "save": "Save",
-        "cancel": "Cancel",
-        "close": "Close",
-        "add": "Add",
-        "addItem": "Add {{item}}",
-        "edit": "Edit",
-        "delete": "Delete",
-        "export": "Export",
-        "returnHome": "Go back to home",
-        "confirmation": "Confirmation",
-        "success": "Success",
-        "successMessage": "Operation successful.",
-        "error": "Error",
-        "errorMessage": "Unknown error{{errorMessage}}"
-    },
-    "languages": {
-        "en": "English",
-        "sl": "Slovenski"
-    },
-    "mngTopbar": {
-        "profile": "Profile",
-        "settings": "Settings",
-        "logout": "Logout"
-    },
-    "mngTable": {
-        "search": "Search...",
-        "noItems": "No items",
-        "paginationMsg": "Showing {first} to {last} of {totalRecords} entries",
-        "selectToFilter": "Select to filter ...",
-        "searchToFilter": "Search to filter ...",
-        "typeToFilter": "Type to filter ..."
-    },
-    "mngEditor": {
-        "invalidFormToastTitle": "Error in form",
-        "invalidFormToastMessage": "Form is not valid, please check and correct inserted values.",
-        "validation": {
-            "required": "{{field}} is required.",
-            "minlength": "{{field}} must be at least {{min}} characters long.",
-            "maxlength": "{{field}} must be at most {{max}} characters long.",
-            "pattern": "{{field}} must match the pattern {{pattern}}"
-        }
-    },
-    "mngAction": {
-      "functions" : {
-        "run": {
-          "title": "Action"
-        },
-        "fetch": {
-          "title": "Fetch"
-        },
-        "submit": {
-          "title": "Submit"
-        }
+  "app": {
+    "name": "Angular Commons",
+    "owner": "Medius"
+  },
+  "general": {
+    "yes": "Yes",
+    "no": "No",
+    "save": "Save",
+    "cancel": "Cancel",
+    "close": "Close",
+    "add": "Add",
+    "addItem": "Add {{item}}",
+    "edit": "Edit",
+    "delete": "Delete",
+    "export": "Export",
+    "returnHome": "Go back to home",
+    "confirmation": "Confirmation",
+    "success": "Success",
+    "successMessage": "Operation successful.",
+    "error": "Error",
+    "errorMessage": "Unknown error{{errorMessage}}",
+    "general": "General"
+  },
+  "languages": {
+    "en": "English",
+    "sl": "Slovenski"
+  },
+  "mngTopbar": {
+    "profile": "Profile",
+    "settings": "Settings",
+    "logout": "Logout"
+  },
+  "mngTable": {
+    "search": "Search...",
+    "noItems": "No items",
+    "paginationMsg": "Showing {first} to {last} of {totalRecords} entries",
+    "selectToFilter": "Select to filter ...",
+    "searchToFilter": "Search to filter ...",
+    "typeToFilter": "Type to filter ..."
+  },
+  "mngEditor": {
+    "invalidFormToastTitle": "Error in form",
+    "invalidFormToastMessage": "Form is not valid, please check and correct inserted values.",
+    "validation": {
+      "required": "{{field}} is required.",
+      "minlength": "{{field}} must be at least {{min}} characters long.",
+      "maxlength": "{{field}} must be at most {{max}} characters long.",
+      "pattern": "{{field}} must match the pattern {{pattern}}.",
+      "email": "{{field}} is not valid email."
+    }
+  },
+  "mngAutocomplete": {
+    "noMatches": "No mathces"
+  },
+  "mngAction": {
+    "functions": {
+      "run": {
+        "title": "Action"
+      },
+      "fetch": {
+        "title": "Fetch"
+      },
+      "submit": {
+        "title": "Submit"
       }
+    }
+  },
+  "details": {
+    "dialog": {
+      "title": "{{modelName}}: {{itemTitle}}"
+    }
+  },
+  "add": {
+    "title": "Add",
+    "dialog": {
+      "title": "Add {{modelName}}"
     },
-    "details": {
-        "dialog": {
-            "title": "{{modelName}}: {{itemTitle}}"
-        }
+    "success": {
+      "title": "Added",
+      "message": "{{itemTitle}} created successfully."
     },
-    "add": {
-        "title": "Add",
-        "dialog": {
-            "title": "Add {{modelName}}"
-        },
-        "success": {
-            "title": "Added",
-            "message": "{{itemTitle}} created successfully."
-        },
-        "error": {
-          "title": "Error",
-          "message": "Failed to add {{itemTitle}}{{errorMessage}}"
-        }
+    "error": {
+      "title": "Error",
+      "message": "Failed to add {{itemTitle}}{{errorMessage}}"
+    }
+  },
+  "edit": {
+    "dialog": {
+      "title": "Edit {{modelName}}: {{itemTitle}}"
+    },
+    "success": {
+      "title": "Edit {{modelName}}",
+      "message": "Changes for {{itemTitle}} saved successfully."
     },
-    "edit": {
-        "dialog": {
-            "title": "Edit {{modelName}}: {{itemTitle}}"
-        },
-        "success": {
-            "title": "Edit {{modelName}}",
-            "message": "Changes for {{itemTitle}} saved successfully."
-        },
-        "error": {
-            "title": "Error",
-            "message": "Failed to execute {{functionTitle}}{{errorMessage}}"
-        }
+    "error": {
+      "title": "Error",
+      "message": "Failed to execute {{functionTitle}}{{errorMessage}}"
+    }
+  },
+  "delete": {
+    "confirm": {
+      "message": "Are you sure you want to delete {{itemTitle}}?"
     },
-    "delete": {
-        "confirm": {
-            "message": "Are you sure you want to delete {{itemTitle}}?"
-        },
-        "success": {
-            "title": "Deleted",
-            "message": "{{itemTitle}} deleted successfully."
-        },
-        "error": {
-            "title": "Error",
-            "message": "Failed to delete {{itemTitle}}{{errorMessage}}"
-        }
+    "success": {
+      "title": "Deleted",
+      "message": "{{itemTitle}} deleted successfully."
     },
-    "mngPrime": {
-      "startsWith": "Starts with",
-      "contains": "Contains",
-      "notContains": "Not contains",
-      "endsWith": "Ends with",
-      "equals": "Equals",
-      "notEquals": "Not equals",
-      "noFilter": "No Filter",
-      "lt": "Less than",
-      "lte": "Less than or equal to",
-      "gt": "Greater than",
-      "gte": "Greater than or equal to",
-      "is": "Is",
-      "isNot": "Is not",
-      "before": "Before",
-      "after": "After",
-      "dateIs": "Date is",
-      "dateIsNot": "Date is not",
-      "dateBefore": "Date is before",
-      "dateAfter": "Date is after",
-      "clear": "Clear",
-      "apply": "Apply",
-      "matchAll": "Match All",
-      "matchAny": "Match Any",
-      "addRule": "Add Rule",
-      "removeRule": "Remove Rule",
-      "accept": "Yes",
-      "reject": "No",
-      "choose": "Choose",
-      "upload": "Upload",
-      "cancel": "Cancel",
-      "dayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-      "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-      "dayNamesMin": ["Su","Mo","Tu","We","Th","Fr","Sa"],
-      "monthNames": ["January","February","March","April","May","June","July","August","September","October","November","December"],
-      "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-      "dateFormat": "mm/dd/yy",
-      "firstDayOfWeek": 0,
-      "today": "Today",
-      "weekHeader": "Wk",
-      "weak": "Weak",
-      "medium": "Medium",
-      "strong": "Strong",
-      "passwordPrompt": "Enter a password",
-      "emptyMessage": "No results found",
-      "emptyFilterMessage": "No results found"
+    "error": {
+      "title": "Error",
+      "message": "Failed to delete {{itemTitle}}{{errorMessage}}"
     }
+  },
+  "mngPrime": {
+    "startsWith": "Starts with",
+    "contains": "Contains",
+    "notContains": "Not contains",
+    "endsWith": "Ends with",
+    "equals": "Equals",
+    "notEquals": "Not equals",
+    "noFilter": "No Filter",
+    "lt": "Less than",
+    "lte": "Less than or equal to",
+    "gt": "Greater than",
+    "gte": "Greater than or equal to",
+    "is": "Is",
+    "isNot": "Is not",
+    "before": "Before",
+    "after": "After",
+    "dateIs": "Date is",
+    "dateIsNot": "Date is not",
+    "dateBefore": "Date is before",
+    "dateAfter": "Date is after",
+    "clear": "Clear",
+    "apply": "Apply",
+    "matchAll": "Match All",
+    "matchAny": "Match Any",
+    "addRule": "Add Rule",
+    "removeRule": "Remove Rule",
+    "accept": "Yes",
+    "reject": "No",
+    "choose": "Choose",
+    "upload": "Upload",
+    "cancel": "Cancel",
+    "dayNames": [
+      "Sunday",
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday"
+    ],
+    "dayNamesShort": [
+      "Sun",
+      "Mon",
+      "Tue",
+      "Wed",
+      "Thu",
+      "Fri",
+      "Sat"
+    ],
+    "dayNamesMin": [
+      "Su",
+      "Mo",
+      "Tu",
+      "We",
+      "Th",
+      "Fr",
+      "Sa"
+    ],
+    "monthNames": [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    "monthNamesShort": [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    "dateFormat": "mm/dd/yy",
+    "firstDayOfWeek": 0,
+    "today": "Today",
+    "weekHeader": "Wk",
+    "weak": "Weak",
+    "medium": "Medium",
+    "strong": "Strong",
+    "passwordPrompt": "Enter a password",
+    "emptyMessage": "No results found",
+    "emptyFilterMessage": "No results found"
+  }
 }