Add mission modal js code

ArmaForces · Jun 14, 2020 · 4a42b6b · 4a42b6b
1 parent 3121587
commit 4a42b6b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/assets/app.js b/assets/app.js
@@ -5,7 +5,7 @@ import yall from 'yall-js';
 
 // Init Bootstrap jQuery plugins
 import 'bootstrap';
-import * as form from './form';
+import * as modal from './modal';
 
 $(() => {
     $('[data-toggle="tooltip"]').tooltip();
@@ -22,7 +22,8 @@ $(() => {
         });
     });
 
-    form.initConfirmModals();
+    modal.initConfirmModals();
+    modal.initMissionModals();
 
     // Image lazy loading
     yall();

diff --git a/assets/form.js → assets/modal.js b/assets/form.js → assets/modal.js
@@ -34,3 +34,27 @@ export const initConfirmModals = () => {
         });
     });
 };
+
+export const createMissionModal = (title, content) => {
+    let template = $('#modal-mission-template').html();
+    template = template.replace('__content__', content);
+    template = template.replace('__title__', title);
+
+    let $modal = $(template).modal({
+        'backdrop': 'static',
+        'keyboard': false,
+    });
+};
+
+export const initMissionModals = () => {
+    $('[data-mission-widget]').on('click', '[data-mission-title]', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        const $mission = jQuery(e.delegateTarget);
+        const title = $mission.find('[data-mission-title]').text();
+        const description = $mission.find('[data-mission-description]').html();
+
+        createMissionModal(title, description)
+    });
+};