Блог

Главная - Вопросы по программированию - Я ищу простой плагин пользователя / решение для livewire / alpine app

Я ищу простой плагин пользователя / решение для livewire / alpine app

#laravel-livewire #alpine.js

#laravel-livewire #alpine.js

Вопрос:

Есть ли что-то вродеhttps://&ithub.com/soixantecircuits/idle-vue (определяет, когда пользователь некоторое время не взаимодействовал с вашим приложением) совместим с laravel 7 / livewire 1.3 / turbolinks: 5 / alpine@v2?

Спасибо!

Ответ №1:

Предполагая, что вы idle-js каким-то образом установлены, вы можете сделать:

 <div
  x-data="{ idle: false }"
  x-init="_idle = new IdleJs({
    onIdle: () =&&t; { idle = true },
    onActive: () =&&t; { idle = false },
  });
  _idle.start();"
&&t;
  <p x-text="idle ? 'Idle': 'Not idle'"&&t;</p&&t;
</div&&t;

У меня это работает как codepen

Комментарии:

1. Что такое idle-js? это &ithub.com/shawnmclean/Idle.js ?

2. Да, это тот самый, я использовал включение CDN (см. Раздел JS codepen).

3. Спасибо! похоже, что он запускается в режиме ожидания… Также можете ли вы дать мне подсказку, как я могу запустить из js code метод livewire: lo&out?

4. Для этого вам, вероятно, потребуется отправить пользовательское событие из Alpine, а затем прослушать его из Livewire? Я не слишком знаком, но я не уверен, как работает взаимодействие Alpine-Livewire