Flexo
Не за что)
su
@luckinamargo почему не сдлаете в нативном JavaScript руками?
Margarita
@luckinamargo почему не сдлаете в нативном JavaScript руками?
а что именно сделать руками? вообще полностью и droppable и sortable функционал?
Margarita
Наверное потому, что особо логики не вижу в том, чтобы велосипед писать :D
Margarita
У меня вообще draggable и sortable функционал был в проекте уже до меня, я только droppable впилила, а теперь выяснилось, что он с sortable конфликтует
su
А вы попробуйте при выходе за границы бокса флажок ставить что у вас драггабл стал список а не сортабл
Margarita
Во, я думала о таком, но проблема в том, что я не могу понять, в каком месте вообще конфликт и как "запретить" директиву и разрешить для действия
Margarita
На данный момент, когда я подключаю draggable к элементам списка, у меня даже не вызывается callback onStart в sortable
Margarita
То есть во втором sortable есть какой-то свой собственный draggable, который позволяет сортировать
Margarita
И по всей видимости конфликт именно в draggable
su
Ясно. Значит это два одинаковых компонента или разные? Инстансы одного и того же компонента?
Margarita
Не, это один компонент, в котором два ul
Margarita
li внутри выводятся через v-for
su
Вот вам нужно вывести в отдельный компонент олин список,
Margarita
Хм, тогда я вообще не представляю, как это должно работать между компонентами
Margarita
По всей видимости, самый простой способ вот такую штуку юзать, в самом деле https://github.com/SortableJS/Vue.Draggable
su
ну ок, просто я бы разобрался в проблеме. Потому что потом придется разбираться с багами в vue.draggable
Margarita
Но тогда мне надо вообще все переписывать🙈
Margarita
А я вот хз, какие баги проще будут :D
su
Погодите-ка. Вы умеете тесты писать для js
Margarita
На первый взгляд кажется, что во vue draggable весь нужный функционал сразу
su
поробуйте у вас получится :)
Margarita
Но наверное у меня особой возможности нет пока тесты писать, пм хочет компонент, а не тесты :D
Flexo
Артуру, похоже, просто скучно))
Flexo
Вот он и придумывает всякие квесты)
su
Ребята, я просто только что с google summit 2017
Margarita
Мне зато не скучно, когда я смотрю, сколько надо перефигачить кода, чтобы заменить то, что было, на vue draggable
su
Хочется видеть рекрасныц новый мир поерытый юниттестами и рюшечками
Margarita
Понятия не имею, почему тут везде в проекте используются компоненты на jquery, когда есть специальные вьюшные
Flexo
Балбес потому что код писал до вас)
Margarita
Хз, вообще у него выше скилл)
Margarita
Но jquery так себе с моделями работает
su
Margarita я вам желаю удачи искренне. Я вам расскажу. Обычно на jquery пишут первоначальную веркк макета с анимацией.
Margarita
Поэтому так и получается, что или одно, или другое
Margarita
Ага, я знаю ))
su
То есть вам необхолиму удалить весть код на jquery
Margarita
😅
Margarita
Меня уволят тогда!
Margarita
:D
Flexo
Видимо он всю жизнь на jquery писал, и разбираться со Vue ему было лень. Вот и имеем кучу инъекций с jquery. А использовать vue в связке c jquery противопоказано
su
ой. Смотрите у Vue.js свой virtual DOM, у jquery - свой DOM. Вы очень быстро попадете в расснихрон. Когда из DOM не будет соответсвия с Shadow DOM, то есть вам нужно показать жто ПМ у и сказать что пациент скорее мертв чем жив
Flexo
Артур дело говорит)
Margarita
Так у меня и есть рассинхрон
Margarita
Я так понимаю, у меня sortable не работает после того, как я draggable-ом начала элемент тащить, потому что в доме его найти не может на том, старом, месте
su
я столкнулся с проблемой рассинхрона в google Polymer 1.0 и jQuery, Oracle.JET и jQuery, MDL и jQuery. Везде причиной проблемелм было плозое взаимодействие вертки и фронта
su
Margaritaт да скорее всего его нет там уже
Margarita
В общем, буду переписывать, по крайней мере этот кусок, деваться все равно особо некуда )) Спасибо, ребят!
su
Margarita ок, у вас получится, я уверен
Margarita
😊
Aleksandr
Да там одну библиотеку прикрутить. Изи-пизи.
Eugene
так вот какую?
su
Вообще jQuery - зло. Я буду вешать каждого в компании кто его использует, и всем рекомендую.
Aleksandr
Проблемы будут когда нужно будет вложенные деревья сортировать. Т.е если пм скажет чтобы у элементов списка были дети
Aleksandr
vue-draggable же, для двух списков и сортировки
Flexo
Народ, вопрос такой. Я могу как то в директиву засунуть компонент? Директива - это прелоадер, она сейчас добавляет этот прелоадер к нужному мне компоненту. Я вот хочу чтобы она добавляла прелоадер от сторонних разработчиков (компонент) вместо моего
Отвечу сам на свой вчерашний вопрос. Кому то тоже надо было. Это можно сделать через Vue.extend
Margarita
Не будет у элементов списка детей ))
Margarita
Вроде бы
Margarita
Vue draggable не поддерживает ту версию vue, что у меня в проекте :D
Margarita
Блин )))
Alex
вот это поворот) а чего на второй не обновитесь, если не секрет?
Margarita
Вроде можно откатиться до 1.0.9, тогда заработает, но я боюсь, что остальной проект сломается тогда
Margarita
вот это поворот) а чего на второй не обновитесь, если не секрет?
Ты знаешь, меня это волнует меньше, чем либы на jquery )))))))))))
Margarita
https://github.com/SortableJS/Vue.Draggable#for-vuejs-10
Вот это как раз не работает с 1.0.26
Alex
Либы на jquery вполне хорошо уживаются в изолированных компонентах-обёртках
Margarita
Да, но это если не пытаться подружить их друг с другом ))
Margarita
Сейчас я могу или одно использовать, или второе, или третье
Alex
Ну это уже будет комплексная обёртка) вероятно с кучей логики, раз тут одно с другим складываем
Margarita
А мне надо droppable. draggable и sortable на одном наборе данных
Alex
Наверх передайте, что старые решения устарели, нынешние требуют Vue 2.5.0
Margarita
Видимо это вариант "написать вручную " ))))
Alex
:D
Margarita
Было :D
Margarita
Первый вью тут будет
Alex
Как побочный эффект повышение производительности обещайте
Alex
больно это слышать
Margarita
А альтернтивных решений vue draggable для 1.0.26 никто не знает? :D