mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

camera movve part

This commit is contained in:
aarizona 2024-09-24 21:11:24 +03:00
parent 1e14b9dc95
commit e870d5ee92
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/calc/values.vue
View File

@ -18,6 +18,7 @@ const extra_section = use_extra_section()
const total_length = use_total_length()
const min_length = use_min_length()
const goto_cam = use_goto_camera()
const open_calc = use_open_calc()
if (!pillar_color.value) {
const r = Math.floor(Math.random() * predefPillarColors.length)
@ -182,6 +183,12 @@ const calc_table = computed(() => {
},
]
})
watch(open_calc, () => {
if (Object.keys(open_calc.value).length == 0) {
goto_cam.value = new Vector3(1, 1, 1)
}
})
</script>
<template>
<div class="container relative py-4">
@ -231,7 +238,8 @@ const calc_table = computed(() => {
<div class="form-row">
<div class="form-item form-item_color">
<label for="lamelle_color">Цвет ламелей</label>
<DropdownPicker type="color" :cb="setLamelleColor" name="lamelle_color">
<DropdownPicker type="color" :cb="setLamelleColor" name="lamelle_color"
:goto_cam="new Vector3(1, 1, 1)">
<input id="lamelle_color" type="text" :value="getColorNameFromRal(lamelle_color)" :style="{
backgroundColor: getColorHexFromRal(lamelle_color) ?? 'transparent',
color: lamelle_text
@ -240,7 +248,8 @@ const calc_table = computed(() => {
</div>
<div class="form-item form-item_color">
<label for="pillar_color">Цвет столба</label>
<DropdownPicker type="color" :cb="setPillarColor" name="pillar_color">
<DropdownPicker type="color" :cb="setPillarColor" name="pillar_color"
:goto_cam="new Vector3(-1, -1, -1)">
<input id="pillar_color" type="text" :value="getColorNameFromRal(pillar_color)" :style="{
backgroundColor: getColorHexFromRal(pillar_color) ?? 'transparent',
color: pillar_text
@ -249,13 +258,13 @@ const calc_table = computed(() => {
</div>
<div class="form-item form-item_color">
<label for="pillar_pattern">Узор столба</label>
<DropdownPicker type="pattern" :cb="setPillarPattern">
<DropdownPicker type="pattern" :cb="setPillarPattern" name="pillar_pattern"
:goto_cam="new Vector3(-1, 1, -1)">
<input id="pillar_pattern" type="text" :value="pillar_pattern" :style="{
backgroundImage: `url(${getFilename(pillar_pattern)})`
}" />
</DropdownPicker>
</div>
{{ goto_cam }}
</div>
</div>
<template v-if="(form_state.total_length * 1000) >= parametric.length.min">

11
components/dropdown/picker.vue
View File

@ -1,7 +1,8 @@
<script setup lang="ts">
import { ralClassicPallette, getColorHexFromRal } from '@/components/ral'
import { getColorHexFromRal } from '@/components/ral'
import { Vector3 } from 'three';
const props = defineProps(['color', 'cb', 'name', 'type'])
const props = defineProps(['color', 'cb', 'name', 'type', 'goto_cam'])
const goto_cam = use_goto_camera()
const open_calc = use_open_calc()
@ -12,10 +13,9 @@ const is_open = ref<boolean>(open_calc.value.includes(props.name))
const toggleOpen = (value: boolean = !is_open) => {
is_open.value = value
if (value == true) open_calc.value = [props.name]
else if (value == false) open_calc.value.splice(open_calc.value.indexOf(props.name), 1)
else if (value == false && open_calc.value.includes(props.name)) open_calc.value = []
if (value == true) goto_cam.value = undefined
else if (value == false) goto_cam.value = undefined
if (value == true && props.goto_cam) goto_cam.value = props.goto_cam
}
const onClick = (color: string) => {
@ -36,6 +36,7 @@ onMounted(() => {
onUnmounted(() => {
document.removeEventListener('click', clickOutside)
})
watch(open_calc, () => {
if (open_calc.value.includes(props.name) && is_open.value !== true) {
is_open.value = true