matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: Refactor program -> profile

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-24 14:24:47 +01:00
parent 4cf55efb2f
commit c10dabb57d
5 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -6,7 +6,7 @@ import Navbar from '@/components/Navbar.vue'
import ConfigSelect from '@/components/ConfigSelect.vue'
import { ref } from 'vue'
const currentConfigPage = ref('program_settings')
const currentConfigPage = ref('profile_settings')
</script>
<template>

6
src/components/ConfigPane.vue
View File

@@ -16,7 +16,7 @@
</template>
<script setup>
import LEDsConfig from '@/components/config/LEDsConfig.vue'
import ProgramConfig from '@/components/config/ProgramConfig.vue'
import ProfileConfig from '@/components/config/ProfileConfig.vue'
import MappingConfig from '@/components/config/MappingConfig.vue'
import HapticConfig from '@/components/config/HapticConfig.vue'
import ScrambleText from '@/components/effects/ScrambleText.vue'
@@ -24,12 +24,12 @@ import ScrambleText from '@/components/effects/ScrambleText.vue'
defineProps({
page: {
type: String,
default: 'program_settings',
default: 'profile_settings',
},
})
const configPages = {
program_settings: ProgramConfig,
profile_settings: ProfileConfig,
feedback_designer: HapticConfig,
mapping_configuration: MappingConfig,
light_designer: LEDsConfig,

4
src/components/ConfigSelect.vue
View File

@@ -28,7 +28,7 @@ import ScrambleText from '@/components/effects/ScrambleText.vue'
import { Badge } from '@/components/ui/badge/index.js'
const config_tabs = ref([
{ id: 'program_settings' },
{ id: 'profile_settings' },
{ id: 'feedback_designer' },
{ id: 'mapping_configuration' },
{ id: 'light_designer' },
@@ -41,6 +41,6 @@ const config_tabs = ref([
const current_tab = defineModel({
type: String,
default: 'program_settings',
default: 'profile_settings',
})
</script>

26
src/components/config/ProgramConfig.vue → src/components/config/ProfileConfig.vue
View File

@@ -8,7 +8,7 @@
<Cable class="h-4 w-4" />
</div>
<div class="flex-initial"><h2 class="text-sm px-2 py-4">
{{ $t('config_options.program_settings.connection_type.title') }}</h2></div>
{{ $t('config_options.profile_settings.connection_type.title') }}</h2></div>
</div>
<Separator />
@@ -21,7 +21,7 @@
<img src="../../assets/gui-ico/ico-usb-logo.svg" alt="usb-logo">
</div>
<span
class="text-xs leading-3 text-wrap">{{ $t('config_options.program_settings.connection_type.usb')
class="text-xs leading-3 text-wrap">{{ $t('config_options.profile_settings.connection_type.usb')
}}</span>
</div>
</TabsTrigger>
@@ -31,7 +31,7 @@
<img src="../../assets/gui-ico/ico-midi-logo.svg" alt="midi-logo">
</div>
<span class="text-xs leading-3 text-wrap">
{{ $t('config_options.program_settings.connection_type.midi') }}
{{ $t('config_options.profile_settings.connection_type.midi') }}
</span>
</div>
</TabsTrigger>
@@ -48,7 +48,7 @@
<Type class="h-4 w-4" />
</div>
<div class="grow">
<h2 class="text-sm px-2 py-4">{{ $t('config_options.program_settings.profile_properties.title')
<h2 class="text-sm px-2 py-4">{{ $t('config_options.profile_settings.profile_properties.title')
}}</h2>
</div>
@@ -58,10 +58,10 @@
<div class="flex flex-col p-8 py-4">
<span
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.program_settings.profile_properties.program_name')
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_name')
}}</span>
<Input
type="text" :placeholder="$t('config_options.program_settings.profile_properties.program_name')"
type="text" :placeholder="$t('config_options.profile_settings.profile_properties.profile_name')"
class="text-xl border-0 text-center border-b rounded-none focus-visible:ring-0 focus-visible:border-emerald-500 font-pixelsm uppercase"
default-value="Oscillator 1" maxlength="20" />
@@ -70,11 +70,11 @@
<Separator />
<div class="flex flex-col p-8 py-4">
<span
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.program_settings.profile_properties.program_description')
class="text-sm text-muted-foreground font-mono pb-4">{{ $t('config_options.profile_settings.profile_properties.profile_description')
}}</span>
<Textarea
class="text-lg px-3 bg-inherit text-center focus-visible:outline-none border-b focus-visible:border-emerald-500 resize-none font-pixelsm text-muted-foreground uppercase"
:placeholder="$t('config_options.program_settings.profile_properties.program_description')"
:placeholder="$t('config_options.profile_settings.profile_properties.profile_description')"
default-value="Adjust Korg Oscillator Waveform " rows="2"
maxlength="50" />
<Label for="textarea" class="text-muted-foreground text-right mt-1 text-xs">24/50</Label>
@@ -83,7 +83,7 @@
<Label
for="airplane-mode"
class="text-xs text-muted-foreground">{{
$t('config_options.program_settings.profile_properties.show_description')
$t('config_options.profile_settings.profile_properties.show_description')
}}</Label>
</div>
</div>
@@ -95,7 +95,7 @@
<Replace class="h-4 w-4" />
</div>
<div class="grow"><h2 class="text-sm px-2 py-4">
{{ $t('config_options.program_settings.internal_profile_toggle.title') }}</h2></div>
{{ $t('config_options.profile_settings.internal_profile_toggle.title') }}</h2></div>
<div class="flex-none">
<Toggle
class="data-[state=on]:ring-emerald-600 data-[state=on]:ring-1" variant="outline"
@@ -107,13 +107,13 @@
</div>
<p class="flex flex-col p-8 py-4 text-muted-foreground text-xs">
{{ $t('config_options.program_settings.internal_profile_toggle.subtitle') }}
{{ $t('config_options.profile_settings.internal_profile_toggle.subtitle') }}
<Separator class="mt-4" />
<span class="space-y-4">{{ $t('config_options.program_settings.internal_profile_toggle.operation')
<span class="space-y-4">{{ $t('config_options.profile_settings.internal_profile_toggle.operation')
}}: <Badge class="bg-orange-500">SHIFT</Badge> + <Badge
class="bg-zinc-500">Fn3</Badge> + <Badge>Rotation</Badge></span>
<Separator class="my-4" />
<span>{{ $t('config_options.program_settings.internal_profile_toggle.warning') }}</span>
<span>{{ $t('config_options.profile_settings.internal_profile_toggle.warning') }}</span>
</p>

8
src/lang/en.json
View File

@@ -52,7 +52,7 @@
"subtitle": "Assign function to Knob and Keys",
"title": "Mapping Configuration"
},
"program_settings": {
"profile_settings": {
"connection_type": {
"midi": "Standalone MIDI I/O",
"title": "Connection Type",
@@ -65,13 +65,13 @@
"warning": "Warning: Overrides software defined macro if combination is the same"
},
"profile_properties": {
"program_description": "Program Description",
"program_name": "Program Name",
"profile_description": "Profile Description",
"profile_name": "Profile Name",
"show_description": "Show Description in GUI",
"title": "Profile Properties"
},
"subtitle": "Operation mode and Profile Naming",
"title": "Program Settings"
"title": "Profile Settings"
},
"title": "Configuration Options"
},