
Artem
18.10.2018
16:43:28
Ладно сам поковыряю ещё
Я правильно понимаю, что если в index.html подключить js, то он во вью так же будет работать ?

rddlr
18.10.2018
16:46:07
ага, т.е. ты даже и не пытался

Ldar
18.10.2018
16:58:43
Вопрос по js.
Есть спиок полей и список пользователей.
Список полей имет поле user_id.
[{id:1,user_id=324}, {id:2,user_id=1324}, {id:3,user_id=624} ...]
Список пользователей имеют данные пользователя
[{id:324, firstname:Boot}, {id:1324, firstname:Slippers}, {id:624, firstname:Loser},...]
Пользователей на самом деле больше, так же как полей.
Теперь хочу при выводе полей, указывать имена пользователей.
Получается нужно
items.forEach(function (item, i, arr) {
let user = this.users.find(element => element.user_id === id)
itemTemp = {
id: user.username
}
})

Google

Ldar
18.10.2018
16:59:59
Получается куча циклов постоянно ищу пользователей, в цикле, можно ли сделать как то проще?
К примеру в php можно для массива задавать ключ как идентификатор пользователя и по этому ключу сразу выходишь на нужный элемент (пользователя), в js как понял, если задать массиву идентификатор 600, то он создасть 599 элеметов с undefined
Как то не удобно получается, приходится постоянно прогонять через find()

Artem
18.10.2018
17:03:56

rddlr
18.10.2018
17:09:53
L-dar сделай объект из массива

Ldar
18.10.2018
17:10:29

rddlr
18.10.2018
17:10:45
как сделать объект из массива?

Ldar
18.10.2018
17:13:13
Типа
{324:{firstname: Boot}} ?

Alex
18.10.2018
17:16:46
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/from

rddlr
18.10.2018
17:16:58

Ldar
18.10.2018
17:18:34
Спасибо, обдумывал это решение, но почему-то подумал, что имя свойства цифрой не хорошо

Mefisto
18.10.2018
17:19:48
Если это не код статуса

Google

Siarhei
18.10.2018
17:32:11
такая ситуация. делаю @click на диве, сохраняю это в bool что начал типо тянуть линию. как сделать, чтоб если кликнул "где-угодно", кроме "нужных" дивов чтоб bool в false слетала?

rddlr
18.10.2018
17:38:31
v-click-outside?

Siarhei
18.10.2018
17:39:06
а без библиотек никак? простым способом

rddlr
18.10.2018
17:39:25
а что такое? там библа 20 строк
посмотри как там и повтори)))
есть еще vue-clickaway
я эту юзаю

Siarhei
18.10.2018
17:40:40
да просто, боюсь за надежность этих всяких библиотек. потом будут проблемы ненужные. типо на мобиле не будет работать или еще чего

Artem
18.10.2018
17:40:52
Если сделать клик переключающий в фолс на корневом диве шаблона
Должно работать

Siarhei
18.10.2018
17:41:07
а если выше нажал? на боди

Artem
18.10.2018
17:41:17
Тогда нет
Внутри темплейта
Ну ты можешь событие клика из родительского элемента можешь передать

Siarhei
18.10.2018
17:42:17
<div v-click-outside="onClickOutside"></div> выглдит, как будто только для одного дива сработает
типо мне надо же не на него самого нажимать, а на другой день

rddlr
18.10.2018
17:43:32
ты знаешь как переводится слово outside?

Siarhei
18.10.2018
17:43:42
знаю

rddlr
18.10.2018
17:44:02
ну вот. он слушает не клик на див, а клике ВНЕ дива

Google

Siarhei
18.10.2018
17:44:20
мне надо типо v-click-when-selector-not-match

rddlr
18.10.2018
17:44:37
шо

Siarhei
18.10.2018
17:44:39
outside будет всегда снаружи моего первого дива

Artem
18.10.2018
17:45:10
codepen.io/servor/pen/YVjmPz
Типо того?

Siarhei
18.10.2018
17:45:34
это тоже для одного
надо чтоб типо все дивы, у которых одинаковый класс не вызывали этот методы сброса

rddlr
18.10.2018
17:46:16
я не смогу понят без репродукции. у меня туго с воображением ?
насчет классов - выглядит как-то неправильно
привязывать к классам такую логику
похоже пилишь какой-то костыль к плагину?
календаря

Siarhei
18.10.2018
17:48:09
1 день в календаре = 1 див с классом, например ".day". мне надо чтоб если кликаешь на любой див у кого нет ".day" вызывался click-outside. класс это не обязательно, я просто чтоб было понятно, что надо кликать на див, который не день, а уже что у этих дивов общего на уровне html,js это уже без разницы
я календарь пилю) весь

DimenSi
18.10.2018
17:48:31
Ребята, а я сегодня верстал, а вы че делали?

Kevin
18.10.2018
17:48:40
нихера
спорил с коллегами за терминологию

Siarhei
18.10.2018
17:48:56
я сегодня базы данных проектировал, и апи пилил

rddlr
18.10.2018
17:49:12
наконец-то

Google

Siarhei
18.10.2018
17:49:26
пришел домой, укутолся в плед, решил повьюить, а тут не понятно как эту тягалку делать

DimenSi
18.10.2018
17:49:49

rddlr
18.10.2018
17:49:52
попробуй на этот див повесить этот аутсайд
Tailwind CSS
вы шо не модные?

DimenSi
18.10.2018
17:50:15
А эта хуйня.

rddlr
18.10.2018
17:50:39
ахуенная хуйня. решает CSS

Admin
ERROR: S client not available

DimenSi
18.10.2018
17:50:43
Полгода назад на нее смотрел, не ебу как не забывать классы которые у нее есть.
И как не забывать как на этом готовить.

rddlr
18.10.2018
17:51:27
так это вопрос времени. прокет сверстаешь с поиском у них по сайту и все запомнишь. 50% интуитивно классы догадываются

DimenSi
18.10.2018
17:51:37
Либо тратишь 10 минут по доке, чтоб найти нужный класс, либо, просто пишешь нужное свойство в твоем класче

Kevin
18.10.2018
17:51:41
Tailwind CSS
первый раз слышу
мне очень не хватает какого-нибудь сайта со списком всего, что круто-модно на данный момент
хакерньюс проблему не решает

rddlr
18.10.2018
17:51:52
ну какие 10 минут, бро. 15 секунд, у них поиск на сайте

Konstantin
18.10.2018
17:52:38

Kevin
18.10.2018
17:53:15

rddlr
18.10.2018
17:53:31
жжоте

Kevin
18.10.2018
17:53:37
по-моему, ничего более бесполезного, чем awesome-списки, я ещё не встречал

Konstantin
18.10.2018
17:54:39
Есть вот эти подборки
https://medium.mybridge.co/@Mybridge

Google

rddlr
18.10.2018
17:54:44
Адам Ватан, создатель Тейлвинда, очень грамотный чел.
я бы сказа он топчик вообещ в вебдеве

Kevin
18.10.2018
17:56:25
я вот совершенно не разбираюсь в вёрстке и не понимаю, надо ли даже начинать
увидел вот рекомендацию верстать всё по 8-пиксельной сетке и не справился даже с тем, чтобы сделать по такому принципу банальную кнопку(

rddlr
18.10.2018
17:56:50
по свеому опыту, сколько я промучился с CSS, Тейлвинд реально решает почти все проблемы этого убожества. не надо прыгать в стили, переключатся - все перед глазами в классах. код в компонентах стал примерно на 40-50% меньше, потмоу что стилей почти не осталось рукописных - почти все переиспользуется
вы ловили себя на мысли что вы одну и ту же хуйню делаете 100 раз?
если да, то юзайте Тейлвинд

DimenSi
18.10.2018
18:00:53

rddlr
18.10.2018
18:02:25
скорее грамотная design system. реально все стало на свои места, когда начинаешь это юзать. там нету своих стилей как в буцтрапе.
нечто подобное давно еще было - Tachyons CSS. но это посвыше на порядки

Дмитрий
18.10.2018
18:26:57
Добрый вечер.
Скажите, в чем может быть причина что не показывается модальное окно?
<v-dialog v-model="alertPremium"
в data alertPremium : false
Потом в created вызывается функция :
showAlert(){
var c = Cookies.get("showPremium");
if(c==undefined) this.alertPremium = true;
}
И через консоль проверяю что значение действительно меняется на true но модалка не показывается(

Kirill
18.10.2018
18:27:44
А почему оно должно показываться?

Дмитрий
18.10.2018
18:27:47
Другие окна в этом компоненте срабатывают но там открытие по нажатию на кнопку
this.alertPremium = true
Я перевожу состояние окна в true

Kirill
18.10.2018
18:29:31
Уверен,что имеено v-model директива тебе нужна?

Дмитрий
18.10.2018
18:29:48
да, другие окна открываются по такому же принципу
если в data ставлю по умолчанию значение true то окно сразу показывается
а если перевожу состояние из false в true То не появляется(((

rddlr
18.10.2018
18:35:09
странно что через в-модел