saasufy-components 7.4.0 → 7.5.0

package/README.md

@@ -445,6 +445,7 @@ OR (with confirmation step)
 - `model-id` (required): Specifies the ID of the resource to delete from the parent collection when this component is activated. This can be achieved by invoking either the `deleteItem()` or `confirmDeleteItem()` function from inside an event handler. The example above shows how to achieve deletion via the `onclick` event. You can either invoke `deleteItem()` to delete the resource immediately or you can invoke `confirmDeleteItem()` to require additional confirmation prior to deletion.
 - `onclick` (required): The logic to execute to delete the item. Should be either `deleteItem()` or `confirmDeleteItem()`.
 - `confirm-message`: The confirmation message to show the user when this component's `confirmDeleteItem()` function is invoked.
+- `model-field`: If specified, this attribute can be used to delete a single field of a model instance, instead of the whole instance.
 
 If `confirmDeleteItem()` is used, then the parent `collection-viewer` must have a `confirm-modal` element slotted into it as shown here:
 

package/collection-deleter.js

@@ -38,6 +38,29 @@ class CollectionDeleter extends HTMLElement {
       })
     )
   }
+
+  deleteItemField() {
+    let modelId = this.getAttribute('model-id');
+    let modelField = this.getAttribute('model-field');
+    this.dispatchEvent(
+      new CustomEvent('crudDelete', { detail: { id: modelId, field: modelField }, bubbles: true })
+    );
+  }
+
+  confirmDeleteItemField() {
+    let confirmMessage = this.getAttribute('confirm-message');
+    this.dispatchEvent(
+      new CustomEvent('showModal', {
+        detail: {
+          message: confirmMessage,
+          callback: () => {
+            this.deleteItemField();
+          }
+        },
+        bubbles: true
+      })
+    )
+  }
 }
 
 window.customElements.define('collection-deleter', CollectionDeleter);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "7.4.0",
+  "version": "7.5.0",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {