From 5c6a78b6bd43e7a79984477c5298f1e2244dcc84 Mon Sep 17 00:00:00 2001 From: RajWorking Date: Wed, 1 Feb 2023 14:08:39 +0530 Subject: [PATCH 1/6] [ADD] Find and Replace Functionality --- css/styles-css.css | 5 ++++ index.html | 60 +++++++++++++++++++++++++++++++++++++++++++ javascript/tooltip.js | 59 +++++++++++++++++++++++++++++++++++++++++- 3 files changed, 123 insertions(+), 1 deletion(-) diff --git a/css/styles-css.css b/css/styles-css.css index 3df5016..0bc2165 100644 --- a/css/styles-css.css +++ b/css/styles-css.css @@ -1,5 +1,6 @@ :root { --primary: #21a094; + --selected-find: #ffe600; --selected-blue: #d2e4f9; --selected-red: #fecbcf; --selected-yellow: #fbeed1; @@ -270,6 +271,10 @@ body, html { color: var(--tag-color); } +.find { + background-color: var(--selected-find); +} + .selected-1 { background-color: var(--selected-orange); } diff --git a/index.html b/index.html index 1e19888..c8b27c8 100644 --- a/index.html +++ b/index.html @@ -88,6 +88,66 @@
+ +
+ +
+ + + +
+
+ +
+ +
+
+
+
diff --git a/javascript/tooltip.js b/javascript/tooltip.js index 91067d2..ed3216b 100644 --- a/javascript/tooltip.js +++ b/javascript/tooltip.js @@ -16,7 +16,7 @@ function highlight(element) { $(document).click(function(event) { $target = $(event.target); if(!$target.closest('#tweet-box').length && - $('#tweet-box').is(":visible")) { + $('#tweet-box').is(":visible")) { // $('#menucontainer').hide(); closeDrop(); } @@ -32,6 +32,63 @@ $('.category-1').blur(function () { } }); +function findText() { + var searchTerm = document.getElementById("searchTerm").value; + var textAreas = document.getElementsByClassName("content"); + + for (var i = 0; i < textAreas.length; i++) { + var para = textAreas[i]; + + for (var j = 0; j < para.children.length; j++) { + var word = para.children[j]; + if (word.textContent == searchTerm) { + $(word).addClass("find"); + } + } + } +} + +function clearHighlight() { + var textAreas = document.getElementsByClassName("content"); + for (var i = 0; i < textAreas.length; i++) { + var para = textAreas[i]; + for (var j = 0; j < para.children.length; j++) { + $(para.children[j]).removeClass("find"); + } + } +} + +var button = document.querySelector('.dropdown-trigger button'); + +// Add a click event listener to the button +button.addEventListener('click', function () { + // Get the dropdown menu + var dropdown = document.querySelector('.dropdown'); + + // Toggle the "is-active" class on the dropdown + dropdown.classList.toggle('is-active'); + + // Remove all highlighted words from find when closing + if (!dropdown.classList.contains('is-active')) { + clearHighlight() + } +}); + +function findAndReplace(all = false) { + var searchTerm = document.getElementById("searchTerm").value; + var replaceTerm = document.getElementById("replaceTerm").value; + + var textAreas = document.getElementsByClassName("content"); + + for (var i = 0; i < textAreas.length; i++) { + var para = textAreas[i]; + var text = para.textContent; + + if (all) { para.textContent = text.replaceAll(searchTerm, replaceTerm); } + else { para.textContent = text.replace(searchTerm, replaceTerm); } + } +} + // this function is activated on mouseup after user has highlighted text function addShareTool(a, previousSelection) { // if annotation mode on From 401a21632c5f69d51f2130c90fa64d05755af005 Mon Sep 17 00:00:00 2001 From: RajWorking Date: Wed, 1 Feb 2023 14:10:02 +0530 Subject: [PATCH 2/6] [Ignore] Indent --- index.html | 210 +- javascript/display.js | 564 ++--- javascript/editor.js | 4 +- javascript/hyperaudio-lite.js | 12 +- javascript/tooltip.js | 6 +- package-lock.json | 4372 ++++++++++++++++++++++++++++++++- 6 files changed, 4769 insertions(+), 399 deletions(-) diff --git a/index.html b/index.html index c8b27c8..3ffa5bc 100644 --- a/index.html +++ b/index.html @@ -58,8 +58,9 @@ - - + + @@ -148,57 +149,57 @@
-
+
-
+
- + -
-
- -
-