Apply repository-wide ESLint auto-fix formatting pass
Co-Authored-By: Codex <codex@openai.com>
This commit is contained in:
@@ -1,10 +1,29 @@
|
||||
<template>
|
||||
<div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
|
||||
<div
|
||||
class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2"
|
||||
>
|
||||
<p class="h2 pl-2 border-b mb-3">{{ title }}</p>
|
||||
<div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]">
|
||||
<div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index" :title="act">
|
||||
<RadioButton v-model="selectedRadio" :inputId="index + act" :name="select" :value="act" @change="actRadioData" />
|
||||
<label :for="index + act" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
|
||||
<div
|
||||
class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]"
|
||||
>
|
||||
<div
|
||||
class="flex items-center w-[166px]"
|
||||
v-for="(act, index) in sortData"
|
||||
:key="index"
|
||||
:title="act"
|
||||
>
|
||||
<RadioButton
|
||||
v-model="selectedRadio"
|
||||
:inputId="index + act"
|
||||
:name="select"
|
||||
:value="act"
|
||||
@change="actRadioData"
|
||||
/>
|
||||
<label
|
||||
:for="index + act"
|
||||
class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden"
|
||||
>{{ act }}</label
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -22,13 +41,20 @@
|
||||
* start/end activity input.
|
||||
*/
|
||||
|
||||
import { ref, computed, watch } from 'vue';
|
||||
import { ref, computed, watch } from "vue";
|
||||
import { useConformanceInputStore } from "@/stores/conformanceInput";
|
||||
import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js';
|
||||
import emitter from '@/utils/emitter';
|
||||
import { sortNumEngZhtw } from "@/module/sortNumEngZhtw.js";
|
||||
import emitter from "@/utils/emitter";
|
||||
|
||||
const props = defineProps(['title', 'select', 'data', 'category', 'task', 'isSubmit']);
|
||||
const emit = defineEmits(['selected-task']);
|
||||
const props = defineProps([
|
||||
"title",
|
||||
"select",
|
||||
"data",
|
||||
"category",
|
||||
"task",
|
||||
"isSubmit",
|
||||
]);
|
||||
const emit = defineEmits(["selected-task"]);
|
||||
|
||||
const conformanceInputStore = useConformanceInputStore();
|
||||
|
||||
@@ -36,13 +62,20 @@ const sortData = ref([]);
|
||||
const localSelect = ref(null);
|
||||
const selectedRadio = ref(null);
|
||||
|
||||
watch(() => props.data, (newValue) => {
|
||||
sortData.value = sortNumEngZhtw(newValue);
|
||||
}, { immediate: true });
|
||||
watch(
|
||||
() => props.data,
|
||||
(newValue) => {
|
||||
sortData.value = sortNumEngZhtw(newValue);
|
||||
},
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
watch(() => props.task, (newValue) => {
|
||||
selectedRadio.value = newValue;
|
||||
});
|
||||
watch(
|
||||
() => props.task,
|
||||
(newValue) => {
|
||||
selectedRadio.value = newValue;
|
||||
},
|
||||
);
|
||||
|
||||
const inputActivityRadioData = computed(() => ({
|
||||
category: props.category,
|
||||
@@ -52,22 +85,27 @@ const inputActivityRadioData = computed(() => ({
|
||||
/** Emits the selected activity via event bus and updates the store. */
|
||||
function actRadioData() {
|
||||
localSelect.value = null;
|
||||
emitter.emit('actRadioData', inputActivityRadioData.value);
|
||||
emit('selected-task', selectedRadio.value);
|
||||
conformanceInputStore.setActivityRadioStartEndData(inputActivityRadioData.value.task);
|
||||
emitter.emit("actRadioData", inputActivityRadioData.value);
|
||||
emit("selected-task", selectedRadio.value);
|
||||
conformanceInputStore.setActivityRadioStartEndData(
|
||||
inputActivityRadioData.value.task,
|
||||
);
|
||||
}
|
||||
|
||||
/** Sets the global activity radio data state in the conformance input store. */
|
||||
function setGlobalActivityRadioDataState() {
|
||||
//this.title: value might be "From" or "To"
|
||||
conformanceInputStore.setActivityRadioStartEndData(inputActivityRadioData.value.task, props.title);
|
||||
conformanceInputStore.setActivityRadioStartEndData(
|
||||
inputActivityRadioData.value.task,
|
||||
props.title,
|
||||
);
|
||||
}
|
||||
|
||||
// created
|
||||
sortNumEngZhtw(sortData.value);
|
||||
localSelect.value = props.isSubmit ? props.select : null;
|
||||
selectedRadio.value = localSelect.value;
|
||||
emitter.on('reset', (data) => {
|
||||
emitter.on("reset", (data) => {
|
||||
selectedRadio.value = data;
|
||||
});
|
||||
setGlobalActivityRadioDataState();
|
||||
|
||||
Reference in New Issue
Block a user