Владислав Дворянинов

короче переделал вот в это

->where([
      ["UF_ACTIVE", "=", 1],
      ["UF_ELEMENT_ID", "=", $arFields["ID"]],
   ])
->whereColumn('UF_CREATED_BY',"!=", 'UF_USER_ID')
->where(\Bitrix\Main\Entity\Query::filter()
->logic('or')
->where([
   ['UF_DATE_ACTIVE', "<=", mktime(23,59,59,date("m"),date("d")+1,date("Y"))],
   ['UF_DATE_ACTIVE', "=", null],
]))

получил что хотел

SELECT 
	COUNT(*) AS `CNT`
FROM `table` `table` 
WHERE 
      `table`.`UF_ACTIVE` = 1 
AND 
      `table`.`UF_ELEMENT_ID` = 1 
AND 
      `table`.`UF_CREATED_BY` <> `table`.`UF_USER_ID` 
AND 
(`table`.`UF_DATE_ACTIVE` <= 1678568399 OR `table`.`UF_DATE_ACTIVE` IS NULL)

Слушаете событие mousemove, считаете расстояние между объектом и курсором. Если пора убегать - даете объекту новые координаты.
Если добавить css transition, то можно даже плавно заанимировать средствами браузера.

Вариант 1. События: по кнопке компонент эмитит событие. «Страница» его слушает и переключает свои данные.

<!-- template компонента -->
<button @click="this.$emit('buttoned')">не нажимать</button>

<!-- template страницы -->
<Component1 v-on:buttoned="triggerComponents" />
<!-- надо написать метод triggerComponents(), который поменяет данным true/false -->

Вариант 2, навырост: Vuex. Хранить oneActive, twoActive не в data, а в state глобально доступного store. По кнопкам из компонентов запускать мутации.

Почему не работает:

Если функция parseInt встречает символ, не являющийся числом в указанной системе счисления, она пропускает этот и все последующие символы

Ну а получить своё число вы можете так, например: +/\d+/.exec(el).

https://laravel.com/docs/7.x/eloquent#observers

Потому-что это ВНЕШНИЙ отступ. Отступ от одного элемента до другого. В вашем случае у элемента header(условно) свой background серого цвета, а у следующего section черного. Решение 1 - background-color: black для body и дальше переопределение стилей по каскаду. Вариант 2 - padding-top для заголовка во втором блоке.

https://codepen.io/Olovyannikov/pen/xxGNrve

Понадобятся два свойства - номер текущей страницы (page) и количество элементов на странице (perPage). Имея эти значения, можно показать элементы текущей страницы (UPD. Тут, конечно, косяк - items.slice... надо было унести в computed):

<div v-for="item in items.slice((page - 1) * perPage, page * perPage)">
  {{ item }}
</div>

Также вычислим общее количество страниц:

computed: {
  numPages() {
    return Math.ceil(this.items.length / this.perPage);
  },
},

Оно понадобится для того, чтобы ограничить возможный переход к несуществующим страницам:

methods: {
  next(change) {
    this.page = Math.max(1, Math.min(this.numPages, this.page + change));
  },
},

И чтобы блокировать кнопку перехода к следующей странице, когда таковой нет:

<button @click="next(-1)" :disabled="page <= 1">prev</button>
<button @click="next(+1)" :disabled="page >= numPages">next</button>

https://jsfiddle.net/7a1w62xm/1/

Эта проверка некорректна
if (md5($data['password'] == $user->password) ) {
у Вас md5 от выражения, а не md5 от пришедшего пароля.
надо
if (md5($data['password']) == $user->password )