From 0335fcc35c799a12825cfbeedf078d51181278a3 Mon Sep 17 00:00:00 2001
From: echibiki <ecverniy@gmail.com>
Date: Fri, 9 Mar 2018 06:44:01 -0500
Subject: [PATCH] p/w styling

---
 builds/4-Free.user.js  | 21 ++++++++++++++-------
 src/main.ts            |  2 +-
 src/password-viewer.ts | 32 +++++++++++++++++++++++---------
 3 files changed, 38 insertions(+), 17 deletions(-)

diff --git a/builds/4-Free.user.js b/builds/4-Free.user.js
index 49cc46e..98e1340 100644
--- a/builds/4-Free.user.js
+++ b/builds/4-Free.user.js
@@ -58,17 +58,24 @@ var Password = /** @class */ (function () {
         this.post_id = "postPassword";
         this.del_id = "delPassword";
         this.node_post = document.getElementById(this.post_id);
-        this.previous_node_post = document.createElement("LABEL");
-        this.previous_node_post.textContent = "Post Password: ";
+        this.label_post = document.createElement("P");
+        this.label_post.textContent = "Post: ";
+        this.node_post_parent = this.node_post.parentNode;
+        this.post_pass = this.node_post.value;
         this.node_del = document.getElementById(this.del_id);
-        this.previous_node_del = document.createElement("LABEL");
-        this.previous_node_del.textContent = "Devare Password: ";
+        this.label_del = document.createElement("P");
+        this.label_del.textContent = "| Delete: ";
+        this.node_del_parent = this.node_del.parentNode;
+        this.del_pass = this.node_del.value;
     }
     Password.prototype.display = function () {
         this.node_post.removeAttribute("type");
-        this.node_post.insertBefore(this.previous_node_post);
         this.node_del.removeAttribute("type");
-        this.node_post.insertBefore(this.previous_node_del);
+        this.node_post_parent.insertBefore(this.label_post, this.node_post);
+        this.node_del_parent.insertBefore(this.label_del, this.node_del);
+        this.node_del.style.display = "block";
+        this.label_del.style.display = "block";
+        document.getElementsByClassName("deleteform")[0].style.display = "block";
     };
     return Password;
 }());
@@ -82,4 +89,4 @@ var Main = /** @class */ (function () {
     };
     return Main;
 }());
-var main = new Main();
+document.addEventListener("4chanXInitFinished", function () { new Main(); });
diff --git a/src/main.ts b/src/main.ts
index 5932347..6e6dfd7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,4 +8,4 @@ class Main{
 	}
 }
 
-var main = new Main();
\ No newline at end of file
+document.addEventListener("4chanXInitFinished", function(){new Main();});
diff --git a/src/password-viewer.ts b/src/password-viewer.ts
index dba47f3..e77ca11 100644
--- a/src/password-viewer.ts
+++ b/src/password-viewer.ts
@@ -1,26 +1,40 @@
 class Password{
 	post_id: string = "postPassword";
 	del_id: string = "delPassword";
+	post_pass: string;
+	del_pass: string;
 	
 	node_post: any;
+	label_post: any;
+	node_post_parent:any;
+	
 	node_del: any;
-	previous_node_post: any;
-	previous_node_del: any;
+	node_del_parent:any;
+	label_del: any;
 	constructor(){
 		this.node_post = document.getElementById(this.post_id);
-		this.previous_node_post = document.createElement("LABEL");
-		this.previous_node_post.textContent = "Post Password: ";
+		this.label_post = document.createElement("P");
+		this.label_post.textContent = "Post: ";
+		this.node_post_parent = this.node_post.parentNode;
+		this.post_pass = this.node_post.value;
 		
 		this.node_del = document.getElementById(this.del_id);
-		this.previous_node_del = document.createElement("LABEL");
-		this.previous_node_del.textContent = "Devare Password: "
+		this.label_del = document.createElement("P");
+		this.label_del.textContent = "| Delete: "
+		this.node_del_parent = this.node_del.parentNode;
+		this.del_pass = this.node_del.value;
 	}
 	
 	display():void{
-		this.node_post.removeAttribute("type");	
-		this.node_post.insertBefore(this.previous_node_post);
+		this.node_post.removeAttribute("type");
 		this.node_del.removeAttribute("type");
-		this.node_post.insertBefore(this.previous_node_del);
+
+		this.node_post_parent.insertBefore(this.label_post, this.node_post);
+		this.node_del_parent.insertBefore(this.label_del, this.node_del);
+		
+		this.node_del.style.display = "block";		
+		this.label_del.style.display = "block";	
+		(<HTMLElement>document.getElementsByClassName("deleteform")[0]).style.display = "block";		
 	}
 	
 }
\ No newline at end of file
-- 
2.11.4.GIT