From e249817c9425529cc2e15a650351e2aa9514da1d Mon Sep 17 00:00:00 2001
From: octt <octt@pop-os.localdomain>
Date: Tue, 11 Feb 2025 23:15:29 +0100
Subject: [PATCH] Agg. pagina Percent-Encoding

---
 Scripts/Dependencies.Runtime.sh               | 10 +++++++---
 content/it/miscellanea/Percent-Encoding.md    | 14 ++++++++++++++
 static/res/Percent-Encoding.css               |  6 ++++++
 static/res/Percent-Encoding.js                | 19 +++++++++++++++++++
 static/res/site-search.js                     |  5 +++--
 static/res/sitoctt-utils.js                   | 14 ++++++++++++++
 .../ananke/layouts/partials/site-scripts.html |  3 ++-
 7 files changed, 65 insertions(+), 6 deletions(-)
 create mode 100644 content/it/miscellanea/Percent-Encoding.md
 create mode 100644 static/res/Percent-Encoding.css
 create mode 100644 static/res/Percent-Encoding.js
 create mode 100644 static/res/sitoctt-utils.js

diff --git a/Scripts/Dependencies.Runtime.sh b/Scripts/Dependencies.Runtime.sh
index 7ee02f8..d80dfea 100755
--- a/Scripts/Dependencies.Runtime.sh
+++ b/Scripts/Dependencies.Runtime.sh
@@ -5,8 +5,12 @@ cd "${swd}/.."
 mkdir -p ./static/res/lib
 cd ./static/res/lib
 
-wget --continue "https://spaccinc.gitlab.io/SpaccDotWeb/SpaccDotWeb.Alt.min.js"
-wget --continue "https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"
-wget --continue "https://uicdn.toast.com/editor/latest/toastui-editor.min.css"
+downloadfile(){
+	wget -O "./$2" "https://$1/$2"
+}
+
+downloadfile spaccinc.gitlab.io/SpaccDotWeb SpaccDotWeb.Alt.min.js
+downloadfile uicdn.toast.com/editor/latest toastui-editor-all.min.js
+downloadfile uicdn.toast.com/editor/latest toastui-editor.min.css
 
 cd "${owd}"
diff --git a/content/it/miscellanea/Percent-Encoding.md b/content/it/miscellanea/Percent-Encoding.md
new file mode 100644
index 0000000..b21a587
--- /dev/null
+++ b/content/it/miscellanea/Percent-Encoding.md
@@ -0,0 +1,14 @@
++++
+Title = "Codifica URL"
++++
+<div class="Percent-Encoding">
+<label>Plain</label>
+<textarea name="plain"></textarea>
+<label>URL-encoded</label>
+<textarea name="coded"></textarea>
+<p>
+<label>Passaggi: <input name="steps" type="number" value="1" min="1" /></label>
+</p>
+<link rel="stylesheet" href="/res/Percent-Encoding.css" />
+<script src="/res/Percent-Encoding.js"></script>
+</div>
diff --git a/static/res/Percent-Encoding.css b/static/res/Percent-Encoding.css
new file mode 100644
index 0000000..5c03def
--- /dev/null
+++ b/static/res/Percent-Encoding.css
@@ -0,0 +1,6 @@
+.Percent-Encoding > div {
+	/* display: grid;
+	grid-template-columns: auto auto; */
+}
+.Percent-Encoding textarea { width: 100%; min-height: 10em; }
+
diff --git a/static/res/Percent-Encoding.js b/static/res/Percent-Encoding.js
new file mode 100644
index 0000000..4b8e2df
--- /dev/null
+++ b/static/res/Percent-Encoding.js
@@ -0,0 +1,19 @@
+(function(stepsEl){
+
+function convertText (sourceEl, destinationEl, handler) {
+	var text = sourceEl.value;
+	for (var i=0; i<stepsEl.value; i++) {
+		text = handler(text);
+	}
+	destinationEl.value = text;
+}
+
+function makeConvertHandler(sourceEl, destinationEl, handler) {
+	return (function(){
+		convertText(sourceEl, destinationEl, handler);
+	});
+}
+
+sitoctt.utils.setTextConvertEvents(document.querySelector('textarea[name="plain"]'), document.querySelector('textarea[name="coded"]'), encodeURIComponent, decodeURIComponent, makeConvertHandler);
+
+})(document.querySelector('input[name="steps"]'));
diff --git a/static/res/site-search.js b/static/res/site-search.js
index 565911d..84d96e1 100644
--- a/static/res/site-search.js
+++ b/static/res/site-search.js
@@ -41,7 +41,8 @@ input.onkeyup = function (event) {
 };
 
 function documentOnKeyDown (event) {
-  if (event.key == "/") {
+
+  if (event.key == '/' && event.ctrlKey) {
     if (!searchVisible) {
       event.preventDefault();
       displaySearch();
@@ -50,7 +51,7 @@ function documentOnKeyDown (event) {
     }
   }
 
-  if (event.key == "Escape") {
+  if (event.key == 'Escape') {
     hideSearch();
   }
 
diff --git a/static/res/sitoctt-utils.js b/static/res/sitoctt-utils.js
new file mode 100644
index 0000000..0b451b1
--- /dev/null
+++ b/static/res/sitoctt-utils.js
@@ -0,0 +1,14 @@
+(function(self){
+
+self.setTextFieldEvents = (function (el, handler) {
+	['click', 'change', 'input', 'paste'].forEach(function(event){
+		el.addEventListener(event, handler);
+	});
+});
+
+self.setTextConvertEvents = (function (el0, el1, convertHandler, unconvertHandler, constructor) {
+	self.setTextFieldEvents(el0, constructor(el0, el1, convertHandler));
+	self.setTextFieldEvents(el1, constructor(el1, el0, unconvertHandler));
+});
+
+})(sitoctt.utils);
diff --git a/themes/ananke/layouts/partials/site-scripts.html b/themes/ananke/layouts/partials/site-scripts.html
index 705a981..7a4f709 100644
--- a/themes/ananke/layouts/partials/site-scripts.html
+++ b/themes/ananke/layouts/partials/site-scripts.html
@@ -1,5 +1,5 @@
 <script>
-window.sitoctt = {};
+window.sitoctt = { utils: {} };
 window.Void = (function Void(){});
 {{- with resources.Get "SiteProps.toml" -}}
   {{- with . | transform.Unmarshal -}}
@@ -8,6 +8,7 @@ window.Void = (function Void(){});
 {{- end -}}
 window.sitoctt.localStorage = (function localStorage(key, value){ return SpaccDotWeb.LocalStorage('org.eu.octt.sitoctt', key, value); });
 </script>
+<script src="/res/sitoctt-utils.js"></script>
 <script src="/res/ajax-navigation.js"></script>
 <script src="/res/local-file-tweaks.js"></script>
 <script src="/{{ .Lang }}/searchindex.js"></script>