lib/js/modal.js

diff --git a/lib/js/modal.js b/lib/js/modal.js
new file mode 100644 (file)
index 0000000..557306c
--- /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 3a85e1fd6d45dd8d5b76c37930d3fec356d5dc78..e0f2fcc7b478d3e8686dd80cf0f7fb93c8425f8c 100644 (file)
--- 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 8b1ccafe271b81b625630ca57a6e0b13587e50fe..ccc87bed18b0b8cab3661926959481e20474c7b2 100644 (file)
--- 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}