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

UPD: Change key selection

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-04 18:06:30 +01:00
parent efb2826982
commit ccd417c47f
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/device/DevicePreview.vue
View File

@@ -33,8 +33,8 @@
@click="store.selectConfigFeature('knob')" /> @click="store.selectConfigFeature('knob')" />
<DeviceKeys <DeviceKeys
class="absolute w-[72.7%] top-[77.2%] gap-[2.8%] left-0 right-0 mx-auto" class="absolute w-[72.7%] top-[77.2%] gap-[2.8%] left-0 right-0 mx-auto"
:selected="store.selectedFeature" :selected="store.selectedFeature === 'key' && store.selectedKey"
@select="store.selectConfigFeature" /> @select="store.selectKey" />
</div> </div>
</div> </div>
</template> </template>

13
src/store.js
View File

@@ -19,14 +19,11 @@ import { createPinia, defineStore } from 'pinia'
import Axios from 'axios' import Axios from 'axios'
import schema from '@/data/profileSchema.json' import schema from '@/data/profileSchema.json'
import Ajv from 'ajv' import Ajv from 'ajv'
import KnobConfig from '@/components/config/knob/KnobFeedbackConfig.vue'
import KeyConfig from '@/components/config/keys/KeyLightConfig.vue'
import WIP from '@/components/WIP.vue' import WIP from '@/components/WIP.vue'
import MappingConfig from '@/components/old/MappingConfig.vue' import MappingConfig from '@/components/old/MappingConfig.vue'
import KnobFeedbackConfig from '@/components/config/knob/KnobFeedbackConfig.vue' import KnobFeedbackConfig from '@/components/config/knob/KnobFeedbackConfig.vue'
import KnobLightConfig from '@/components/config/knob/KnobLightConfig.vue' import KnobLightConfig from '@/components/config/knob/KnobLightConfig.vue'
import KeyLightConfig from '@/components/config/keys/KeyLightConfig.vue' import KeyLightConfig from '@/components/config/keys/KeyLightConfig.vue'
import KeyFeedbackConfig from '@/components/config/keys/KeyFeedbackConfig.vue'
const ajv = new Ajv() const ajv = new Ajv()
@@ -38,6 +35,7 @@ export const useStore = defineStore('main', {
selectedProfileId: null, selectedProfileId: null,
connected: false, connected: false,
selectedFeature: 'knob', selectedFeature: 'knob',
selectedKey: 'a',
currentConfigPage: 'mapping', currentConfigPage: 'mapping',
configPages: { configPages: {
knob: { knob: {
@@ -71,9 +69,8 @@ export const useStore = defineStore('main', {
{ {
profileIds: (state) => state.profiles.map(p => p.id), profileIds: (state) => state.profiles.map(p => p.id),
selectedProfile: (state) => state.profiles.find(p => p.id === state.selectedProfileId), selectedProfile: (state) => state.profiles.find(p => p.id === state.selectedProfileId),
currentConfigFeature: (state) => ['a', 'b', 'c', 'd'].includes(state.selectedFeature) ? 'key' : state.selectedFeature, currentConfigComponent: (state) => state.configPages[state.selectedFeature][state.currentConfigPage]?.component || WIP,
currentConfigComponent: (state) => state.configPages[state.currentConfigFeature][state.currentConfigPage]?.component || WIP, currentConfigPages: (state) => state.configPages[state.selectedFeature] || {},
currentConfigPages: (state) => state.configPages[state.currentConfigFeature] || {},
} }
, ,
actions: { actions: {
@@ -163,6 +160,10 @@ export const useStore = defineStore('main', {
if (!this.currentConfigPages[this.currentConfigPage]) if (!this.currentConfigPages[this.currentConfigPage])
this.setCurrentConfigPage('mapping') this.setCurrentConfigPage('mapping')
}, },
selectKey(key) {
this.selectedKey = key
this.selectConfigFeature('key')
},
setCurrentConfigPage(page) { setCurrentConfigPage(page) {
this.currentConfigPage = page this.currentConfigPage = page
}, },