File tree Expand file tree Collapse file tree 1 file changed +13
-0
lines changed Expand file tree Collapse file tree 1 file changed +13
-0
lines changed Original file line number Diff line number Diff line change @@ -77,12 +77,25 @@ How it works?
7777 });
7878
7979 // BS5
80+ // instantiate single modal form
8081 document .addEventListener (' DOMContentLoaded' , (e ) => {
8182 modalForm (document .getElementById (' create-book' ), {
8283 formURL: " {% url 'create_book' %}"
8384 })
8485 });
8586
87+ // BS5
88+ // instantiate multiple modal forms with unique formUrls
89+ document .addEventListener (' DOMContentLoaded' , (e ) => {
90+ var deleteButtons = document .getElementsByClassName (" delete-book" );
91+ for (var index= 0 ; index < deleteButtons .length ; index++ ) {
92+ modalForm (deleteButtons[index], {
93+ formURL: deleteButtons[index][" dataset" ][" formUrl" ],
94+ isDeleteForm: true
95+ });
96+ }
97+ });
98+
8699 </script >
87100
881011. Click event on html element instantiated with ``modalForm `` opens modal
You can’t perform that action at this time.
0 commit comments