mirrors/an-anime-game-launcher
1
0
Fork 0
mirror of https://github.com/an-anime-team/an-anime-game-launcher.git synced 2025-03-20 07:00:00 +03:00
Code Issues Projects Releases Packages Wiki Activity

Added settings tooltips

Browse source 
- added `tooltip` property for the `Checkbox` and `SelectionBox` components
- changed text selection cursor to default
- added tooltips for some options in the settings menu
This commit is contained in:
Observer KRypt0n_ 2021-12-28 14:16:54 +02:00
parent 0c1a9e68ca
commit fca10371b8
No known key found for this signature in database
GPG key ID: DC5D4EC1303465DA
10 changed files with 71 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" lang="sass" href="/src/sass/index.sass" />
<link rel="stylesheet" href="/src/css/hint.min.css" />
</head>
<body data-theme="light">

20
public/locales/en-us.yaml
View file

@ -15,6 +15,7 @@ settings:
# Game voice pack language
voice:
title: Voice pack
tooltip: You will have to manually select the new voice pack in the game
items:
en-us: English (US)
ja-jp: Japanese
@ -44,9 +45,21 @@ settings:
dxvk: DXVK
mangohud: MangoHUD
gamemode: Use GameMode
fps_unlocker: Unlock FPS
purge_dxvk_logs: Delete DXVK logs
# GameMode
gamemode:
title: Use GameMode
tooltip: It is a software that can improve the game performance
# Unlock FPS
fps_unlocker:
title: Unlock FPS
tooltip: This option will unlock maximum of the 60 fps limitation
# Delete DXVK logs
purge_dxvk_logs:
title: Delete DXVK logs
tooltip: With this option enabled your launcher will automatically
delete DXVK log files
# Runners
runners:
@ -66,5 +79,6 @@ settings:
items:
shaders:
title: Shaders
tooltip: Use Home button to toggle shaders in the game
items:
none: None

20
public/locales/ru-ru.yaml
View file

@ -15,6 +15,7 @@ settings:
# Язык озвучки в игре
voice:
title: Язык озвучки
tooltip: Вам будет нужно вручную изменить язык озвучки в игре
items:
en-us: Английский (США)
ja-jp: Японский
@ -44,10 +45,20 @@ settings:
dxvk: DXVK
mangohud: MangoHUD
# TODO: add hints to the components so I could describe what these options means
gamemode: Использовать GameMode
fps_unlocker: Разблокировать FPS
purge_dxvk_logs: Удалять логи DXVK
# GameMode
gamemode:
title: Использовать GameMode
tooltip: Это программа, которая может улучшить производительность игры
# Разблокировать FPS
fps_unlocker:
title: Разблокировать FPS
tooltip: Эта опция позволит разблокировать лимит на отрисовку не более чем 60 кадров в секунду
# Удалять логи DXVK
purge_dxvk_logs:
title: Удалять логи DXVK
tooltip: Если включено, лаунчер будет автоматически удалять логи DXVK
# Версии Wine
runners:
@ -67,5 +78,6 @@ settings:
items:
shaders:
title: Шейдеры
tooltip: Используйте кнопку Home чтобы переключать шейдеры в игре
items:
none: Отключены

1
settings.html
View file

@ -6,6 +6,7 @@
<link rel="stylesheet" lang="sass" href="/src/sass/settings.sass" />
<link rel="stylesheet" lang="sass" href="/src/sass/components.sass" />
<link rel="stylesheet" href="/src/css/hint.min.css" />
</head>
<body data-theme="light">

7
src/components/Checkbox.svelte
View file

@ -5,6 +5,7 @@
export let prop: string = '';
export let lang: string = '';
export let tooltip: string = '';
export let valueChanged: (value: boolean) => void = () => {};
@ -27,7 +28,11 @@
</script>
<div class="checkbox" class:checkbox-active={active}>
{ $_(lang) }
<span
class:hint--bottom={tooltip !== ''}
class:hint--medium={tooltip !== ''}
aria-label={$_(tooltip)}
>{ $_(lang) }</span>
<div class="checkbox-mark" on:click={updateCheckbox}>
<!-- svelte-ignore a11y-missing-attribute -->

9
src/components/SelectionBox.svelte
View file

@ -5,6 +5,7 @@
export let prop: string = '';
export let lang: string = '';
export let tooltip: string = '';
export let items = {};
export let valueChanged: (value: string) => void = () => {};
@ -58,7 +59,13 @@
</ul>
</div>
<div class="selected-item" on:click={() => selectionOpen = !selectionOpen}>
<div
class="selected-item"
class:hint--left={tooltip !== ''}
class:hint--medium={tooltip !== ''}
aria-label={$_(tooltip)}
on:click={() => selectionOpen = !selectionOpen}
>
<span>{ $_(items[selectedValue]) }</span>
<!-- svelte-ignore a11y-missing-attribute -->

1
src/components/ShadersSelection.svelte
View file

@ -22,6 +22,7 @@
<SelectionBox
lang="settings.shaders.items.shaders.title"
tooltip="settings.shaders.items.shaders.tooltip"
prop="shaders"
items={shadersOptions}
/>

2
src/sass/basic.sass
View file

@ -4,7 +4,9 @@ body
margin: 0
padding: 0
user-select: none
-webkit-user-select: none
cursor: default
img.background
position: absolute

21
src/settings.svelte
View file

@ -121,6 +121,7 @@
<SelectionBox
lang="settings.general.items.lang.voice.title"
tooltip="settings.general.items.lang.voice.tooltip"
prop="lang.voice"
items={voiceLocales}
/>
@ -143,9 +144,23 @@
items={huds}
/>
<Checkbox lang="settings.enhancements.items.gamemode" prop="gamemode" />
<Checkbox lang="settings.enhancements.items.fps_unlocker" prop="fps_unlocker" />
<Checkbox lang="settings.enhancements.items.purge_dxvk_logs" prop="purge_dxvk_logs" />
<Checkbox
lang="settings.enhancements.items.gamemode.title"
tooltip="settings.enhancements.items.gamemode.tooltip"
prop="gamemode"
/>
<Checkbox
lang="settings.enhancements.items.fps_unlocker.title"
tooltip="settings.enhancements.items.fps_unlocker.tooltip"
prop="fps_unlocker"
/>
<Checkbox
lang="settings.enhancements.items.purge_dxvk_logs.title"
tooltip="settings.enhancements.items.purge_dxvk_logs.tooltip"
prop="purge_dxvk_logs"
/>
</div>
<div class="settings-item" id="runners">

2
src/ts/launcher/states/Launch.ts
View file

@ -12,7 +12,7 @@ export default (): Promise<void> => {
const telemetry = await Game.isTelemetryDisabled();
// If telemetry servers are not disabled
if (telemetry)
if (!telemetry)
{
const icon = `${constants.paths.appDir}/public/icons/baal64-transparent.png`;