Theaninova/DeviceManager
1
0
Fork 0
mirror of https://github.com/CharaChorder/DeviceManager.git synced 2026-01-05 09:32:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: show warnings about shift and alt-code macros

Browse Source 
resolves #38
This commit is contained in:
Thea Schöbl
2023-12-02 23:26:04 +01:00
parent dc798d2b9f
commit d9dd003b01
5 changed files with 163 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/i18n/de/index.ts
View File

@@ -30,6 +30,8 @@ const de = {
filter: { filter: {
ALL: "Alle", ALL: "Alle",
}, },
SHIFT_WARNING: "Diese Aktion hält <kbd class='icon'>shift</kbd>",
ALT_CODE_WARNING: "Dieser Alt-Code Hack funktioniert nur unter Windows",
}, },
share: { share: {
TITLE: "Teilen", TITLE: "Teilen",

2
src/i18n/en/index.ts
View File

@@ -29,6 +29,8 @@ const en = {
filter: { filter: {
ALL: "All", ALL: "All",
}, },
SHIFT_WARNING: "This action holds <kbd class='icon'>shift</kbd>",
ALT_CODE_WARNING: "This alt-code hack only works on Windows",
}, },
share: { share: {
TITLE: "Share", TITLE: "Share",

141
src/lib/assets/keymaps/ascii-macros.yml Normal file
View File

@@ -0,0 +1,141 @@
name: ASCII Macros
description: ASCII Characters that are macros for SHFT + key
actions:
33:
id: "!"
title: Exclamation Point
34:
id: '"'
title: Double Quote
35:
id: "#"
title: Hash Symbol
36:
id: "$"
title: Dollar Sign
37:
id: "%"
title: Percent
38:
id: "&"
title: Ampersand
40:
id: "("
title: Opening Parenthesis
41:
id: ")"
title: Closing Parenthesis
42:
id: "*"
title: Asterisk
58:
id: ":"
title: Colon
60:
id: "<"
title: Less Than
62:
id: ">"
title: Greater Than
63:
id: "?"
title: Question Mark
64:
id: "@"
title: At Symbol
65:
id: "A"
title: Uppercase A
66:
id: "B"
title: Uppercase B
67:
id: "C"
title: Uppercase C
68:
id: "D"
title: Uppercase D
69:
id: "E"
title: Uppercase E
70:
id: "F"
title: Uppercase F
71:
id: "G"
title: Uppercase G
72:
id: "H"
title: Uppercase H
73:
id: "I"
title: Uppercase I
74:
id: "J"
title: Uppercase J
75:
id: "K"
title: Uppercase K
76:
id: "L"
title: Uppercase L
77:
id: "M"
title: Uppercase M
78:
id: "N"
title: Uppercase N
79:
id: "O"
title: Uppercase O
80:
id: "P"
title: Uppercase P
81:
id: "Q"
title: Uppercase Q
82:
id: "R"
title: Uppercase R
83:
id: "S"
title: Uppercase S
84:
id: "T"
title: Uppercase T
85:
id: "U"
title: Uppercase U
86:
id: "V"
title: Uppercase V
87:
id: "W"
title: Uppercase W
88:
id: "X"
title: Uppercase X
89:
id: "Y"
title: Uppercase Y
90:
id: "Z"
title: Uppercase Z
94:
id: "^"
title: Caret
95:
id: "_"
title: Underscore
123:
id: "{"
title: Left Curly Brace
124:
id: "|"
title: Pipe
125:
id: "}"
title: Right Curly Brace
126:
id: "~"
title: Tilde

141
src/lib/assets/keymaps/ascii.yml
View File

@@ -7,39 +7,9 @@ actions:
description: | description: |
While SPACE is used for keymaps and chord, just a " " is used in chord outputs. While SPACE is used for keymaps and chord, just a " " is used in chord outputs.
This action is unique in this way. Technically it is "printable", but it is not visible. This action is unique in this way. Technically it is "printable", but it is not visible.
33:
id: "!"
title: Exclamation Point
34:
id: '"'
title: Double Quote
35:
id: "#"
title: Hash Symbol
36:
id: "$"
title: Dollar Sign
37:
id: "%"
title: Percent
38:
id: "&"
title: Ampersand
39: 39:
id: "'" id: "'"
title: Single Quote title: Single Quote
40:
id: "("
title: Opening Parenthesis
41:
id: ")"
title: Closing Parenthesis
42:
id: "*"
title: Asterisk
43:
id: "+"
title: Plus
44: 44:
id: "," id: ","
title: Comma title: Comma
@@ -82,105 +52,12 @@ actions:
57: 57:
id: "9" id: "9"
title: Nine title: Nine
58:
id: ":"
title: Colon
59: 59:
id: ";" id: ";"
title: Semicolon title: Semicolon
60:
id: "<"
title: Less Than
61: 61:
id: "=" id: "="
title: Equals title: Equals
62:
id: ">"
title: Greater Than
63:
id: "?"
title: Question Mark
64:
id: "@"
title: At Symbol
65:
id: "A"
title: Uppercase A
66:
id: "B"
title: Uppercase B
67:
id: "C"
title: Uppercase C
68:
id: "D"
title: Uppercase D
69:
id: "E"
title: Uppercase E
70:
id: "F"
title: Uppercase F
71:
id: "G"
title: Uppercase G
72:
id: "H"
title: Uppercase H
73:
id: "I"
title: Uppercase I
74:
id: "J"
title: Uppercase J
75:
id: "K"
title: Uppercase K
76:
id: "L"
title: Uppercase L
77:
id: "M"
title: Uppercase M
78:
id: "N"
title: Uppercase N
79:
id: "O"
title: Uppercase O
80:
id: "P"
title: Uppercase P
81:
id: "Q"
title: Uppercase Q
82:
id: "R"
title: Uppercase R
83:
id: "S"
title: Uppercase S
84:
id: "T"
title: Uppercase T
85:
id: "U"
title: Uppercase U
86:
id: "V"
title: Uppercase V
87:
id: "W"
title: Uppercase W
88:
id: "X"
title: Uppercase X
89:
id: "Y"
title: Uppercase Y
90:
id: "Z"
title: Uppercase Z
91: 91:
id: "[" id: "["
title: Left Bracket title: Left Bracket
@@ -190,12 +67,6 @@ actions:
93: 93:
id: "]" id: "]"
title: Right Bracket title: Right Bracket
94:
id: "^"
title: Caret
95:
id: "_"
title: Underscore
96: 96:
id: "`" id: "`"
title: Backtick title: Backtick
@@ -277,18 +148,6 @@ actions:
122: 122:
id: "z" id: "z"
title: Lowercase z title: Lowercase z
123:
id: "{"
title: Left Curly Brace
124:
id: "|"
title: Pipe
125:
id: "}"
title: Right Curly Brace
126:
id: "~"
title: Tilde
127: 127:
id: "DEL" id: "DEL"
title: Delete title: Delete

18
src/lib/components/ActionListItem.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import {KEYMAP_CODES} from "$lib/serial/keymap-codes" import {KEYMAP_CODES} from "$lib/serial/keymap-codes"
import type {KeyInfo} from "$lib/serial/keymap-codes" import type {KeyInfo} from "$lib/serial/keymap-codes"
import LL from "../../i18n/i18n-svelte"
export let id: number | KeyInfo export let id: number | KeyInfo
@@ -21,6 +22,12 @@
{#if key.description} {#if key.description}
<i>{key.description}</i> <i>{key.description}</i>
{/if} {/if}
{#if key.category.name === "ASCII Macros"}
<span class="warning">{@html $LL.actionSearch.SHIFT_WARNING()}</span>
{/if}
{#if key.category.name === "CP-1252"}
<span class="warning">{@html $LL.actionSearch.ALT_CODE_WARNING()}</span>
{/if}
</div> </div>
<kbd class:icon={!!key.icon}>{key.icon || key.id || `0x${key.code.toString(16)}`}</kbd> <kbd class:icon={!!key.icon}>{key.icon || key.id || `0x${key.code.toString(16)}`}</kbd>
{:else} {:else}
@@ -63,6 +70,17 @@
text-align: start; text-align: start;
} }
.warning {
display: flex;
align-items: center;
gap: 4px;
color: var(--md-sys-color-error);
> :global(.icon) {
font-size: 16px;
}
}
kbd { kbd {
height: 24px; height: 24px;
} }