first commit - report data

2025-03-21 10:22:45 +07:00
commit 59963790c0
3493 changed files with 1353173 additions and 0 deletions
@@ -0,0 +1,98 @@
+"use strict";
+
+$("#modal-1").fireModal({body: 'Modal body text goes here.'});
+$("#modal-2").fireModal({body: 'Modal body text goes here.', center: true});
+
+let modal_3_body = '<p>Object to create a button on the modal.</p><pre class="language-javascript"><code>';
+modal_3_body += '[\n';
+modal_3_body += ' {\n';
+modal_3_body += "   text: 'Login',\n";
+modal_3_body += "   submit: true,\n";
+modal_3_body += "   class: 'btn btn-primary btn-shadow',\n";
+modal_3_body += "   handler: function(modal) {\n";
+modal_3_body += "     alert('Hello, you clicked me!');\n"
+modal_3_body += "   }\n"
+modal_3_body += ' }\n';
+modal_3_body += ']';
+modal_3_body += '</code></pre>';
+$("#modal-3").fireModal({
+  title: 'Modal with Buttons',
+  body: modal_3_body,
+  buttons: [
+    {
+      text: 'Click, me!',
+      class: 'btn btn-primary btn-shadow',
+      handler: function(modal) {
+        alert('Hello, you clicked me!');
+      }
+    }
+  ]
+});
+
+$("#modal-4").fireModal({
+  footerClass: 'bg-whitesmoke',
+  body: 'Add the <code>bg-whitesmoke</code> class to the <code>footerClass</code> option.',
+  buttons: [
+    {
+      text: 'No Action!',
+      class: 'btn btn-primary btn-shadow',
+      handler: function(modal) {
+      }
+    }
+  ]
+});
+
+$("#modal-5").fireModal({
+  title: 'Login',
+  body: $("#modal-login-part"),
+  footerClass: 'bg-whitesmoke',
+  autoFocus: false,
+  onFormSubmit: function(modal, e, form) {
+    // Form Data
+    let form_data = $(e.target).serialize();
+    console.log(form_data)
+
+    // DO AJAX HERE
+    let fake_ajax = setTimeout(function() {
+      form.stopProgress();
+      modal.find('.modal-body').prepend('<div class="alert alert-info">Please check your browser console</div>')
+
+      clearInterval(fake_ajax);
+    }, 1500);
+
+    e.preventDefault();
+  },
+  shown: function(modal, form) {
+    console.log(form)
+  },
+  buttons: [
+    {
+      text: 'Login',
+      submit: true,
+      class: 'btn btn-primary btn-shadow',
+      handler: function(modal) {
+      }
+    }
+  ]
+});
+
+$("#modal-6").fireModal({
+  body: '<p>Now you can see something on the left side of the footer.</p>',
+  created: function(modal) {
+    modal.find('.modal-footer').prepend('<div class="mr-auto"><a href="#">I\'m a hyperlink!</a></div>');
+  },
+  buttons: [
+    {
+      text: 'No Action',
+      submit: true,
+      class: 'btn btn-primary btn-shadow',
+      handler: function(modal) {
+      }
+    }
+  ]
+});
+
+$('.oh-my-modal').fireModal({
+  title: 'My Modal',
+  body: 'This is cool plugin!'
+});