From 4758032a35370715bd1fce0b6803ac1479232dac Mon Sep 17 00:00:00 2001
From: Siarhei Siniak <siarheisiniak@gmail.com>
Date: Mon, 12 Aug 2024 02:18:47 +0300
Subject: [PATCH] [~] Refactor

---
 deps/greasyfork/linkedin.user.js | 80 +++++++++++++++++++++-----------
 1 file changed, 52 insertions(+), 28 deletions(-)

diff --git a/deps/greasyfork/linkedin.user.js b/deps/greasyfork/linkedin.user.js
index 04ed47f..8d67595 100644
--- a/deps/greasyfork/linkedin.user.js
+++ b/deps/greasyfork/linkedin.user.js
@@ -33,25 +33,25 @@ https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Polic
 
 
 {
-	"request": [],
-	"sendHeader": [],
-	"receiveHeader": [
-		{
-			"enable": true,
-			"name": "disable CSP for linkedin",
-			"ruleType": "modifyReceiveHeader",
-			"matchType": "domain",
-			"pattern": "www.linkedin.com",
-			"exclude": "",
-			"group": "Ungrouped",
-			"isFunction": false,
-			"action": {
-				"name": "content-security-policy",
-				"value": ""
-			}
-		}
-	],
-	"receiveBody": []
+  "request": [],
+  "sendHeader": [],
+  "receiveHeader": [
+    {
+      "enable": true,
+      "name": "disable CSP for linkedin",
+      "ruleType": "modifyReceiveHeader",
+      "matchType": "domain",
+      "pattern": "www.linkedin.com",
+      "exclude": "",
+      "group": "Ungrouped",
+      "isFunction": false,
+      "action": {
+        "name": "content-security-policy",
+        "value": ""
+      }
+    }
+  ],
+  "receiveBody": []
 }
 */
 
@@ -206,12 +206,36 @@ div.online-fxreader-linkedin {
     GM_addElement('script', {
       "textContent": `
 class Linkedin {
-	blah(class_name) {
-		console.log('blah');
-		Array.from(
-			document.getElementsByClassName(class_name)
-		).forEach((o) => o.remove());
-	}
+  constructor() {
+    this.ui = {
+      root: () => {
+        return document.getElementsByClassName('online-fxreader-linkedin');
+      },
+    };
+
+    this.ui.search = () => {
+      let search = this.ui.root().getElementsByClassName('.search')[0];
+      let search_input = search.getElementsbyTagName('input')[0];
+      return search_input;
+    };
+  }
+
+  blah(class_name) {
+    console.log('blah');
+    Array.from(
+      document.getElementsByClassName(class_name)
+    ).forEach((o) => o.remove());
+  }
+
+  search_on_change() {
+    let self = this;
+    let search = self.ui.search();
+    search.setAttribute(
+      'search',
+      search.value
+    );
+    console.log(search.value);
+  }
 };
 const online_fxreader_linkedin = new Linkedin();
 
@@ -234,8 +258,8 @@ const online_fxreader_linkedin = new Linkedin();
     let search = $('<div>').addClass('search').append(
       $('<input>')
     ).attr(
-      'onchange',
-      `function() {this.setAttribute('search', this.value); console.log(this.value);}`
+      'onkeyup',
+      `online_fxreader_linkedin.search_on_change()`,
     );
     self.ui.root.append(search);
 
@@ -270,7 +294,7 @@ const online_fxreader_linkedin = new Linkedin();
     GM_addElement('script', {
       "class": 'bridge',
       "textContent": `
-				online_fxreader_linkedin.blah('bridge');
+        online_fxreader_linkedin.blah('bridge');
       `
     });
   }