From 4f2db83a135b9ab19fd3f97c0420a9c7f7d2cd47 Mon Sep 17 00:00:00 2001
From: Alocks <alocksmasao@gmail.com>
Date: Wed, 4 Dec 2019 18:54:40 -0300
Subject: [PATCH] almost gave up

---
 nhentai/viewer/logo.png  | Bin 0 -> 10419 bytes
 nhentai/viewer/main.css  |  48 +++++++++++++++----
 nhentai/viewer/main.html |   8 ++--
 nhentai/viewer/main.js   |  97 ++++++++++++++++++++++++++++-----------
 4 files changed, 113 insertions(+), 40 deletions(-)
 create mode 100644 nhentai/viewer/logo.png

diff --git a/nhentai/viewer/logo.png b/nhentai/viewer/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6132096578a3645590788d250e4540bf071f3d0
GIT binary patch
literal 10419
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
b-y=`Ai2pyqoY}cEo&cbyWvtn#j)?ysuHRO+

literal 0
HcmV?d00001

diff --git a/nhentai/viewer/main.css b/nhentai/viewer/main.css
index bf4100c..2519d81 100644
--- a/nhentai/viewer/main.css
+++ b/nhentai/viewer/main.css
@@ -286,17 +286,26 @@ blockquote {
   font-weight: bold;
   background-color: #eee;
   color: #444;
-  padding: 10px 0px 5px 8px;
+  padding: 8px 8px 5px 9px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
-  transition: 0.4s;
 }
 
 .nav-btn.hidden {
-  display:none
+  display:none;
+}
+
+.nav-btn a{
+  font-weight: normal;
+  padding-right: 10px;
+  border-radius: 15px;
+  cursor: crosshair
+}
+
+.nav-btn a.language{
 }
 
 .options {
@@ -363,24 +372,24 @@ blockquote {
     text-align:left;
     display: block;
 	width:15rem;
-	display: flex;
-    flex-flow: row wrap;
+
     justify-content: start;
 	margin: 2px 2px 2px 0px
 }
 
 .btn-2{
   font-weight:700;
-  padding-right:10px;
-  padding-left:10px;
+  padding-right:0.5rem;
+  padding-left:0.5rem;
   color:#fff;
   border:0;
   font-size:100%;
-  height:20px;
+  height:1.25rem;
   outline: 0;
-  border-radius: 3px;
+  border-radius: 0.3rem;
   cursor: pointer;
-  margin:2px;
+  margin:0.15rem;
+  transition: all 1s linear;
 }
 
 .btn-2.parody{
@@ -406,6 +415,15 @@ blockquote {
 .btn-2.hover{
   filter: saturate(20%)
 }
+
+.btn-2.hidden{
+  display: none;
+}
+
+.btn-2.vhidden {
+  opacity: 0;
+}
+
 input,input:focus{
   border:none;
   outline:0;
@@ -441,4 +459,14 @@ html.theme-black code {
     color: #ed2553;
     border: none;
     background-color: #292929
+}
+.btn span.icon {
+    background: url(imgs/icon.png) no-repeat;
+    float: right;
+    width: 10px;
+    height: 40px;
+}
+.cross{
+	float:left
+	height: 5px;
 }
\ No newline at end of file
diff --git a/nhentai/viewer/main.html b/nhentai/viewer/main.html
index 376dd70..73437a5 100644
--- a/nhentai/viewer/main.html
+++ b/nhentai/viewer/main.html
@@ -18,18 +18,18 @@
         <nav class="sidenav">
 			<img src="logo.png">
 			<h1>nHentai Viewer</h1>
-									<button class="accordion">Language</button>
+            <button class="accordion">Language</button>
             <div class="options" id="language">
                     <a>English</a>
-                    <a>日本語</a>
-                    <a>中国語</a>
+                    <a>Japanese</a>
+                    <a>Chinese</a>
             </div>
 			<button class="accordion">Category</button>
             <div class="options" id ="category">
                     <a>Doujinshi	</a>
                     <a>Manga</a>
             </div>
-			<button class="nav-btn hidden">Filters</button>
+			<button id="nav-btn" class="hidden">Filters</button>
 			<div class="search">
 				<input type="search" name="q" value="" autocapitalize="none" required="">
 				<button type="submit" class="btn btn-primary btn-square">
diff --git a/nhentai/viewer/main.js b/nhentai/viewer/main.js
index 9755939..0e1ead3 100644
--- a/nhentai/viewer/main.js
+++ b/nhentai/viewer/main.js
@@ -15,13 +15,17 @@ for (var i = 0; i < menu.length; i++) {
 var language = document.getElementById("language").children;
 for (var i = 0; i < language.length; i++){
 	language[i].addEventListener("click", function() {
-		document.getElementById("language").style.maxHeight = null;
+		toggler = document.getElementById("language")
+		toggler.style.maxHeight = null;
 		document.getElementsByClassName("accordion")[0].classList.toggle("active");
-
-		var toggler = document.getElementsByClassName("nav-btn")[0].classList;
-				if (toggler.contains("hidden")){
-		  toggler.toggle("hidden");
+		var nav_btn = document.getElementsByClassName("nav-btn")[0];
+		if (nav_btn.classList.contains("hidden")){
+		  nav_btn.classList.toggle("hidden");
 		}
+		var node = filter_maker(this.innerText, "language");
+		var check = filter_checker(this.innerText)
+		if (check == true){
+			nav_btn.appendChild(node);}
 });
 }
 var category = document.getElementById("category").children;
@@ -30,31 +34,72 @@ for (var i = 0; i < category.length; i++){
 		document.getElementById("category").style.maxHeight = null;
 		document.getElementsByClassName("accordion")[1].classList.toggle("active");
 
-		var toggler = document.getElementsByClassName("nav-btn")[0].classList;
-				if (toggler.contains("hidden")){
-		  toggler.toggle("hidden");
+		var nav_btn = document.getElementsByClassName("nav-btn")[0];
+		if (nav_btn.classList.contains("hidden")){
+		  nav_btn.classList.toggle("hidden");
 		}
+
+		var node = filter_maker(this.innerText, "category");
+		var check = filter_checker(this.innerText)
+		if (check == true){
+			nav_btn.appendChild(node);}
 });
 }
+tag_maker(tags)
 //-----------------------------------------------------------------------------------
-var tags = document.getElementById("tags");
-for (i in data){
-	tag_maker(data[i])
+//------------------------------------Functions--------------------------------------
+
+function filter_maker(text, class_value){
+    var node = document.createElement("a");
+    var textnode = document.createTextNode(text);
+    node.appendChild(textnode);
+    node.classList.add(class_value);
+    return node;
 }
+
+function filter_checker(text){
+    var filter_tags = document.getElementsByClassName("nav-btn")[0].children;
+	if (filter_tags == null){return true;}
+	for (i in filter_tags){
+		if (filter_tags[i].innerText == text){return false;}
+	}
+	return true;
+}
+
 function tag_maker(data){
-	var options = ["parody", "character", "tag", "artist", "group"];
-		for (i in options){
-			var i = options[i]
-			if (data[i] != null){
-				for (j in data[i]){
-					var node = document.createElement("button");                   // Create a <li> node
-					var textnode = document.createTextNode(data[i][j]);  					// Create a text node
-					node.appendChild(textnode);                             // Append the text to <li>
-					node.classList.add("btn-2");
-					node.classList.add("parody");
-					document.getElementById(i).appendChild(node);
-					console.log("teste");
-				}
-			}
+	for (i in data){
+		for (j in data[i]){
+			var node = document.createElement("button");
+			var textnode = document.createTextNode(data[i][j]);
+			node.appendChild(textnode);
+			node.classList.add("btn-2");
+			node.classList.add(i);
+			node.classList.add("hidden");
+			document.getElementById("tags").appendChild(node);
 		}
-}
\ No newline at end of file
+	}
+}
+
+var input = document.getElementById("tagfilter");
+
+input.addEventListener("input", function() {
+	var tags = document.querySelectorAll(".btn-2");
+	if (this.value.length > 0) {
+        for (var i = 0; i < tags.length; i++) {
+            var tag = tags[i];
+            var nome = tag.innerText;
+            var exp = new RegExp(this.value, "i");;
+            if (exp.test(nome)) {
+                tag.classList.remove("hidden");
+		    }
+			else {
+				tag.classList.add("hidden");
+            }
+        }
+    } else {
+        for (var i = 0; i < tags.length; i++) {
+            var tag = tags[i];
+				tag.classList.add('hidden');
+        }
+    }
+});
\ No newline at end of file