raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

11068: update setModalDataset logic to generic logic

Browse Source
This commit is contained in:
Ahmed Ejaz
2023-12-28 21:34:37 +05:00
parent f194b03882
commit 17bd3bb0cc
3 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/views/admin/products_v3/_table.html.haml
View File

@@ -70,8 +70,9 @@
= render(VerticalEllipsisMenu::Component.new) do
= link_to t('admin.products_page.actions.edit'), edit_admin_product_path(product)
= link_to t('admin.products_page.actions.clone'), clone_admin_product_path(product)
%a{ "data-controller": "modal-link product-actions", "data-action": "click->product-actions#setDeleteModalDataSet click->modal-link#open",
"data-modal-link-target-value": "product-delete-modal", "class": "delete", "data-product-actions-id-value": product.id }
%a{ "data-controller": "modal-link", "data-action": "click->modal-link#setModalDataSetOnConfirm click->modal-link#open",
"data-modal-link-target-value": "product-delete-modal", "class": "delete",
"data-modal-link-modal-dataset-value": {'data-current-id': product.id}.to_json }
= t('admin.products_page.actions.delete')
- product.variants.each_with_index do |variant, variant_index|
@@ -112,6 +113,7 @@
= render(VerticalEllipsisMenu::Component.new) do
= link_to t('admin.products_page.actions.edit'), edit_admin_product_variant_path(product, variant)
- if product.variants.size > 1
%a{ "data-controller": "modal-link product-actions", "data-action": "click->product-actions#setDeleteModalDataSet click->modal-link#open",
"data-modal-link-target-value": "variant-delete-modal", "class": "delete", "data-product-actions-id-value": variant.id }
%a{ "data-controller": "modal-link", "data-action": "click->modal-link#setModalDataSetOnConfirm click->modal-link#open",
"data-modal-link-target-value": "variant-delete-modal", "class": "delete",
"data-modal-link-modal-dataset-value": {'data-current-id': variant.id}.to_json }
= t('admin.products_page.actions.delete')

17
app/webpacker/controllers/modal_link_controller.js
View File

@@ -1,7 +1,7 @@
import { Controller } from "stimulus";
export default class extends Controller {
static values = { target: String };
static values = { target: String, modalDataset: Object };
open() {
let modal = document.getElementById(this.targetValue);
@@ -12,6 +12,21 @@ export default class extends Controller {
modalController.open();
}
setModalDataSetOnConfirm(event) {
try {
const modalId = this.targetValue;
const moodalConfirmButtonQuery = `#${modalId} #modal-confirm-button`;
const confirmButton = document.querySelector(moodalConfirmButtonQuery);
Object.keys(this.modalDatasetValue).forEach((datasetKey) => {
confirmButton.setAttribute(datasetKey, this.modalDatasetValue[datasetKey]);
});
} catch (e) {
// In case of any type of error in setting the dataset value, stop the further actions i.e. opening the modal
event.stopImmediatePropagation();
throw e;
}
}
getIdentifier() {
return "modal";
}

18
app/webpacker/controllers/product_actions_controller.js
View File

@@ -1,18 +0,0 @@
import ApplicationController from "./application_controller";
export default class extends ApplicationController {
static values = { id: Number };
setDeleteModalDataSet(event) {
try {
const modalId = this.element.dataset.modalLinkTargetValue; // whether variant or product delete modal
const deleteButtonQuery = `#${modalId} #modal-confirm-button`;
const deleteButton = document.querySelector(deleteButtonQuery);
deleteButton.setAttribute("data-current-id", this.idValue);
} catch (e) {
// In case of any type of error in setting the dataset value, stop the further actions i.e. opening the modal
event.stopImmediatePropagation();
throw e;
}
}
}