Формулы, плагины, наработки и советы для No-Code платформы Creatium

let({status:table.current.f3 },
if(status == "Выделение", "#ae93ff", "#ffffff"))

let ({
 date: toDate(var1),
 day: 24*60*60*1000,
 today: now(),
 dif: (toNumber(date) - toNumber(today)),
 daysSince: floor(dif/day)
 
}, if (daysSince == 0, "Сегодня в " & substr(date, 11,5),
if (daysSince == -1, "Вчера в " & substr(date, 11,5),
if (daysSince == 1, "Завтра в " & substr(date, 11,5),
substr(date, 8, 2) & "." & substr(date, 5, 2) & "." & substr(date, 0, 4) & " " & substr(date, 11,5))
)))

map(
// slice(feedback.current.image, 0, 3), //  показывает первые 3
slice(feedback.current.image, 3), //  показывает все кроме первых 3
{ value: item }
)

На странице устанавливаем компонент "61487" (модифицированный слайдер), подключите его к массиву фотографий и ограничьте до 3х например, после отдублируйте набор блоков и уберите первые три фотографии, не забудьте установить класс "zero-height", в картинках поставьте одинаковое название галереи. Подробнее ниже в видео

<script>
const localName = 'viewedItemsDomen'; // Имя хранилища
const max = 10; // Максимальное кол-во объектов
const valueName = 'ID'; // Имя переменной

function addLocal(value) {
  let storedValues = localStorage.getItem(localName);
  let valuesArray = storedValues ? storedValues.split(',') : [];
  if (!valuesArray.includes(value)) {
    valuesArray.push(value);
    if (valuesArray.length > max) {
      valuesArray.shift();
    }

    localStorage.setItem(localName, valuesArray.join(','));
  }
}

function urlReload() {
  let storedValues = localStorage.getItem(localName);
  if (storedValues) {
    let newUrl = window.location.origin + window.location.pathname + '?' + valueName + '=' + storedValues;
    window.location.href = newUrl;
  }
}

function urlAdd() {
  let storedValues = localStorage.getItem(localName);
  let valuesArray = storedValues ? storedValues.split(',') : [];
  return valuesArray.length > 1;
}

function urlRemove() {
  const urlParams = new URLSearchParams(window.location.search);
  urlParams.delete(valueName);
  const newUrl = window.location.origin + window.location.pathname;
  history.replaceState({}, '', newUrl);
}

function hasValueName() {
  const urlParams = new URLSearchParams(window.location.search);
  return urlParams.has(valueName);
}

const element = document.querySelector('.idCard .textable');
if (element) {
  const value = element.textContent.trim();
  addLocal(value);
  if (urlAdd()) {
    if (!hasValueName()) {
      urlReload();
    }
  }
}

urlRemove();
</script>

Плагин сохраняет id из компонента в локальное хранилища пользователя и создаёт список этих id.
Как только пользователь попадает на страницу где есть компонент, плагин мгновенно обновляет страницу и сразу же подставляет в URL список значений который выводятся в набор блоков, после чего URL чиститься от мусора.

var form = page.getComponent(el);
var originalValues = {};

form.on('before-submit', function(event) {
  form.fields.forEach(function(field) {
    if (field && field.name != 'Название поля') {
      originalValues[field.name] = field.value;
    }
  });
});

form.on('submit', function(event) {
  form.fields.forEach(function(field) {
    if (originalValues) {
      field.setValue(originalValues[field.name]);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.5.1/SmoothScroll.min.js"></script>
<script>
  SmoothScroll({
    animationTime    : 400, // Длительность анимации, ms
    stepSize         : 100, // Высота, px

    accelerationDelta : 200, // Ускорение, px
    accelerationMax   : 1,
   
    keyboardSupport   : true,
    arrowScroll       : 50, //Высота скролла клавишами, px

    touchpadSupport   : true, // Тачпад
    fixedBackground   : true, // Фиксация фона
  })
</script>

<style>
/* Прокрутка */
/* Для вертикальных полос прокрутки */
::-webkit-scrollbar {
    width: 10px;
}

/* Фон полосы прокрутки */
::-webkit-scrollbar-track {
    background: none;
    margin: 10px;
}

/* Тумблер */
::-webkit-scrollbar-thumb {
    background-color: rgba(95, 96, 103, 0.3);
    border-radius: 15px;
}
</style>

<script>
window.addEventListener('load', function() {
  setTimeout(function() {
    var element = document.getElementById("catalog");
    if (element) {
      $('html, body').animate({
        scrollTop: $(element).offset().top,
        duration: 1500
      });
    }
  }, 0);
});
</script>

let({
 monthr:  let({
  format: 'MONTH',
  date: now(var1),
}, let({ dateStr: toString(toDate(date)) }, reduce([
  ['YEAR', substr(dateStr, 0, 4)],
  ['MONTH', substr(dateStr, 5, 2)],
  ['DAY', substr(dateStr, 8, 2)],
  ['HOUR', substr(dateStr, 11, 2)],
  ['MINUTE', substr(dateStr, 14, 2)],
  ['SECOND', substr(dateStr, 17, 2)],
], replace(value, item[0], item[1]),

format
)))},

if(monthr == "01", "января",
if(monthr == "02", "февраля",
if(monthr == "03", "марта",
if(monthr == "04", "апреля",
if(monthr == "05", "мая",
if(monthr == "06", "июня",
if(monthr == "07", "июля",
if(monthr == "08", "августа",
if(monthr == "09", "сентября",
if(monthr == "10", "октября",
if(monthr == "11", "ноября", "декабря"))))))))))))

let({
dueDate: var1,
dateSplit: split(dueDate, ' '),
dateDay: join(reverse(split(dateSplit[0], ".")), "-"),
date: toNumber(toDate(dateDay)),
},
date
)

let({
dueDate: var2,
dateSplit: split(dueDate, ' '),
dateDay: join(reverse(split(dateSplit[0], ".")), "-"),
dateTime: dateSplit[1],
date: toNumber(toDate(dateDay & ' ' & dateTime)),
},
date
)

let({
dueDate:  var3,
separ: "-", //Разделитель
dateSplit: split(dueDate, ' '),
dateDay:  join(split(dateSplit[0], separ), "-"),
dateTime: dateSplit[1],
date: dateDay & ' ' & dateTime,
unix:toNumber(toDate(date)),
},
unix
)

if(table.current.firstWorkDay == null, "Не указан
первый рабочий день",

let({
  first: table.current.firstWorkDay,
  firstdate: toDate(first),
  today: toNumber(now()),
  total:  today - first,
  y: total / 31556926000,
  m: (total / 2629743000) - (floor(y) * 12),
  d: if((total / 86400000 / 365.24) < 1, total / 86400000, (total / 86400000 / 365.24)),
  cury: floor(y),
  curm: floor(m),
  curd: floor(d),
  ywords: ['год', 'года', 'лет'],
  mwords: ['месяц', 'месяца', 'месяцев'],
  dwords: ['день', 'дня', 'дней'],
  years: cury & ' ' & ywords[if(
  cury % 100 > 4 and cury % 100 < 20,
  2, [2, 0, 1, 1, 1, 2][if(cury % 10 > 5, 5, cury % 10)]
)],
  month: curm & ' ' & mwords[if(
  curm % 100 > 4 and curm % 100 < 20,
  2, [2, 0, 1, 1, 1, 2][if(curm % 10 > 5, 5, curm % 10)]
)],
  days: curd & ' ' & dwords[if(
  curd % 100 > 4 and curd % 100 < 20,
  2, [2, 0, 1, 1, 1, 2][if(curd % 10 > 5, 5, curd % 10)]
)],
},
if(cury <= 0, "", years)  
& " " &
if(curm <= 0, "", month)
& " " &
if(curd <= 0, "меньше одного дня", days)
)

)

Сначала формула проверяет, есть ли у нас первый рабочий день. Если нет, то выводим сообщение "Не указан первый рабочий день";
Если первый рабочий день есть, мы превращаем его и текущий день в числа и считаем разницу между ними в миллисекундах. Затем превращаем эту разницу в годы, месяцы и дни;
Когда у нас уже есть года, месяцы и дни, она их округляет до целых чисел. Затем выбирает правильные слова для описания лет (год/года), месяцев (месяц/месяца) и дней (день/дня);

let({
  array:
["A", "B", "C", "D", "E", "F", "G", "H", "I",
"K", "L", "M", "N", "O", "P", "Q", "R", "S",
"T", "V", "X", "Y", "Z", "a", "b", "c", "d",
"e", "f", "g", "h", "i", "k", "l", "m", "n",
"o", "p", "q", "r", "s", "t", "v", "x", "y",
"z", "1", "2", "3", "4", "5", "6", "7", "8",
"9", "0", "_", "$", "@", "%", "&", "~"],
  pass: map(
  sort(map(array, [item, random()]), item[1]),
  item[0]
)                    
},
join(slice(pass, 0, 9 ), "")
)

let({
count: var1,
words: ['день', 'дня', 'дней'],
}, count & ' ' & words[if(
count % 100 > 4 and count % 100 < 20,
2, [2, 0, 1, 1, 1, 2][if(count % 10 > 5, 5, count % 10)]
)])

let({
  bytes: var1,
  units: [' тыс.', ' млн.', ' млрд.', ' трлн.'],
  precision: 0,
  zero: '0',
}, if(bytes == 0, zero, let({
  e: min([floor(log(bytes, 1000)), 4])
}, round(bytes / pow(1000, e), precision) & if (e > 0, units[e - 1], ''))))

let({
  number: var1,
  delimiter: ' ',
}, let({ str: toString(number) }, trimStart(join(map(
  range(0, length(str)),
  if((length(str) - item) % 3 == 0, delimiter, '') & substr(str, item, 1)
)))))

let({
 input: now(),
 date: toString(input),
 date2: split(date, "T")[0],
 array: split(date2, "-"),
 year: toNumber(array[0]),
 yearLastDig: toNumber(substr(array[0], 2)),
 yearCode: (yearLastDig + floor(yearLastDig / 4)) % 7,
 month: toNumber(array[1]),
 day: toNumber(array[2]),
 monthCode:
 if(
   month == 1, 0,
   month == 2, 3,
   month == 3, 3,
   month == 4, 6,
   month == 5, 1,
   month == 6, 4,
   month == 7, 6,
   month == 8, 2,
   month == 9, 5,
   month == 10, 0,
   month == 11, 3,
   month == 12, 5,
   0),
   century: floor(year / 100),
  centuryCode:
  if(
   century == 17, 4,
   century == 18, 2,
   century == 19, 0,
   century == 20, 6,
   century == 21, 4,
   century == 22, 2,
   century == 23, 0,
  0),
  leapYear:
     if (year / 4 == 400, true,
         year / 4 == 100, false,
         year / 4 == 0, true, false),
  offset:
     if (leapYear and month == 1, -1,
     leapYear and month == 2, -1, 0),
  total: (offset + yearCode + monthCode + centuryCode + day) % 7,

   }, if (total == 0, "Воскресенье",
         total == 1, "Понедельник",
         total == 2, "Вторник",
         total == 3, "Среда",
         total == 4, "Четверг",
         total == 5, "Пятница",
         total == 6, "Суббота","Ошибка")
)

let({
  arr: split(url.params.length?, '+'),
  from: indexOf(arr, "from"),
  to: indexOf(arr, "to"),
},
if(to != -1,
toNumber(replaceAll(arr[to+1],'m','')), 0)
)

a1 = [122,123,124]; // то что есть в исходном массиве
a3 = [122,123,124,125,126,127]; // то что есть в общем списке

letindex = map(a3, {userid: item, index: a1[indexOf(a1,item)]});
fil = filter(letindex, item.userid != item.index);
result = join(map(fil, item.userid),',');
result //результат

Мы используем функцию map, чтобы пройтись по каждому элементу массива a3;
Для каждого элемента создаем объект с двумя свойствами: userid и index;
Значение userid берется из элемента массива a3, а index - это индекс элемента a3 в массиве a1;
Далее, используем функцию filter, чтобы отфильтровать только те объекты, у которых userid и index неравны друг другу;
И наконец, мы преобразуем каждый объект в новый массив, беря только значение userid;
В итоге мы соединяем все значения в новом массиве, разделяя их запятой.

Формулы, наработки, подсказки и советы для No-Code платформы Creatium

Выделяем цветом определённые блоки, с помощью БД

Применение

Формула

Объяснение

Форматирование даты "Завтра, Сегодня, Вчера"

Применение

Формула

Объяснение

Фото-лента (показать все)

Применение

Формула в набор блоков

Формула (Массив из отдельных колонок)

Объяснение

Установка

Ранее просмотренные

Применение

Код перед </body>

Объяснение

Установка

Сохраняем значения полей после отправки формы

Применение

JS код

Объяснение

Плавная прокрутка страницы

Применение

Код перед </body>

Объяснение

Убираем дёрганье при открытии модальных окон

Применение

Код перед </head>

Объяснение

Скрытие и поднятие элемента по нажатию кнопки

Применение

JS код в действие кнопки

Демо 1

Демо 2

Объяснение

Кастомный scrollbar (прокрутка справа) на сайт

Плагин "Код перед </head>"

Так же можно и спрятать (прокрутка работать будет) scrollbar, вставлять в "Код перед </head>"

Объяснение

Перемещение к якорю, при загрузке страницы

Применение

Плагин "Код перед </body>"

Объяснение

Месяцы прописью

Применение

Формула

Объяснение

Форматирование даты в формат Unix Date

Применение

Формула 1

Формат ДД.ММ.ГГГГ

Формула 2

Формат ДД.ММ.ГГГГ ЧЧ:ММ

Формула 3

Формат ГГГГ-ММ-ДД ЧЧ:ММ

Объяснение

Расчет разницы между датой и сегодняшним числом с выводом в виде “Х лет Х месяцев Х дней”

Применение

Формула

Объяснение

Генератор паролей

Применение

Формула

Объяснение

Обрезка текста по длине с начала

Применение

Плагин "Код перед </body>"

Объяснение

Обрезание текста по длине

Применение

Формула

Объяснение

Склонение существительного после числа

Применение

Формула

Объяснение

Округление до тысяч, миллионов и т.д.