[WIP] Исправил update данных клиента, распространение клика и ховер текущего клиента

This commit is contained in:
megavrilinvv
2022-12-06 17:59:40 +03:00
parent ef890f52e7
commit 9cba7503fd
8 changed files with 98 additions and 25 deletions

View File

@@ -1,15 +1,34 @@
<template lang="pug">
.network-cell.flex.box-border.px-4.items-center.w-full(:style="{ minWidth : width + 'px' }")
.flex.gap-x-1
.text-xl.icon.relative(v-for="network in getNetworks" :class="settings.settings.find((el) => el.network === network.kind)?.icon || ''")
.absolute.icon-cancel-mini.delete.flex.w-4.h-4.justify-center.items-center.bottom-4.left-2(v-if="isOpenChange" :id="network.kind" @click="(e) => deleteNetwork(e)")
.text-xl.icon.relative(
v-for="network in getNetworks",
:class="settings.settings.find((el) => el.network === network.kind)?.icon || ''"
)
.absolute.icon-cancel-mini.delete.flex.w-4.h-4.justify-center.items-center.bottom-4.left-2(
v-if="isOpenChange",
:id="network.kind",
@click="(e) => deleteNetwork(e)"
)
.flex.relative.pb-2(class="pl-[46px]")
base-button(v-if="isOpenChange && settings.settings.length !== getNetworks.length" @click="openPopupAdding" :rounded="true" :outlined="true" :added="true" :size="24")
base-button(
v-if="isOpenChange && settings.settings.length !== getNetworks.length",
@click.stop="openPopupAdding",
:rounded="true",
:outlined="true",
:added="true",
:size="24"
)
.icon-plus(class="pt-[2px]")
base-popup.right-3.top-6(v-if="isOpenPopupAdding" :width="485")
base-adding-network(:value="network" :selected-option="getSelectedIcon" :list-adding-networks="getAddingNetworks" :choose-network="chooseNetwork")
base-popup.right-3.top-6(v-if="isOpenPopupAdding", v-click-outside="closePopup" :width="485")
base-adding-network(
:value="network",
:selected-option="getSelectedIcon",
:list-adding-networks="getAddingNetworks",
:choose-network="chooseNetwork"
)
.w-fit
base-button(:size="40" @click="saveNetwork")
base-button(:size="40", @click="saveNetwork")
span.font-semibold Добавить
</template>
@@ -69,6 +88,9 @@ export default {
chooseNetwork(e) {
this.network.kind = e.target.id;
},
closePopup() {
this.isOpenPopupAdding = false;
},
saveNetwork() {
this.addNetwork(this.network);
this.isOpenPopupAdding = false;