django-crispy-formset-modal 0.1__tar.gz

django-crispy-formset-modal-0.1/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Blas Isaias Fernández
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

django-crispy-formset-modal-0.1/MANIFEST.in

@@ -0,0 +1,3 @@
+recursive-include crispy_formset_modal *.py *.html *.css *.js *.po *.mo *.map
+include LICENSE
+include README.md

django-crispy-formset-modal-0.1/PKG-INFO

@@ -0,0 +1,138 @@
+Metadata-Version: 2.1
+Name: django-crispy-formset-modal
+Version: 0.1
+Summary: Django app that provides an easy way to manage and manipulate formsets using modals with Django Crispy Forms.
+Home-page: https://github.com/blasferna/django-crispy-formset-modal
+Author: Blas Fernandez
+Author-email: blasferna@gmail.com
+Classifier: Development Status :: 5 - Production/Stable
+Classifier: Framework :: Django
+Classifier: Framework :: Django :: 3.2
+Classifier: Framework :: Django :: 4.0
+Classifier: Framework :: Django :: 4.1
+Classifier: Framework :: Django :: 4.2
+Classifier: Intended Audience :: Developers
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Natural Language :: English
+Classifier: Topic :: Software Development :: Libraries
+Classifier: Topic :: Software Development :: Libraries :: Python Modules
+Classifier: Programming Language :: Python
+Classifier: Programming Language :: Python :: 3.7
+Classifier: Programming Language :: Python :: 3.8
+Classifier: Programming Language :: Python :: 3.9
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Requires-Python: >=3.7
+Description-Content-Type: text/markdown
+License-File: LICENSE
+
+# django-crispy-formset-modal
+
+Reusable Django app that provides an easy way to manage and manipulate formsets using modals with Django Crispy Forms. It enables you to dynamically add, edit, and delete formsets on the frontend.
+
+![demo-view](https://github.com/blasferna/django-crispy-formset-modal/assets/8385910/1a527b11-2fd5-4b67-a7f5-66468778ce9f)
+
+## Features
+
+* Dynamic formset operations: Add, edit, and delete formsets dynamically in a modal on the frontend.
+* Generates an HTML table according to the layout definition, allowing you to determine which fields to display as columns.
+* Provides the option to define which numeric fields will be used for a totalizer at the footer of the corresponding field's column.
+* Enables mass deletion of records from the HTML table, thanks to the generation of a selection column with checkboxes that can be selected individually or collectively to delete multiple records at once.
+* Offers support for various templates packs, including [Bootstrap 4](https://github.com/django-crispy-forms/crispy-bootstrap4), [Bootstrap 5](https://github.com/django-crispy-forms/crispy-bootstrap5), [Tailwind](https://github.com/django-crispy-forms/crispy-tailwind), and [Bulma](https://github.com/ckrybus/crispy-bulma).
+
+## Dependencies
+
+* [Django Crispy Forms](https://github.com/django-crispy-forms/django-crispy-forms): Django Crispy Formset Modal relies on Django Crispy Forms for form rendering
+* [Django Extra Views](https://github.com/AndrewIngram/django-extra-views): For handling views with formsets.
+* jQuery: Used to enable dynamic functionality.
+## Installation
+
+1. Install the package using pip:
+
+```
+pip install django-crispy-formset-modal
+```
+
+2. Add `crispy_formset_modal` to your `INSTALLED_APPS` in `settings.py`:
+
+```python
+INSTALLED_APPS = [
+    ...
+    'crispy_formset_modal',
+    ...
+]
+```
+
+## Usage
+
+For detailed instructions on how to use Django Crispy Formset Modal, please refer to the [documentation](https://blasferna.github.io/django-crispy-formset-modal/) and check out the [demo](https://django-crispy-formset-modal.fly.dev/) for practical examples.
+
+## Examples
+
+The [demo](https://django-crispy-formset-modal.fly.dev/) provides various examples of how to use Django Crispy Formset Modal in different scenarios.
+
+### Running the Demo App Locally
+
+If you'd like to run the demo application on your local machine. Please follow the steps below:
+
+#### Instructions
+
+
+1. Clone this repository to your local machine:
+
+```
+git clone https://github.com/blasferna/django-crispy-formset-modal.git
+```
+
+2. Navigate to the project's directory:
+
+```
+cd django-crispy-formset-modal
+```
+
+3. Set up a virtual environment. This step helps to isolate the Python environment for this project:
+
+```
+python -m venv venv
+```
+
+4. Activate the virtual environment:
+
+`On Windowds`
+
+```
+.\venv\Scripts\activate
+```
+
+`On Unix or MacOS:`
+
+```
+source venv/bin/activate
+```
+
+5. Install the required dependencies:
+
+```
+pip install -r requirements.txt
+```
+
+6. Apply migrations:
+
+```
+python manage.py migrate
+```
+
+7. Start the local development server:
+
+```
+python manage.py runserver
+```
+
+8. Visit `http://localhost:8000` on your browser to explore the demo application.
+
+
+## License
+
+Django Crispy Formset Modal is released under the [MIT License](https://github.com/blasferna/django-crispy-formset-modal/blob/main/LICENSE).
+
+

django-crispy-formset-modal-0.1/README.md

@@ -0,0 +1,110 @@
+# django-crispy-formset-modal
+
+Reusable Django app that provides an easy way to manage and manipulate formsets using modals with Django Crispy Forms. It enables you to dynamically add, edit, and delete formsets on the frontend.
+
+![demo-view](https://github.com/blasferna/django-crispy-formset-modal/assets/8385910/1a527b11-2fd5-4b67-a7f5-66468778ce9f)
+
+## Features
+
+* Dynamic formset operations: Add, edit, and delete formsets dynamically in a modal on the frontend.
+* Generates an HTML table according to the layout definition, allowing you to determine which fields to display as columns.
+* Provides the option to define which numeric fields will be used for a totalizer at the footer of the corresponding field's column.
+* Enables mass deletion of records from the HTML table, thanks to the generation of a selection column with checkboxes that can be selected individually or collectively to delete multiple records at once.
+* Offers support for various templates packs, including [Bootstrap 4](https://github.com/django-crispy-forms/crispy-bootstrap4), [Bootstrap 5](https://github.com/django-crispy-forms/crispy-bootstrap5), [Tailwind](https://github.com/django-crispy-forms/crispy-tailwind), and [Bulma](https://github.com/ckrybus/crispy-bulma).
+
+## Dependencies
+
+* [Django Crispy Forms](https://github.com/django-crispy-forms/django-crispy-forms): Django Crispy Formset Modal relies on Django Crispy Forms for form rendering
+* [Django Extra Views](https://github.com/AndrewIngram/django-extra-views): For handling views with formsets.
+* jQuery: Used to enable dynamic functionality.
+## Installation
+
+1. Install the package using pip:
+
+```
+pip install django-crispy-formset-modal
+```
+
+2. Add `crispy_formset_modal` to your `INSTALLED_APPS` in `settings.py`:
+
+```python
+INSTALLED_APPS = [
+    ...
+    'crispy_formset_modal',
+    ...
+]
+```
+
+## Usage
+
+For detailed instructions on how to use Django Crispy Formset Modal, please refer to the [documentation](https://blasferna.github.io/django-crispy-formset-modal/) and check out the [demo](https://django-crispy-formset-modal.fly.dev/) for practical examples.
+
+## Examples
+
+The [demo](https://django-crispy-formset-modal.fly.dev/) provides various examples of how to use Django Crispy Formset Modal in different scenarios.
+
+### Running the Demo App Locally
+
+If you'd like to run the demo application on your local machine. Please follow the steps below:
+
+#### Instructions
+
+
+1. Clone this repository to your local machine:
+
+```
+git clone https://github.com/blasferna/django-crispy-formset-modal.git
+```
+
+2. Navigate to the project's directory:
+
+```
+cd django-crispy-formset-modal
+```
+
+3. Set up a virtual environment. This step helps to isolate the Python environment for this project:
+
+```
+python -m venv venv
+```
+
+4. Activate the virtual environment:
+
+`On Windowds`
+
+```
+.\venv\Scripts\activate
+```
+
+`On Unix or MacOS:`
+
+```
+source venv/bin/activate
+```
+
+5. Install the required dependencies:
+
+```
+pip install -r requirements.txt
+```
+
+6. Apply migrations:
+
+```
+python manage.py migrate
+```
+
+7. Start the local development server:
+
+```
+python manage.py runserver
+```
+
+8. Visit `http://localhost:8000` on your browser to explore the demo application.
+
+
+## License
+
+Django Crispy Formset Modal is released under the [MIT License](https://github.com/blasferna/django-crispy-formset-modal/blob/main/LICENSE).
+
+

django-crispy-formset-modal-0.1/crispy_formset_modal/__init__.py

@@ -0,0 +1,17 @@
+class ModalSize:
+    SM = "sm"
+    MD = "md"
+    LG = "lg"
+    XL = "xl"
+
+
+class ModalPlacement:
+    TOP_LEFT = "top-left"
+    TOP_CENTER = "top-center"
+    TOP_RIGHT = "top-right"
+    CENTER_LEFT = "center-left"
+    CENTER = "center"
+    CENTER_RIGHT = "center-right"
+    BOTTOM_LEFT = "bottom-left"
+    BOTTOM_CENTER = "bottom-center"
+    BOTTOM_RIGHT = "bottom-right"

django-crispy-formset-modal-0.1/crispy_formset_modal/helper.py

@@ -0,0 +1,7 @@
+from crispy_forms.helper import FormHelper
+
+
+class ModalEditFormHelper(FormHelper):
+    form_tag = False
+    disable_csrf = True
+    include_media = False

django-crispy-formset-modal-0.1/crispy_formset_modal/layout.py

@@ -0,0 +1,133 @@
+from crispy_forms.layout import Div, Field
+from crispy_forms.layout import Layout as CrispyLayout
+from crispy_forms.layout import LayoutObject
+from django import forms
+from django.conf import settings
+from django.forms.formsets import DELETION_FIELD_NAME
+from django.forms.utils import pretty_name
+from django.template.loader import render_to_string
+
+from crispy_formset_modal import ModalPlacement, ModalSize
+
+HIDDEN_CLASSES = {
+    "tailwind": "hidden",
+    "bootstrap4": "d-none",
+    "bootstrap5": "d-none",
+    "bulma": "is-hidden",
+}
+
+
+class ModalEditLayout(CrispyLayout):
+    def __init__(self, *fields):
+        css_class = HIDDEN_CLASSES.get(settings.CRISPY_TEMPLATE_PACK, "")
+
+        self.fields = list(
+            fields
+            + (Div(Field("DELETE", css_class="formset-delete"), css_class=css_class),)
+        )
+
+
+class ModalEditFormsetLayout(LayoutObject):
+    template = "crispy_formset_modal/{template_pack}/table.html"
+
+    def __init__(
+        self,
+        formset_name,
+        list_display=[],
+        sum_columns=[],
+        modal_size=ModalSize.MD,
+        modal_placement=ModalPlacement.CENTER,
+    ):
+        self.formset_name = formset_name
+        self.list_display = list_display
+        self.sum_columns = sum_columns
+        self.modal_size = modal_size
+        self.modal_placement = modal_placement
+
+    def get_html_name(self, empty_form, field):
+        return empty_form[field].html_name.split("__prefix__")[1][1:]
+
+    def has_summary(self, field):
+        return field in self.sum_columns
+
+    def get_headers(self, empty_form):
+        fields = empty_form.fields
+        # id, delete and hidden fields are excluded by the default list display fields
+        list_display = [
+            {
+                "field": self.get_html_name(empty_form, k),
+                "title": pretty_name(k) if v.label is None else v.label,
+                "type": self._get_field_type(v),
+                "has_summary": self.has_summary(k),
+            }
+            for k, v in fields.items()
+            if k not in ("id", DELETION_FIELD_NAME)
+            and getattr(v.widget, "input_type", None) != "hidden"
+        ]
+        if not self.list_display:
+            return list_display
+        return [
+            {
+                "field": self.get_html_name(empty_form, field),
+                "title": pretty_name(field)
+                if fields.get(field).label is None
+                else fields.get(field).label,
+                "type": self._get_field_type(fields.get(field)),
+                "has_summary": self.has_summary(field),
+            }
+            for field in self.list_display
+            if field not in ("id", DELETION_FIELD_NAME)
+            and getattr(fields.get(field).widget, "input_type", None) != "hidden"
+        ]
+
+    def _get_field_type(self, field):
+        _type = "text"
+        if isinstance(field, forms.DecimalField):
+            _type = "numeric"
+        if isinstance(field, forms.FloatField):
+            _type = "numeric"
+        if isinstance(field, forms.IntegerField):
+            _type = "numeric"
+        if isinstance(field, forms.BooleanField):
+            _type = "bool"
+        if isinstance(field, forms.DateField):
+            _type = "date"
+        return _type
+
+    def render(self, *args, **kwargs):
+        form = args[0]  # noqa F841
+        if len(args) > 2:
+            context = args[2]
+        else:
+            context = args[1]
+        template_pack = kwargs.get("template_pack", settings.CRISPY_TEMPLATE_PACK)
+        formset = None
+        view = context.get("view")
+        inlines = context.get("inlines", [])
+
+        i = 0
+        for inline in view.inlines:
+            if inline.__name__ == self.formset_name:
+                formset = inlines[i]
+            i += 1
+
+        context.update(
+            {
+                "formset": formset,
+                "list_display": self.list_display,
+                "headers": self.get_headers(formset.empty_form),
+                "has_footer": len(self.sum_columns) > 0,
+                "form_template_name": (
+                    f"crispy_formset_modal/{template_pack}/form.html"
+                ),
+                "modal_template_name": (
+                    f"crispy_formset_modal/{template_pack}/modal.html"
+                ),
+                "template_pack": template_pack,
+                "modal_size": self.modal_size,
+                "modal_placement": self.modal_placement,
+            }
+        )
+
+        template = self.template.format(template_pack=template_pack)
+        return render_to_string(template, context.flatten())

django-crispy-formset-modal-0.1/crispy_formset_modal/locale/es/LC_MESSAGES/django.po

@@ -0,0 +1,39 @@
+# django-crispy-formset-modal
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# Blas Fernandez blasferna@gmail.com, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-05-16 15:55-0400\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: Blas Fernandez blasferna@gmail.com\n"
+"Language: Spanish\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/modal.html:7
+msgid "Edit"
+msgstr "Editar"
+
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/modal.html:17
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/table.html:70
+msgid "Delete"
+msgstr "Eliminar"
+
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/modal.html:18
+msgid "Close"
+msgstr "Cerrar"
+
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/table.html:50
+msgid "No data"
+msgstr "No hay datos"
+
+#: crispy_formset_modal/templates/crispy_formset_modal/bootstrap4/table.html:69
+msgid "Add"
+msgstr "Agregar"

django-crispy-formset-modal-0.1/crispy_formset_modal/locale/es/LC_MESSAGES/djangojs.po

@@ -0,0 +1,27 @@
+# django-crispy-formset-modal
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# Blas Fernandez blasferna@gmail.com, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-05-16 15:55-0400\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: Blas Fernandez blasferna@gmail.com\n"
+"Language: Spanish\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: crispy_formset_modal/static/crispy_formset_modal/js/crispy-formset-modal.min.js:33
+#: js/src/modal-form.js:88
+msgid "Editing row #"
+msgstr "Editando registro #"
+
+#: js/src/formset-modal.js:29
+msgid "Edit"
+msgstr "Editar"

django-crispy-formset-modal-0.1/crispy_formset_modal/static/crispy_formset_modal/js/crispy-formset-modal.min.js

@@ -0,0 +1,2 @@
+!function(t){"use strict";const e='\n<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16">\n    <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/>\n</svg>\n';let s=window.gettext;const i=Object.prototype.hasOwnProperty;function a(){function t(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return`${t()+t()}-${t()}-${(4095&parseInt(t(),16)|16384).toString(16)}-${(16383&parseInt(t(),16)|32768).toString(16)}-${t()+t()+t()}`}function o(t){let e="";var s,a;return"select"===t.tagName.toLowerCase()?e=t.options[t.selectedIndex].innerText:(s=t,a="inputmask",i.call(s,a)?e=t.inputmask.undoValue:"date"==t.getAttribute("type")?t.value&&(e=new Date(...t.value.split("-")).toLocaleDateString()):e="checkbox"==t.getAttribute("type")?t.checked?"on":"off":t.value),e}function r(){window.hasOwnProperty("calculatedFields")&&calculatedFields.forEach((function(t){t.executeAll()}))}function n(){window.hasOwnProperty("calculatedFields")&&window.calculatedFields.forEach((function(t){let e=t.field,s=e.getAttribute("id");document.querySelector("td[data-source='"+s+"']")&&(e.hasAttribute("data-event")||(e.addEventListener("oncalculate",(function(){let t=o(e),i=document.querySelector("td[data-source='"+s+"']");i&&(i.innerText=t)})),e.setAttribute("data-event",!0)))}))}function l(t,e){return!!e.some((e=>e.id===t))&&e.find((e=>e.id===t))}window.django&&window.django.jsi18n_initialized||(s=t=>t);const d={hidden:"d-none",inlineFlex:"d-inline-flex",flex:"d-flex",relative:"position-relative",textRight:"text-right",textCenter:"text-center",alignMiddle:"align-middle",pointer:"cfm-cursor-pointer",editBtn:"btn-open-row btn btn-sm btn-primary",checkbox:"checkbox",td:"cfm-td",tr:"cfm-tr",selectionMark:"cfm-selection-border",p0:"p-0",opacity50:"cfm-opacity-50",opacity100:"cfm-opacity-100",backdrop:"cfm-modal-backdrop",justifyStart:"justify-content-start",justifyCenter:"justify-content-center",justifyEnd:"justify-content-end",itemsStart:"align-items-start",itemsCenter:"align-items-center",itemsEnd:"align-items-end"},c={sm:"modal-sm",md:"modal-md",lg:"modal-lg",xl:"modal-xl"},m={bootstrap4:{classes:d,sizes:c,pencilIcon:e},bootstrap5:{classes:{...d,textRight:"text-end"},sizes:c,pencilIcon:e},tailwind:{classes:{hidden:"hidden",inlineFlex:"inline-flex",flex:"flex",relative:"relative",textRight:"text-right",textCenter:"text-center",alignMiddle:"align-middle",pointer:"cursor-pointer",editBtn:"btn-open-row mx-auto p-1 border border-transparent rounded-full shadow-sm text-gray-500 bg-gray-100 hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500",checkbox:"w-4 rounded border-gray-300 focus:ring-indigo-500 text-indigo-600 h-4",td:"whitespace-nowrap px-3 py-3 text-sm text-gray-500",tr:"divide-x divide-gray-200 border-b",selectionMark:"absolute inset-y-0 left-0 w-0.5 bg-indigo-600 selection-border",p0:"p-0",opacity50:"opacity-50",opacity100:"opacity-100",backdrop:"transition-opacity ease-in-out duration-300 opacity-0 bg-gray-800 fixed inset-0 z-40",justifyStart:"justify-start",justifyCenter:"justify-center",justifyEnd:"justify-end",itemsStart:"items-start",itemsCenter:"items-center",itemsEnd:"items-end"},sizes:{sm:"max-w-lg",md:"max-w-4xl",lg:"max-w-5xl",xl:"max-w-6xl"},pencilIcon:'\n<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">\n  <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />\n</svg>\n'},bulma:{classes:{hidden:"is-hidden",inlineFlex:"is-inline-flex",flex:"is-flex",relative:"is-relative",textRight:"has-text-right",textCenter:"has-text-center",alignMiddle:"is-vcentered",pointer:"cfm-cursor-pointer",editBtn:"btn-open-row button is-primary is-small",checkbox:"checkbox",td:"cfm-td",tr:"cfm-tr",selectionMark:"cfm-selection-border",p0:"p-0",opacity50:"cfm-opacity-50",opacity100:"cfm-opacity-100",backdrop:"cfm-modal-backdrop",justifyStart:"is-justify-content-start",justifyCenter:"is-justify-content-center",justifyEnd:"is-justify-content-end",itemsStart:"is-align-items-start",itemsCenter:"is-align-items-center",itemsEnd:"is-align-items-end"},sizes:{sm:"modal-sm",md:"modal-md",lg:"modal-lg",xl:"modal-xl"},pencilIcon:e}},h="formset";class u{constructor(e,s){var i=this;this.opts=t.extend({},u.defaults,s),this.$formset=t(e),this.$formset.attr("data-uuid",a()),this.$emptyForm=this.$formset.find(this.opts.emptyForm),this.$body=this.$formset.find(this.opts.body),this.$add=this.$formset.find(this.opts.add),this.formsetPrefix=t(e).data("formset-prefix"),this.addForm=t.proxy(this,"addForm"),this.$add.click(this.addForm),this.$formset.on("formAdded formDeleted",this.opts.form,t.proxy(this,"checkMaxForms")),this.$forms().each((function(e,s){t(s),i.bindForm(t(this),e)})),this.$formset.data(h,this);t.each(["animateForms"],(function(t,e){e in i.opts&&i.opts[e]&&i[e]()}))}static getOrCreate(e,s){var i=t(e).data(h);return i||(i=new u(e,s)),i}addForm(){if(this.hasMaxForms())throw new Error("MAX_NUM_FORMS reached");var e=this.totalFormCount();this.$managementForm("TOTAL_FORMS").val(e+1);var s=this.$emptyForm.html().replace(new RegExp("__prefix__","g"),e).replace(new RegExp("<\\\\/script>","g"),"<\/script>"),i=t(t.parseHTML(s,this.$body.document,!0));this.$body.append(i);var a=i.filter(this.opts.form);return this.bindForm(a,e),this.opts.newFormCallback&&this.opts.newFormCallback(a),a}bindForm(e,s){var i=this.formsetPrefix+"-"+s;e.data(h+"__formPrefix",i);var a=e.find("[name="+i+"-DELETE]");a.change((function(s){a.is(":checked")?(e.attr("data-formset-form-deleted",""),e.find(":required").data(h+"-required-field",!0).prop("required",!1),e.find("input[pattern]").each((function(){var e=t(this).attr("pattern");t(this).data(h+"-field-pattern",e).removeAttr("pattern")})),e.trigger("formDeleted")):(e.removeAttr("data-formset-form-deleted"),e.find("*").filter((function(){return!0===t(this).data(h+"-required-field")})).prop("required",!0),e.find("input").each((function(){var e=t(this).data(h+"-field-pattern");e&&t(this).attr("pattern",e)})),e.trigger("formAdded"))})).trigger("change"),e.find(this.opts.deleteButton).bind("click",(function(){a.attr("checked",!0).change()}))}$forms(){return this.$body.find(this.opts.form)}$managementForm(t){return this.$formset.find("[name="+this.formsetPrefix+"-"+t+"]")}totalFormCount(){return this.$forms().length}deletedFormCount(){return this.$forms().filter("[data-formset-form-deleted]").length}clear(){this.$forms().each((function(e,s){t(s).find(":input").not(":button, :submit, :reset, :hidden, :checkbox, :radio").val("")}))}deleteAll(){this.$forms().each((function(e,s){t(s).find("[deletecheckbox]").prop("checked",!0).change()}))}activeFormCount(){return this.totalFormCount()-this.deletedFormCount()}openRownum(){var t=this.$formset.find("tr.row-open").attr("data-rownum");return null!=typeof t?parseInt(t):0}hasMaxForms(){var t=parseInt(this.$managementForm("MAX_NUM_FORMS").val(),10)||1e3;return this.activeFormCount()>=t}checkMaxForms(){this.hasMaxForms()?(this.$formset.addClass(this.opts.hasMaxFormsClass),this.$add.attr("disabled","disabled")):(this.$formset.removeClass(this.opts.hasMaxFormsClass),this.$add.removeAttr("disabled"))}animateForms(){this.$formset.on("formAdded",this.opts.form,(function(){var e=t(this);e.slideUp(0),e.slideDown()})).on("formDeleted",this.opts.form,(function(){t(this).slideUp()})),this.$forms().filter("[data-formset-form-deleted]").slideUp(0)}}u.defaults={form:"[data-formset-form]",emptyForm:"script[type=form-template][data-formset-empty-form]",body:"[data-formset-body]",add:"[data-formset-add]",deleteButton:"[data-formset-delete-button]",hasMaxFormsClass:"has-max-forms",animateForms:!1,newFormCallback:!1};const f={placement:"center",size:"md",templatePack:null,onHide:()=>{},onShow:()=>{},onToggle:()=>{}};class p{constructor(t=null,e={}){this._targetEl=t,this._parentEl=t.parentElement,this._options={...f,...e},this._isHidden=!0,this._init(),this._addEventListeners()}_init(){this._getPlacementClasses().map((t=>{this._targetEl.classList.add(t)})),this._clearSize(),this._getSizeClasses().map((t=>{this._targetEl.firstElementChild.classList.add(t)}))}_createBackdrop(t){if(this._isHidden){const e=document.createElement("div");e.setAttribute("data-ref-id",t),e.setAttribute("modal-backdrop",""),e.classList.add(...this._getClasses("backdrop")),this._parentEl.append(e),e.offsetWidth,e.classList.add(...this._getClasses("opacity50"))}}_destroyBackdropEl(){if(!this._isHidden){let t=this._targetEl.getAttribute("data-ref-id");document.querySelector(`[modal-backdrop][data-ref-id="${t}"]`).remove()}}_getPlacementClasses(){let t=this;switch(this._options.placement){case"top-left":return[t._getClasses("justifyStart",!1),t._getClasses("itemsStart",!1)];case"top-center":return[t._getClasses("justifyCenter",!1),t._getClasses("itemsStart",!1)];case"top-right":return[t._getClasses("justifyEnd",!1),t._getClasses("itemsStart",!1)];case"center-left":return[t._getClasses("justifyStart",!1),t._getClasses("itemsCenter",!1)];case"center":default:return[t._getClasses("justifyCenter",!1),t._getClasses("itemsCenter",!1)];case"center-right":return[t._getClasses("justifyEnd",!1),t._getClasses("itemsCenter",!1)];case"bottom-left":return[t._getClasses("justifyStart",!1),t._getClasses("itemsEnd",!1)];case"bottom-center":return[t._getClasses("justifyCenter",!1),t._getClasses("itemsEnd",!1)];case"bottom-right":return[t._getClasses("justifyEnd",!1),t._getClasses("itemsEnd",!1)]}}_getSizeClasses(){return m[this._options.templatePack].sizes[this._options.size].split(" ")}_getClasses(t,e=!1){let s=m[this._options.templatePack].classes[t];return e?s:s.split(" ")}_clearSize(){const t=this._targetEl.firstElementChild,e=m[this._options.templatePack].sizes;for(const s in e)e.hasOwnProperty(s)&&t.classList.remove(e[s])}_addEventListeners(){let t=this;this._targetEl.addEventListener("keyup",(function(e){"Escape"===e.key&&t.hide()}))}toggle(){this._isHidden?this.show():this.hide(),this._options.onToggle(this)}show(){const t=a();this._targetEl.classList.add(...this._getClasses("flex")),this._targetEl.classList.remove(...this._getClasses("hidden")),this._targetEl.setAttribute("aria-modal","true"),this._targetEl.setAttribute("role","dialog"),this._targetEl.removeAttribute("aria-hidden"),this._targetEl.setAttribute("data-ref-id",t),this._createBackdrop(t),this._isHidden=!1,document.body.classList.add("modal-open"),this._options.onShow(this);let e=this._targetEl.querySelector('select, input:not([type="hidden"]');e&&(e.setAttribute("tabindex","0"),e.focus()),this._targetEl.offsetWidth,this._targetEl.classList.add(...this._getClasses("opacity100"))}hide(){this._targetEl.classList.add(...this._getClasses("hidden")),this._targetEl.classList.remove(...this._getClasses("flex")),this._targetEl.setAttribute("aria-hidden","true"),this._targetEl.removeAttribute("aria-modal"),this._targetEl.removeAttribute("role"),this._destroyBackdropEl(),this._isHidden=!0,document.body.classList.remove("modal-open"),this._options.onHide(this)}}const g={parent:null,modalId:null,onKeyUp:function(){},onClose:function(){},onOpen:function(){}};class _{constructor(t,e={}){this.targetEl=t,this._options={...g,...e},this.modalId=this._options.modalId,this._modalEl=null,this._modalTitleEl=null,this._modalDeleteBt=null,this.modalInstance=!1,this.rownum=null,this._init(),this._addEvents()}_init(){this._modalEl=document.getElementById(this.modalId),this._modalTitleEl=this._modalEl.querySelector(".modal-title"),this._modalDeleteBt=this._modalEl.querySelector(".formset-delete"),this._createModal()}_addEvents(){let t=this;this._modalEl.querySelectorAll('[data-formset-modal-toggle="'+this.modalId+'"]').forEach((function(e){e.addEventListener("click",(function(){t.close()}))}))}hasFieldError(t){let e=this.targetEl.querySelector(`#div_${t}`),s=!1,i="";return e.querySelectorAll(".field-error").forEach((function(t){s=!0,i=t.innerText})),{error:s,text:i}}hasNonFieldError(){return null!=this.targetEl.querySelector(".non-field-errors")}_hiddeDefaultDeleteBt(t){t.parentNode.classList.add("d-none")}_createModal(){let t=this;if(!this.modalInstance){let e=this.targetEl.querySelector(".formset-delete"),s=new p(this._modalEl,{placement:t._options.placement,size:t._options.size,templatePack:t._options.templatePack,onHide:function(e){t._onModalClose(e)},onShow:function(e){t._onModalShow(e)}});s._targetEl.addEventListener("keyup",(function(e){t._options.onKeyUp(e,t)})),this.modalInstance=s,this._hiddeDefaultDeleteBt(e)}}_onModalShow(t){this._options.onOpen(this);let e=this._options.parent.targetEl.querySelector(".btn-open-row[data-formset-modal-toggle='"+this.modalId+"']").closest("tr");this._modalTitleEl.innerText=s("Editing row #")+this.rownum,e.classList.add("row-open")}_onModalClose(t){this._options.onClose(this);let e=this._options.parent.targetEl.querySelector(".btn-open-row[data-formset-modal-toggle='"+this.modalId+"']");if(e){e.closest("tr").classList.remove("row-open")}}isDeleted(){return this.targetEl.hasAttribute("data-formset-form-deleted")}isSelected(){return this.targetEl.hasAttribute("data-formset-form-selected")}open(){this.modalInstance.show()}close(){this.modalInstance.hide()}}const y="tabular",b="modal",E={editText:s("Edit")};class C{constructor(t){this._id=t,this.targetEl=document.getElementById(this._id),this.variant=y,this.$formset=null,this._options={...E},this._modalForms=[],this._deleteBt=null,this._table=null,this._tbody=null,this._tfoot=null,this._init(),this._addEvents()}_init(){this.variant=this._getVariant(),this.templatePack=this._getTemplatePack(),this.modalSize=this._getModalSize(),this.modalPlacement=this._getModalPlacement(),this.$formset=t(`#${this._id}`),this.$formset.formset({animateForms:!0}),this.variant!==b&&this.variant!=y||(this._table=this.targetEl.querySelector("table"),this._tbody=this._table.querySelector("tbody"),this._tfoot=this._table.querySelector("tfoot"),this._emptyState=this._tbody.innerHTML),this.variant===b&&(this._deleteBt=this.targetEl.querySelector(".delete-selected"),this._checkInitials(),this._configureSelectAllToggler(),this._refresh())}_getVariant(){return this.targetEl.getAttribute("data-formset-variant")}_getTemplatePack(){return this.targetEl.getAttribute("data-template-pack")}_getClasses(t){return m[this.templatePack].classes[t].split(" ")}_getPencilIcon(){return m[this.templatePack].pencilIcon}_getModalSize(){return this.targetEl.getAttribute("data-modal-size")}_getModalPlacement(){return this.targetEl.getAttribute("data-modal-placement")}_getModalFormInstanceByRownum(t){let e=!1;return this._modalForms.forEach((function(s){s.rownum!==t||s.isDeleted()||(e=s)})),e}_addEvents(){let t=this;this.$formset.on("formAdded",(function(e){t._onFormsetAdded(e)})),this.$formset.on("formDeleted",(function(e){t._onFormsetDeleted(e)}))}_checkInitials(){let t=this,e=[];this.targetEl.querySelectorAll("[data-formset-modal-toggle]").forEach((function(s){let i=s.closest("[data-formset-form]"),a=s.getAttribute("data-formset-modal-toggle");e.includes(a)||t._newModalForm(i,a),e.push(a)}))}_newModalForm(t,e){let s=this,i={parent:s,modalId:e,size:s.modalSize,placement:s.modalPlacement,templatePack:s.templatePack,onKeyUp:function(t,e){s._onModalFormKeyUp(t,e)},onOpen:function(t){s._onModalFormOpen(t)},onClose:function(t){s._onModalFormClose(t)}},a=new _(t,i);return s._modalForms.push(a),a}_onFormsetAdded(e){if(this.variant===b){let s=a();t(this.targetEl).find("#__dialog_id__").attr("id",s),t(this.targetEl).find('[data-formset-modal-toggle="__dialog_id__"]').attr("data-formset-modal-toggle",s),this._newModalForm(e.target,s).open()}window.hasOwnProperty("calculatedFields")&&(window.resetCalculatedFields(),n())}_onFormsetDeleted(){this.variant==b&&this._refresh(),r()}_onModalFormKeyUp(t,e){if(t.ctrlKey&&(38===t.keyCode||40===t.keyCode)){t.preventDefault();let s=e.rownum,i=this.$formset.formset("getOrCreate"),a=i.activeFormCount();if(38==t.keyCode&&s>1){e.close(),this._getModalFormInstanceByRownum(s-1).open()}if(40===t.keyCode){if(s<a){e.close(),this._getModalFormInstanceByRownum(s+1).open()}s==a&&(e.close(),i.addForm())}}}_onModalFormOpen(t){this._refresh()}_onModalFormClose(t){this._refresh()}_configureSelectAllToggler(){let t=this,e=this._table,s=this.targetEl.querySelector(".select-all"),i=this.targetEl.querySelector(".delete-selected");s.addEventListener("change",(function(i){let a=s.checked;e.querySelectorAll(".select-row").forEach((function(e){let s=e.closest("tr"),i=e.closest("td"),o=s.querySelector("[data-formset-modal-toggle]").getAttribute("data-formset-modal-toggle"),r=document.getElementById(o).closest("[data-formset-form]");e.checked=a,t._checker(s,i,r,e)}))})),i.addEventListener("click",(function(e){t.targetEl.querySelectorAll("[data-formset-form-selected]").forEach((function(t){let e=t.querySelector(".formset-delete");e.checked=!0,e.dispatchEvent(new Event("change"))}))}))}_checkSelectAllState(){let t=this._table,e=this.targetEl.querySelector(".delete-selected"),s=!1,i=t.querySelector(".select-all"),a=t.querySelectorAll("tbody tr").length,o=t.querySelectorAll("tr.selected").length;o===a&&a>0?(i.checked=!0,i.indeterminate=!1,s=!0):(o!=a&&o>0&&(i.indeterminate=!0,i.checked=!1,s=!0),0===o&&(i.checked=!1,i.indeterminate=!1,s=!1)),s?(e.classList.remove(...this._getClasses("hidden")),e.classList.add(...this._getClasses("inlineFlex"))):(e.classList.remove(...this._getClasses("inlineFlex")),e.classList.add(...this._getClasses("hidden")))}_checker(t,e,s,i){let a=e.querySelector(".cfm-selection-border, .selection-border");if(a&&a.remove(),i.checked){let i=document.createElement("div");e.classList.add(...this._getClasses("relative")),i.classList.add(...this._getClasses("selectionMark")),e.prepend(i),s.setAttribute("data-formset-form-selected","selected"),t.classList.add("selected")}else i.classList.remove(...this._getClasses("relative")),t.classList.remove("selected"),s.removeAttribute("data-formset-form-selected");this._checkSelectAllState()}_refresh(){let t=this,e={},s=[],i=[];this._table.querySelectorAll("[data-field-name]").forEach((function(t){e[t.getAttribute("data-field-name")]={type:t.getAttribute("data-field-type"),hasSummary:t.hasAttribute("data-field-summary"),summary:0}})),s=Object.keys(e),this._modalForms.forEach((function(t){if(!t.isDeleted()){let e={};t.targetEl.querySelectorAll("input, select").forEach((function(i){let a=i.name.match(/(?<form>\w+)-(?<number>\w+)-(?<name>\w+)/);if(a){let r=a.groups.name;if(s.includes(r)){let s=o(i);e[r]={value:s,sourceId:i.getAttribute("id")},e.modalForm=t}}})),i.push(e)}})),function(t){for(;t.hasChildNodes();)t.removeChild(t.lastChild)}(this._tbody),0===i.length&&(this._tbody.innerHTML=this._emptyState);let a=1;i.forEach((function(i){i.modalForm.rownum=a;let o=document.createElement("tr");o.classList.add(...t._getClasses("tr")),o.setAttribute("data-rownum",a),i.modalForm.hasNonFieldError()&&(o.style="border: 1px solid #ff4545");let r=document.createElement("td"),n=document.createElement("input");n.setAttribute("type","checkbox"),n.classList.add(...t._getClasses("checkbox")),n.classList.add("select-row"),r.appendChild(n),r.classList.add(...t._getClasses("td")),n.addEventListener("change",(function(e){t._checker(o,r,i.modalForm.targetEl,e.target)})),o.appendChild(r);let l=document.createElement("td");l.classList.add(...t._getClasses("td")),l.classList.add(...t._getClasses("textRight")),l.classList.add(...t._getClasses("pointer")),l.innerText=a,l.addEventListener("click",(function(){i.modalForm.open()})),o.appendChild(l),s.forEach((function(s){let a=document.createElement("td"),r=i.modalForm.hasFieldError(i[s].sourceId);var n;a.classList.add(...t._getClasses("td")),r.error&&(a.style="border: 1px solid #ff4545",a.title=r.text),"bool"===e[s].type?(checked="on"===i[s].value?"checked":"",a.innerHTML=`<input type="checkbox" class="${t._getClasses("checkbox").join(" ")}" ${checked} disabled></input>`):a.innerText=i[s].value,"numeric"===e[s].type&&(a.classList.add(...t._getClasses("textRight")),e[s].hasSummary&&(e[s].summary=e[s].summary+(n=i[s].value,Number(n)))),"bool"!==e[s].type&&"date"!=e[s].type||a.classList.add(...t._getClasses("textCenter")),a.setAttribute("data-source",i[s].sourceId),o.appendChild(a)}));let d=document.createElement("td");d.classList.add(...t._getClasses("td")),d.classList.add(...t._getClasses("textCenter")),d.classList.add(...t._getClasses("p0")),d.classList.add(...t._getClasses("alignMiddle")),d.innerHTML=`\n                <button type="button"\n                        title="${t._options.editText}" \n                        class="${t._getClasses("editBtn").join(" ")}"\n                        data-formset-modal-toggle="${i.modalForm.modalId}">\n                        ${t._getPencilIcon()}\n                </button>`,d.querySelector(".btn-open-row").addEventListener("click",(function(t){i.modalForm.open()})),o.appendChild(d),t._tbody.appendChild(o),i.modalForm.isSelected()&&(n.checked=!0,t._checker(o,r,i.modalForm.targetEl,n)),a++})),this._tfoot&&this._tfoot.querySelectorAll("[data-summary-column]").forEach((function(t){let s=e[t.getAttribute("data-summary-column")].summary;t.innerText=s})),this._checkSelectAllState()}}var x;t.fn[h]=function(){var e,s,i;if(0===arguments.length||1===arguments.length&&"string"!=t.type(arguments[0]))return e=arguments[0],this.each((function(){return u.getOrCreate(this,e)}));if(s=arguments[0],i=t.makeArray(arguments).slice(1),s in u)return i.unshift(this),u[s].apply(u,i);throw new Error("Unknown function call "+s+" for $.fn.formset")},x=function(){!function(){const t=document.createElement("style");t.innerHTML="\n    .cfm-selection-border {\n        position: absolute;\n        top: 0px;\n        bottom: 0px;\n        left: 0px;\n        width: 0.150rem;\n        background-color: rgb(220 53 69 / 1);\n    }\n    .cfm-modal-backdrop {\n        position: fixed;\n        inset: 0px;\n        z-index: 100;\n        background-color: rgb(31 41 55 / 1);\n        opacity: 0;\n        transition-property: opacity;\n        transition-duration: 300ms;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .cfm-opacity-50 {\n        opacity: 0.5;\n    }\n    .cfm-opacity-100 {\n        opacity: 1;\n    }\n    .cfm-tr.selected{\n      background-color: rgba(0, 0, 0, 0.08) !important;\n    }\n    .cfm .modal-body {\n      max-height: calc(100vh - 150px);\n      overflow-x: auto;\n    }\n    .cfm-cursor-pointer {\n      cursor: pointer;\n    }\n    ",document.head.appendChild(t)}(),function(){let t=[];document.querySelectorAll("[data-modal-toggle]").forEach((e=>{const s=e.getAttribute("data-modal-toggle"),i=document.getElementById(s),a=i.getAttribute("data-modal-placement");i&&(i.hasAttribute("aria-hidden")||i.hasAttribute("aria-modal")||i.setAttribute("aria-hidden","true"));let o=null;l(s,t)?(o=l(s,t),o=o.object):(o=new p(i,{placement:a||Default.placement}),t.push({id:s,object:o})),i.hasAttribute("data-modal-show")&&"true"===i.getAttribute("data-modal-show")&&o.show(),e.addEventListener("click",(()=>{o.toggle()}))}))}(),n(),document.querySelectorAll(".formset").forEach((function(t){new C(t.getAttribute("id"))})),r()},"loading"!==document.readyState?x():document.addEventListener("DOMContentLoaded",x)}($);
+//# sourceMappingURL=crispy-formset-modal.min.js.map