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

ADD: Midi CC action type

Browse Source
This commit is contained in:
Robert Kossessa
2024-03-23 14:54:09 +01:00
parent a6230152d5
commit 13d4f6431f
2 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/renderer/src/components/config/actions/ActionCard.vue
View File

@@ -20,7 +20,9 @@
<ScrambleText <ScrambleText
class="overflow-hidden text-ellipsis text-nowrap" class="overflow-hidden text-ellipsis text-nowrap"
:text=" :text="
inputValue ? actionTypeOptions[inputValue].label : 'Select an action type...' typeInputValue
? actionTypeOptions[typeInputValue].label
: 'Select an action type...'
" "
/> />
<ChevronsUpDown class="ml-2 size-4 shrink-0 opacity-50" /> <ChevronsUpDown class="ml-2 size-4 shrink-0 opacity-50" />
@@ -40,7 +42,7 @@
:value="actionType" :value="actionType"
@select=" @select="
() => { () => {
inputValue = key typeInputValue = key
open = false open = false
} }
" "
@@ -48,7 +50,7 @@
{{ actionType.label }} {{ actionType.label }}
<Check <Check
:class=" :class="
cn('ml-auto h-4 w-4', inputValue === key ? 'opacity-100' : 'opacity-0') cn('ml-auto h-4 w-4', typeInputValue === key ? 'opacity-100' : 'opacity-0')
" "
/> />
</CommandItem> </CommandItem>
@@ -79,7 +81,9 @@
<Separator /> <Separator />
<component <component
:is=" :is="
actionTypeOptions[inputValue]?.component ? actionTypeOptions[inputValue]?.component : WIP actionTypeOptions[typeInputValue]?.component
? actionTypeOptions[typeInputValue]?.component
: WIP
" "
:action="action" :action="action"
/> />
@@ -102,13 +106,13 @@ import {
import { ref } from 'vue' import { ref } from 'vue'
import { cn } from '@renderer/lib/utils' import { cn } from '@renderer/lib/utils'
import SendKeyAction from '@renderer/components/config/actions/SendKeyAction.vue' import SendKeyAction from '@renderer/components/config/actions/SendKeyAction.vue'
import SendStringAction from '@renderer/components/config/actions/SendStringAction.vue' import SendMidiCCAction from '@renderer/components/config/actions/SendMidiCCAction.vue'
import ScrambleText from '@renderer/components/common/ScrambleText.vue' import ScrambleText from '@renderer/components/common/ScrambleText.vue'
import { ChevronsUpDown, Check, GripHorizontal, Trash2, X } from 'lucide-vue-next' import { ChevronsUpDown, Check, GripHorizontal, Trash2, X } from 'lucide-vue-next'
import { useElementSize } from '@vueuse/core' import { useElementSize } from '@vueuse/core'
import { Action } from '@renderer/deviceStore' import { Action } from '@renderer/deviceStore'
defineProps({ const props = defineProps({
actionIndex: { actionIndex: {
type: Number, type: Number,
required: false required: false
@@ -120,13 +124,14 @@ defineProps({
}) })
const actionTypeOptions = ref({ const actionTypeOptions = ref({
key: { label: 'Press a Key', component: SendKeyAction } key: { label: 'Press a Keyboard Key', component: SendKeyAction },
midi: { label: 'Send a MIDI Control Change', component: SendMidiCCAction }
}) })
const comboboxButton = ref(null) const comboboxButton = ref(null)
const { width } = useElementSize(comboboxButton) const { width } = useElementSize(comboboxButton)
const open = ref(false) const open = ref(false)
const inputValue = ref('') const typeInputValue = ref(props.action.type)
const confirmDelete = ref(false) const confirmDelete = ref(false)
</script> </script>

8
src/renderer/src/components/config/actions/SendMidiCCAction.vue Normal file
View File

@@ -0,0 +1,8 @@
<template>
<div class="p-4">
<Input type="text" placeholder="CC to be sent" />
</div>
</template>
<script setup lang="ts">
import { Input } from '@renderer/components/ui/input'
</script>