From bee61f33d91b80f128486d9685a060b5b4b8487a Mon Sep 17 00:00:00 2001
From: Nicolas Boisselier <nicolas.boisselier@gmail.com>
Date: Mon, 8 Oct 2018 01:19:35 +0100
Subject: [PATCH] lib/js/modal.js

---
 lib/js/modal.js              | 41 ++++++++++++++++++++++++++++++++++++
 www/dbq/html/default.css     |  2 +-
 www/dbq/html/default.min.css |  2 +-
 3 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 lib/js/modal.js

diff --git a/lib/js/modal.js b/lib/js/modal.js
new file mode 100644
index 00000000..557306c8
--- /dev/null
+++ b/lib/js/modal.js
@@ -0,0 +1,41 @@
+$('<div/>', {
+	id: 'modal',
+	class: 'modal fade',
+	role: 'dialog',
+	tabindex: '-1',
+	'aria-labelledby': 'modal-title',
+	'aria-hidden': 'true',
+}).append(
+	$('<div/>', { class: 'modal-dialog modal-lg', role: 'document' }).append(
+		$('<div/>', { class: 'modal-content' }).append([
+			$('<div/>', { class: 'modal-header' }).append([
+				$('<h5/>',{ class: 'modal-title', id: 'modal-title' }),
+				$('<button/>',{
+					class: 'close', type: 'button', 'data-dismiss': 'modal', 'aria-label': 'Close'
+				}).append('<span/>',{ 'aria-hidden': true }).append('&times;'),
+			]),
+			$('<div/>', { class: 'modal-body' }),
+			$('<div/>', { class: 'modal-footer' }),
+		])
+	)
+)
+.on('show.bs.modal', function (e) {
+	var orig = $(e.relatedTarget);
+
+	var title = orig.attr('title') ? orig.attr('title') : orig.text();
+	if (orig.data('title')) title = orig.data('title');
+	$(this).find('.modal-title').text(title);
+	//console.log(title);
+
+	var body = '';
+	if (orig.data('body')) $(this).find('.modal-body').html(orig.data('body'));
+	if (orig.data('footer')) $(this).find('.modal-footer').html(orig.data('footer'));
+
+	$(this).find('iframe').focus();
+})
+.on('hide.bs.modal', function (e) {
+	$(this).find('.modal-title').html('');
+	$(this).find('[src]').attr('src','');
+})
+.appendTo('body')
+;
diff --git a/www/dbq/html/default.css b/www/dbq/html/default.css
index 3a85e1fd..e0f2fcc7 100644
--- a/www/dbq/html/default.css
+++ b/www/dbq/html/default.css
@@ -114,5 +114,5 @@ a.active, .active a {
 }
 
 .db-rows img {
-	max-height: 2rem;
+	max-height: 4rem;
 }
diff --git a/www/dbq/html/default.min.css b/www/dbq/html/default.min.css
index 8b1ccafe..ccc87bed 100644
--- a/www/dbq/html/default.min.css
+++ b/www/dbq/html/default.min.css
@@ -1 +1 @@
-@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light);font-weight:400!important}#db-menu-form_ *{font-size:95%}#db-menu-form .form-control{max-width:5rem;height:1.5rem;padding:0 .3rem;margin-top:.4rem;margin-left:.2rem}#db-menu-form .btn-group{margin-left:.4rem;max-height:2.5rem}.db-edit .form-control+.media{margin-top:.25rem}#db-menu-form,#page-bottom,.CENTER,.db-results,.db-rows,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}.D-NONE,.db-field-delete label,.db-field-view label{display:none}.HIDE,.db-rows th.view{color:transparent;text-shadow:none;background-color:transparent}.active a,a.active{color:var(--danger)}.db-edit img{max-height:5rem}.db-rows img{max-height:2rem}
+@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light);font-weight:400!important}#db-menu-form_ *{font-size:95%}#db-menu-form .form-control{max-width:5rem;height:1.5rem;padding:0 .3rem;margin-top:.4rem;margin-left:.2rem}#db-menu-form .btn-group{margin-left:.4rem;max-height:2.5rem}.db-edit .form-control+.media{margin-top:.25rem}#db-menu-form,#page-bottom,.CENTER,.db-results,.db-rows,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}.D-NONE,.db-field-delete label,.db-field-view label{display:none}.HIDE,.db-rows th.view{color:transparent;text-shadow:none;background-color:transparent}.active a,a.active{color:var(--danger)}.db-edit img{max-height:5rem}.db-rows img{max-height:4rem}
-- 
2.47.3