From 57ecf02214619a8ee73170426bd02f39819a6714 Mon Sep 17 00:00:00 2001
From: Nicolas Boisselier <nicolas.boisselier@gmail.com>
Date: Sun, 30 Sep 2018 20:59:49 +0100
Subject: [PATCH] www/dbq/html/default.js

---
 lib/css/block.css            | 58 ------------------------------------
 lib/css/reset.css            | 16 ----------
 lib/php/db/table.php         |  4 +--
 lib/php/page.php             |  6 ++--
 www/dbq/dbq.php              |  2 ++
 www/dbq/html/default.css     | 13 ++++++++
 www/dbq/html/default.js      |  5 ++--
 www/dbq/html/default.min.css |  2 +-
 8 files changed, 25 insertions(+), 81 deletions(-)
 delete mode 100644 lib/css/block.css
 delete mode 100644 lib/css/reset.css

diff --git a/lib/css/block.css b/lib/css/block.css
deleted file mode 100644
index f624950e..00000000
--- a/lib/css/block.css
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
-  Array
-*/
-._test {
-  border: solid 1px red;
-}
-
-ul._test {
-  clear: both;
-  padding: 0.5em;
-  display: table;
-}
-
-ul._test li {
-  clear: both;
-  border: solid 1px yellow;
-}
-
-/*
-  Hash
-*/
-dl._test {
-  border: solid 1px blue;
-  display: block;
-}
-dl._test dt,
-dl._test dd {
-  display: inline;
-  vertical-align: top;
-  margin: 0;
-  padding: 0;
-}
-dl._test dt {
-  width: 10%;
-}
-/*
-dl._test {
-  border: solid 1px blue;
-  margin: 0.5em;
-  display: inline-block;
-}
-dl._test dt,
-dl._test dd {
-  float: left;
-  margin: 0;
-  padding: 0;
-}
-
-dl._test dt {
-  clear: left;
-  margin-right: 0.1em;
-  min-width: 10%;
-  display: inline-block;
-}
-dl._test dd {
-}
-*/
-dl._test dt:after { content: ":"; }
diff --git a/lib/css/reset.css b/lib/css/reset.css
deleted file mode 100644
index e21dd40e..00000000
--- a/lib/css/reset.css
+++ /dev/null
@@ -1,16 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-*, *:before, *:after {
-  -webkit-box-sizing: inherit;
-  -moz-box-sizing: inherit;
-  box-sizing: inherit;
-}
diff --git a/lib/php/db/table.php b/lib/php/db/table.php
index 22b3d67e..4c75862e 100644
--- a/lib/php/db/table.php
+++ b/lib/php/db/table.php
@@ -1370,7 +1370,7 @@ Class Table extends nb {
 			if ($opt['is_html']) {
 				echo ''
 					.'<div class="bottom my-2">'
-					.'<nav class="pagination mx-auto">'
+					.'<nav class="pagination">'
 					.$this->nav($opt['count'],$opt['tot'],$opt['limit'])
 				 .'</nav>'.NB_EOL
 				 .'</div>'.NB_EOL
@@ -2163,7 +2163,7 @@ Class Table extends nb {
 		$buttons = '<span class="btn-group btn-group-sm"><input type="submit" class="button button-small btn btn-primary" value="Go"/></span>';
 		if (!empty($opt['buttons'])) $buttons = $opt['buttons'];
 
-		$r = '<form class="menu db-menu card d-table list-group-item form-inline" id="db-table-html-menu-form" method="get" action="'.$this->request_uri().'">'.NB_EOL;
+		$r = '<form id="db-menu-form" class="menu card d-table list-group-item form-inline" method="get" action="'.$this->request_uri().'">'.NB_EOL;
 
 		# See: http://html5doctor.com/html5-forms-input-types/
 		#$r .= '<input id="skill" type="range" min="1" max="100" value="0" />';
diff --git a/lib/php/page.php b/lib/php/page.php
index a0d30c7f..24b99e1c 100644
--- a/lib/php/page.php
+++ b/lib/php/page.php
@@ -323,8 +323,10 @@ class Page extends nb {
 
     if (self::is('html')) {
       self::tag_end();
-      echo '</body>' . NB_EOL;
-      echo '</html>' . NB_EOL;
+      echo ''
+      	. '</body>' . NB_EOL
+      	. '</html>' . NB_EOL
+			;
     }
 
   }
diff --git a/www/dbq/dbq.php b/www/dbq/dbq.php
index 9e0df4eb..0a4ee734 100644
--- a/www/dbq/dbq.php
+++ b/www/dbq/dbq.php
@@ -313,6 +313,7 @@ class DbQ extends nb {
 			if ($this->base) $this->page->head[] = '<base href="' . $this->base . '/" />';
 
 			$this->page->begin();
+			echo '<div id="page-body" class="container">';
 
 		} # if (empty($this->_nopage)) {
 
@@ -347,6 +348,7 @@ class DbQ extends nb {
 
 			$this->page_bottom();
 
+			echo '</div>';
 			$this->page->end();
 		}
 
diff --git a/www/dbq/html/default.css b/www/dbq/html/default.css
index 77ee4085..5d2b0eaf 100644
--- a/www/dbq/html/default.css
+++ b/www/dbq/html/default.css
@@ -60,3 +60,16 @@ h1, h1 a, h1 a:hover {
 	*/
 	margin-top: 0.25rem;
 }
+
+/* Center */
+#db-menu-form,
+.pagination,
+.CENTER {
+	margin-left: auto;
+	margin-right: auto;
+	width: auto;
+	display: table;
+}
+.pagination * {
+	display: inline-block
+}
diff --git a/www/dbq/html/default.js b/www/dbq/html/default.js
index cf35857f..dfa9ef2b 100644
--- a/www/dbq/html/default.js
+++ b/www/dbq/html/default.js
@@ -121,8 +121,9 @@ document.addEventListener("DOMContentLoaded", function() {
 
 		a.onclick = function() {
 			var forms = document.querySelectorAll("form.rm");
-			var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
-			elem.className = 'loader';
+			// NB 30.09.18: Disable 
+// NB 30.09.18 			var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
+// NB 30.09.18 			elem.className = 'loader';
 
 			for (j = 0; j < forms.length; ++j) {
 
diff --git a/www/dbq/html/default.min.css b/www/dbq/html/default.min.css
index 0fee716d..90ba2d04 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}body{font-size:.9rem;line-height:1.2}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)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}
+@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}body{font-size:.9rem;line-height:1.2}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)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,.CENTER,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}
-- 
2.47.3