From 34bb542809c2fcbb97ec152af3092240dde2a3e4 Mon Sep 17 00:00:00 2001
From: Levminer <33373714+Levminer@users.noreply.github.com>
Date: Mon, 24 Jan 2022 17:34:26 +0100
Subject: [PATCH] Generate shortcuts dynamically

---
 app/settings/index.html          | 507 +------------------------------
 app/settings/src/js/shortcuts.js | 227 ++++++++++----
 languages/en.js                  |   4 +-
 3 files changed, 177 insertions(+), 561 deletions(-)

diff --git a/app/settings/index.html b/app/settings/index.html
index f0b66b2c..760ca8fa 100644
--- a/app/settings/index.html
+++ b/app/settings/index.html
@@ -404,509 +404,24 @@ <h4 data-loc>Reset the search bar after you copied a code. Useful if you copy an
 
 						<!-- shortcuts -->
 						<div id="shortcuts" class="tabcontent part hidden">
-							<h3 data-loc>Shortcuts</h3>
-							<h4 data-loc>You can modify the shortcuts here, read the documentation for more information. Shortcuts not work on this tab, go to any other settings tab to reactivate them!</h4>
+							<h3 data-loc>Quick copy shortcuts</h3>
+							<h4 data-loc>You can create a shortcut for your most used codes to copy quickly. Shortcuts not work on this tab, go to any other settings tab to reactivate them!</h4>
 							<br />
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Show/Hide app</h3>
-								</div>
-
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk0_input" />
-								</div>
-
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk0_button_edit" onclick="hk_edit(0)">
-										<svg id="hk0_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk0_button_reset" onclick="hk_reset(0)">
-										<svg id="hk0_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk0_button_delete" onclick="hk_delete(0)">
-										<svg id="hk0_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Settings</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk1_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk1_button_edit" onclick="hk_edit(1)">
-										<svg id="hk1_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk1_button_reset" onclick="hk_reset(1)">
-										<svg id="hk1_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk1_button_delete" onclick="hk_delete(1)">
-										<svg id="hk1_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Exit</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk2_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk2_button_edit" onclick="hk_edit(2)">
-										<svg id="hk2_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk2_button_reset" onclick="hk_reset(2)">
-										<svg id="hk2_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk2_button_delete" onclick="hk_delete(2)">
-										<svg id="hk2_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Reset</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk12_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk12_button_edit" onclick="hk_edit(12)">
-										<svg id="hk12_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk12_button_reset" onclick="hk_reset(12)">
-										<svg id="hk12_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk12_button_delete" onclick="hk_delete(12)">
-										<svg id="hk12_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Zoom In</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk13_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk13_button_edit" onclick="hk_edit(13)">
-										<svg id="hk13_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk13_button_reset" onclick="hk_reset(13)">
-										<svg id="hk13_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk13_button_delete" onclick="hk_delete(13)">
-										<svg id="hk13_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Zoom Out</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk14_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk14_button_edit" onclick="hk_edit(14)">
-										<svg id="hk14_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk14_button_reset" onclick="hk_reset(14)">
-										<svg id="hk14_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk14_button_delete" onclick="hk_delete(14)">
-										<svg id="hk14_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Edit Codes</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk3_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk3_button_edit" onclick="hk_edit(3)">
-										<svg id="hk3_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk3_button_reset" onclick="hk_reset(3)">
-										<svg id="hk3_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk3_button_delete" onclick="hk_delete(3)">
-										<svg id="hk3_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Import</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk4_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk4_button_edit" onclick="hk_edit(4)">
-										<svg id="hk4_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk4_button_reset" onclick="hk_reset(4)">
-										<svg id="hk4_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk4_button_delete" onclick="hk_delete(4)">
-										<svg id="hk4_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Export</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk5_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk5_button_edit" onclick="hk_edit(5)">
-										<svg id="hk5_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk5_button_reset" onclick="hk_reset(5)">
-										<svg id="hk5_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk5_button_delete" onclick="hk_delete(5)">
-										<svg id="hk5_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Documentation</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk8_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk8_button_edit" onclick="hk_edit(8)">
-										<svg id="hk8_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk8_button_reset" onclick="hk_reset(8)">
-										<svg id="hk8_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk8_button_delete" onclick="hk_delete(8)">
-										<svg id="hk8_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Release Notes</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk6_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk6_button_edit" onclick="hk_edit(6)">
-										<svg id="hk6_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk6_button_reset" onclick="hk_reset(6)">
-										<svg id="hk6_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk6_button_delete" onclick="hk_delete(6)">
-										<svg id="hk6_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Support Development</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk7_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk7_button_edit" onclick="hk_edit(7)">
-										<svg id="hk7_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk7_button_reset" onclick="hk_reset(7)">
-										<svg id="hk7_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk7_button_delete" onclick="hk_delete(7)">
-										<svg id="hk7_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Show Licenses</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk9_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk9_button_edit" onclick="hk_edit(9)">
-										<svg id="hk9_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk9_button_reset" onclick="hk_reset(9)">
-										<svg id="hk9_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk9_button_delete" onclick="hk_delete(9)">
-										<svg id="hk9_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Update</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk10_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk10_button_edit" onclick="hk_edit(10)">
-										<svg id="hk10_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk10_button_reset" onclick="hk_reset(10)">
-										<svg id="hk10_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk10_button_delete" onclick="hk_delete(10)">
-										<svg id="hk10_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
+							<div class="quickShortcutsDiv">
+								<!-- quick shortcuts -->
 							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Info</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk11_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk11_button_edit" onclick="hk_edit(11)">
-										<svg id="hk11_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk11_button_reset" onclick="hk_reset(11)">
-										<svg id="hk11_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk11_button_delete" onclick="hk_delete(11)">
-										<svg id="hk11_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
+							<hr />
+							<h3 data-loc>Shortcuts</h3>
+							<h4 data-loc>You can modify the shortcuts here, read the documentation for more information. Shortcuts not work on this tab, go to any other settings tab to reactivate them!</h4>
+							<div class="shortcutsDiv">
+								<!-- shortcuts -->
 							</div>
-							<br />
 							<hr />
 							<h3 data-loc>Global shortcuts</h3>
 							<h4 data-loc>You can modify the global shortcuts here, read the documentation for more information. Shortcuts not work on this tab, go to any other settings tab to reactivate them!</h4>
-							<br />
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Show/Hide App</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk100_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk100_button_edit" onclick="hk_edit(100)">
-										<svg id="hk100_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk100_button_reset" onclick="hk_reset(100)">
-										<svg id="hk100_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk100_button_delete" onclick="hk_delete(100)">
-										<svg id="hk100_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Settings</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk101_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk101_button_edit" onclick="hk_edit(101)">
-										<svg id="hk101_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk101_button_reset" onclick="hk_reset(101)">
-										<svg id="hk101_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk101_button_delete" onclick="hk_delete(101)">
-										<svg id="hk101_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
+							<div class="globalShortcutsDiv">
+								<!-- global shortcuts -->
 							</div>
-							<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
-								<div class="flex justify-center items-center">
-									<h3>Exit App</h3>
-								</div>
-								<div class="flex justify-center items-center">
-									<input class="input" disabled type="text" id="hk102_input" />
-								</div>
-								<div class="flex justify-center items-center mb-10 mt-5 gap-2">
-									<button class="buttonr button" id="hk102_button_edit" onclick="hk_edit(102)">
-										<svg id="hk102_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk102_button_reset" onclick="hk_reset(102)">
-										<svg id="hk102_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
-										</svg>
-									</button>
-
-									<button class="buttonr button" id="hk102_button_delete" onclick="hk_delete(102)">
-										<svg id="hk102_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
-										</svg>
-									</button>
-								</div>
-							</div>
-
-							<br />
-							<hr />
-							<h3 data-loc>Quick copy shortcuts</h3>
-							<h4 data-loc>You can create a shortcut for your most used codes to copy quickly. Shortcuts not work on this tab, go to any other settings tab to reactivate them!</h4>
-							<br />
-							<div class="quick"></div>
 						</div>
 
 						<!-- experimental -->
diff --git a/app/settings/src/js/shortcuts.js b/app/settings/src/js/shortcuts.js
index 40ff12c5..27cfaf87 100644
--- a/app/settings/src/js/shortcuts.js
+++ b/app/settings/src/js/shortcuts.js
@@ -26,6 +26,107 @@ const default_shortcuts = {
 	},
 }
 
+/**
+ * Create shortcuts
+ */
+const createShortcuts = () => {
+	const names = lang.menu
+
+	delete names.file
+	delete names.hide_app
+	delete names.view
+	delete names.tools
+	delete names.help
+	delete names.about
+
+	let i = 0
+
+	for (const name in names) {
+		const element = `
+		<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+		<div class="flex justify-center items-center">
+		<h3>${names[name]}</h3>
+		</div>
+		<div class="flex justify-center items-center">
+		<input class="input" disabled type="text" id="hk${i}_input" />
+		</div>
+		<div class="flex justify-center items-center mb-10 mt-5 gap-2">
+		<button class="buttonr button" id="hk${i}_button_edit" onclick="hk_edit(${i})">
+		<svg id="hk${i}_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+		</svg>
+		</button>
+		<button class="buttonr button" id="hk${i}_button_reset" onclick="hk_reset(${i})">
+		<svg id="hk${i}_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+		</svg>
+		</button>
+		<button class="buttonr button" id="hk${i}_button_delete" onclick="hk_delete(${i})">
+		<svg id="hk${i}_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+		</svg>
+		</button>
+		</div>
+		</div>
+		`
+		const div = document.createElement("div")
+		div.innerHTML = element
+		document.querySelector(".shortcutsDiv").appendChild(div)
+
+		i++
+	}
+}
+
+createShortcuts()
+
+/**
+ * Create global shortcuts
+ */
+const createGlobalShortcuts = () => {
+	const names = lang.tray
+
+	delete names.hide_app
+
+	let i = 100
+
+	for (const name in names) {
+		const element = `
+		<div class="flex flex-col md:w-4/5 lg:w-2/3 mx-auto rounded-2xl bg-gray-800 mb-20">
+		<div class="flex justify-center items-center">
+		<h3>${names[name]}</h3>
+		</div>
+		<div class="flex justify-center items-center">
+		<input class="input" disabled type="text" id="hk${i}_input" />
+		</div>
+		<div class="flex justify-center items-center mb-10 mt-5 gap-2">
+		<button class="buttonr button" id="hk${i}_button_edit" onclick="hk_edit(${i})">
+		<svg id="hk${i}_svg_edit" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
+		</svg>
+		</button>
+		<button class="buttonr button" id="hk${i}_button_reset" onclick="hk_reset(${i})">
+		<svg id="hk${i}_svg_reset" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+		</svg>
+		</button>
+		<button class="buttonr button" id="hk${i}_button_delete" onclick="hk_delete(${i})">
+		<svg id="hk${i}_svg_delete" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+		</svg>
+		</button>
+		</div>
+		</div>
+		`
+		const div = document.createElement("div")
+		div.innerHTML = element
+		document.querySelector(".globalShortcutsDiv").appendChild(div)
+
+		i++
+	}
+}
+
+createGlobalShortcuts()
+
 /**
  * Load storage
  * @type {LibStorage}
@@ -68,18 +169,18 @@ const hk102 = document.querySelector("#hk102_input")
 hk0.value = settings.shortcuts.show
 hk1.value = settings.shortcuts.settings
 hk2.value = settings.shortcuts.exit
-hk3.value = settings.shortcuts.edit
-hk4.value = settings.shortcuts.import
-hk5.value = settings.shortcuts.export
-hk6.value = settings.shortcuts.release
-hk7.value = settings.shortcuts.support
-hk8.value = settings.shortcuts.docs
-hk9.value = settings.shortcuts.licenses
-hk10.value = settings.shortcuts.update
-hk11.value = settings.shortcuts.info
-hk12.value = settings.shortcuts.zoom_reset
-hk13.value = settings.shortcuts.zoom_in
-hk14.value = settings.shortcuts.zoom_out
+hk3.value = settings.shortcuts.zoom_reset
+hk4.value = settings.shortcuts.zoom_in
+hk5.value = settings.shortcuts.zoom_out
+hk6.value = settings.shortcuts.edit
+hk7.value = settings.shortcuts.import
+hk8.value = settings.shortcuts.export
+hk9.value = settings.shortcuts.docs
+hk10.value = settings.shortcuts.release
+hk11.value = settings.shortcuts.support
+hk12.value = settings.shortcuts.licenses
+hk13.value = settings.shortcuts.update
+hk14.value = settings.shortcuts.info
 hk100.value = settings.global_shortcuts.show
 hk101.value = settings.global_shortcuts.settings
 hk102.value = settings.global_shortcuts.exit
@@ -158,63 +259,63 @@ const hk_edit = (value) => {
 			case 3:
 				const hk3 = document.querySelector("#hk3_input").value
 
-				settings.shortcuts.edit = hk3
+				settings.shortcuts.zoom_reset = hk3
 				break
 			case 4:
 				const hk4 = document.querySelector("#hk4_input").value
 
-				settings.shortcuts.import = hk4
+				settings.shortcuts.zoom_in = hk4
 				break
 			case 5:
 				const hk5 = document.querySelector("#hk5_input").value
 
-				settings.shortcuts.export = hk5
+				settings.shortcuts.zoom_out = hk5
 				break
 
 			case 6:
 				const hk6 = document.querySelector("#hk6_input").value
 
-				settings.shortcuts.release = hk6
+				settings.shortcuts.edit = hk6
 				break
 			case 7:
 				const hk7 = document.querySelector("#hk7_input").value
 
-				settings.shortcuts.support = hk7
+				settings.shortcuts.import = hk7
 				break
 			case 8:
 				const hk8 = document.querySelector("#hk8_input").value
 
-				settings.shortcuts.docs = hk8
+				settings.shortcuts.export = hk8
 				break
 			case 9:
 				const hk9 = document.querySelector("#hk9_input").value
 
-				settings.shortcuts.licenses = hk9
+				settings.shortcuts.docs = hk9
 				break
 			case 10:
 				const hk10 = document.querySelector("#hk10_input").value
 
-				settings.shortcuts.update = hk10
+				settings.shortcuts.release = hk10
 				break
 			case 11:
 				const hk11 = document.querySelector("#hk11_input").value
 
-				settings.shortcuts.info = hk11
+				settings.shortcuts.support = hk11
 				break
 			case 12:
 				const hk12 = document.querySelector("#hk12_input").value
 
-				settings.shortcuts.zoom_reset = hk12
+				settings.shortcuts.licenses = hk12
 				break
 			case 13:
 				const hk13 = document.querySelector("#hk13_input").value
 
-				settings.shortcuts.zoom_in = hk13
+				settings.shortcuts.update = hk13
 				break
 			case 14:
 				const hk14 = document.querySelector("#hk14_input").value
 
-				settings.shortcuts.zoom_out = hk14
+				settings.shortcuts.info = hk14
 				break
 
 			// global shortcuts
@@ -292,63 +393,63 @@ const hk_delete = (value) => {
 		case 3:
 			const hk3 = document.querySelector("#hk3_input").value
 
-			settings.shortcuts.edit = hk3
+			settings.shortcuts.zoom_reset = hk3
 			break
 		case 4:
 			const hk4 = document.querySelector("#hk4_input").value
 
-			settings.shortcuts.import = hk4
+			settings.shortcuts.zoom_in = hk4
 			break
 		case 5:
 			const hk5 = document.querySelector("#hk5_input").value
 
-			settings.shortcuts.export = hk5
+			settings.shortcuts.zoom_out = hk5
 			break
 
 		case 6:
 			const hk6 = document.querySelector("#hk6_input").value
 
-			settings.shortcuts.release = hk6
+			settings.shortcuts.edit = hk6
 			break
 		case 7:
 			const hk7 = document.querySelector("#hk7_input").value
 
-			settings.shortcuts.support = hk7
+			settings.shortcuts.import = hk7
 			break
 		case 8:
 			const hk8 = document.querySelector("#hk8_input").value
 
-			settings.shortcuts.docs = hk8
+			settings.shortcuts.export = hk8
 			break
 		case 9:
 			const hk9 = document.querySelector("#hk9_input").value
 
-			settings.shortcuts.licenses = hk9
+			settings.shortcuts.docs = hk9
 			break
 		case 10:
 			const hk10 = document.querySelector("#hk10_input").value
 
-			settings.shortcuts.update = hk10
+			settings.shortcuts.release = hk10
 			break
 		case 11:
 			const hk11 = document.querySelector("#hk11_input").value
 
-			settings.shortcuts.info = hk11
+			settings.shortcuts.support = hk11
 			break
 		case 12:
 			const hk12 = document.querySelector("#hk12_input").value
 
-			settings.shortcuts.zoom_reset = hk12
+			settings.shortcuts.licenses = hk12
 			break
 		case 13:
 			const hk13 = document.querySelector("#hk13_input").value
 
-			settings.shortcuts.zoom_in = hk13
+			settings.shortcuts.update = hk13
 			break
 		case 14:
 			const hk14 = document.querySelector("#hk14_input").value
 
-			settings.shortcuts.zoom_out = hk14
+			settings.shortcuts.info = hk14
 			break
 
 		// global shortcuts
@@ -411,65 +512,65 @@ const hk_reset = (value) => {
 			settings.shortcuts.exit = default_shortcuts.shortcuts.exit
 			break
 		case 3:
-			document.querySelector("#hk3_input").value = default_shortcuts.shortcuts.edit
+			document.querySelector("#hk3_input").value = default_shortcuts.shortcuts.zoom_reset
 
-			settings.shortcuts.edit = default_shortcuts.shortcuts.edit
+			settings.shortcuts.zoom_reset = default_shortcuts.shortcuts.zoom_reset
 			break
 		case 4:
-			document.querySelector("#hk4_input").value = default_shortcuts.shortcuts.import
+			document.querySelector("#hk4_input").value = default_shortcuts.shortcuts.zoom_in
 
-			settings.shortcuts.import = default_shortcuts.shortcuts.import
+			settings.shortcuts.zoom_in = default_shortcuts.shortcuts.zoom_in
 			break
 		case 5:
-			document.querySelector("#hk5_input").value = default_shortcuts.shortcuts.export
+			document.querySelector("#hk5_input").value = default_shortcuts.shortcuts.zoom_out
 
-			settings.shortcuts.export = default_shortcuts.shortcuts.export
+			settings.shortcuts.zoom_out = default_shortcuts.shortcuts.zoom_out
 			break
 
 		case 6:
-			document.querySelector("#hk6_input").value = default_shortcuts.shortcuts.release
+			document.querySelector("#hk6_input").value = default_shortcuts.shortcuts.edit
 
-			settings.shortcuts.release = default_shortcuts.shortcuts.release
+			settings.shortcuts.edit = default_shortcuts.shortcuts.edit
 			break
 		case 7:
-			document.querySelector("#hk7_input").value = default_shortcuts.shortcuts.support
+			document.querySelector("#hk7_input").value = default_shortcuts.shortcuts.import
 
-			settings.shortcuts.support = default_shortcuts.shortcuts.support
+			settings.shortcuts.import = default_shortcuts.shortcuts.import
 			break
 		case 8:
-			document.querySelector("#hk8_input").value = default_shortcuts.shortcuts.docs
+			document.querySelector("#hk8_input").value = default_shortcuts.shortcuts.export
 
-			settings.shortcuts.docs = default_shortcuts.shortcuts.docs
+			settings.shortcuts.export = default_shortcuts.shortcuts.export
 			break
 		case 9:
-			document.querySelector("#hk9_input").value = default_shortcuts.shortcuts.licenses
+			document.querySelector("#hk9_input").value = default_shortcuts.shortcuts.docs
 
-			settings.shortcuts.licenses = default_shortcuts.shortcuts.licenses
+			settings.shortcuts.docs = default_shortcuts.shortcuts.docs
 			break
 		case 10:
-			document.querySelector("#hk10_input").value = default_shortcuts.shortcuts.update
+			document.querySelector("#hk10_input").value = default_shortcuts.shortcuts.release
 
-			settings.shortcuts.update = default_shortcuts.shortcuts.update
+			settings.shortcuts.release = default_shortcuts.shortcuts.release
 			break
 		case 11:
-			document.querySelector("#hk11_input").value = default_shortcuts.shortcuts.info
+			document.querySelector("#hk11_input").value = default_shortcuts.shortcuts.support
 
-			settings.shortcuts.info = default_shortcuts.shortcuts.info
+			settings.shortcuts.support = default_shortcuts.shortcuts.support
 			break
 		case 12:
-			document.querySelector("#hk12_input").value = default_shortcuts.shortcuts.zoom_reset
+			document.querySelector("#hk12_input").value = default_shortcuts.shortcuts.licenses
 
-			settings.shortcuts.zoom_reset = default_shortcuts.shortcuts.zoom_reset
+			settings.shortcuts.licenses = default_shortcuts.shortcuts.licenses
 			break
 		case 13:
-			document.querySelector("#hk13_input").value = default_shortcuts.shortcuts.zoom_in
+			document.querySelector("#hk13_input").value = default_shortcuts.shortcuts.update
 
-			settings.shortcuts.zoom_in = default_shortcuts.shortcuts.zoom_in
+			settings.shortcuts.update = default_shortcuts.shortcuts.update
 			break
 		case 14:
-			document.querySelector("#hk14_input").value = default_shortcuts.shortcuts.zoom_out
+			document.querySelector("#hk14_input").value = default_shortcuts.shortcuts.info
 
-			settings.shortcuts.zoom_out = default_shortcuts.shortcuts.zoom_out
+			settings.shortcuts.info = default_shortcuts.shortcuts.info
 			break
 
 		// global shortcuts
@@ -534,7 +635,7 @@ const generateQuickShortcuts = (issuers) => {
 
 		const div = document.createElement("div")
 		div.innerHTML = element
-		document.querySelector(".quick").appendChild(div)
+		document.querySelector(".quickShortcutsDiv").appendChild(div)
 
 		document.querySelector(`#issuers${i}`).textContent = `${issuers[i]}`
 	}
@@ -571,7 +672,7 @@ const checkForIssuers = () => {
 
 /**
  * Edit selected quick shortcuts
- * @param {Number} value
+ * @param {number} value
  */
 const qsEdit = (value) => {
 	const issuers = storage.issuers
@@ -621,7 +722,7 @@ const qsEdit = (value) => {
 
 /**
  * Delete selected quick shortcut
- * @param {Number} value
+ * @param {number} value
  */
 const qsDelete = (value) => {
 	const issuers = storage.issuers
diff --git a/languages/en.js b/languages/en.js
index c2d4dea7..5b99dd41 100644
--- a/languages/en.js
+++ b/languages/en.js
@@ -181,12 +181,12 @@ module.exports = {
 		"Save the latest code you searched for. Works even after restart.",
 		"Reset search after copy",
 		"Reset the search bar after you copied a code. Useful if you copy and search for a lot of codes.",
+		"Quick copy shortcuts",
+		"You can create a shortcut for your most used codes to copy quickly. Shortcuts not work on this tab, go to any other settings tab to reactivate them!",
 		"Shortcuts",
 		"You can modify the shortcuts here, read the documentation for more information. Shortcuts not work on this tab, go to any other settings tab to reactivate them!",
 		"Global shortcuts",
 		"You can modify the global shortcuts here, read the documentation for more information. Shortcuts not work on this tab, go to any other settings tab to reactivate them!",
-		"Quick copy shortcuts",
-		"You can create a shortcut for your most used codes to copy quickly. Shortcuts not work on this tab, go to any other settings tab to reactivate them!",
     ],
 
 	"settings_dialog": {