Angular Cron Generator

Quartz / Unix Cron expressions

Початок роботи

Простий

Простий як Angular. Нічого більше. Bootstrap CSS не є обов'язковим.

Налаштування

Ти можеш керувати компонентом як ти хочеш.

Відкритий код та на npm

Використовуй в своєму проекті за допомогою npm.

Quartz / Unix cron builder expressions.

Редагування простого текстового crontab є схильним до помилок для керування завданнями, наприклад, додавання завдань, видалення завдань або призупинення завдань.
Невелика помилка може легко зірвати всі завдання та може коштувати вам багато часу.

Віджет інтерфейсу який дозволяє створювати вираз cron без жодного досвіду чи розуміння стандартів cron.

Ця бібліотека містить рішення для quartz та unix форматів.
Використовуй разом з bootstrap CSS 5 or 4.
Angular cron npmAngular cron npm downloads
npm i @sbzen/ng-cron yarn add @sbzen/ng-cron

Quartz cron builder

Quartz cron expression — це представлення семи значень, розділених одним пробілом.
Кожне значення може мати власний вираз, наприклад 1-2 або 1,2 з різними комбінаціями спеціальних символів.
Створіть quartz вираз за допомогою простого у використанні онлайн-інтерфейсу.

СекундиХвилиниГодиниДень місяцяМісяцьДень тижняРік
0407?*MON-FRI*
@Component({
  template: `
    <input
      class="form-control"
      readonly
      [value]="quartzValue">

    <bs5-quartz-cron
      name="cron"
      [(ngModel)]="quartzValue">
    </bs5-quartz-cron>
  `
})
export class MyComponent {
  quartzValue = '0 40 7 ? * MON-FRI *';
}

import { Bs5QuartzCronModule } from '@sbzen/ng-cron';
@NgModule({
  imports: [Bs5QuartzCronModule]
})

Unix format builder

Unix cron підтримує 5 значень, розділених одним пробілом.
Як і формат quartz, кожне значення може мати спеціальні символи та комбінації.
Ця бібліотека допомагає генерувати вирази cron unix для планування таких завдань, як резервне копіювання, електронні листи, виклики API та перевірки стану.

ХвилиниГодиниДень місяцяМісяцьДень тижня
0,2*/1*/4*/4?
@Component({
  template: `
    <input
      class="form-control"
      readonly
      [value]="unixValue">

    <bs5-unix-cron
      name="cron"
      [(ngModel)]="unixValue">
    </bs5-unix-cron>
  `
})
export class MyComponent {
  unixValue = '0,2 */1 */4 */4 ?';
}

import { Bs5UnixCronModule } from '@sbzen/ng-cron';
@NgModule({
  imports: [Bs5UnixCronModule]
})

Яка bootstrap версія сумісна з цією бібліотекою?

Ми підтримуємо версію 4 та 5, але ви повинні використовувати різні компоненти та модулі.
Ці версії не повністю сумісні одна з одною, і це спонукало нас до окремих реалізацій.
Оскільки версія 4 є початковою, ви можете просто використовувати unix-cron та quartz-cron щоб працювати з bootstrap 4, як раніше.
Якщо вам потрібен bootstrap 5, використовуйте bs5-unix-cron, bs5-quartz-cron.

Як я можу перекласти цей cron generator іншою мовою?

Всі тексти, представлені в cron generator, узяті зі схеми локалізації, яка за замовчуванням англійська.
Такий підхід забезпечує гнучкість перевизначення текстів.
Використовуй localization input щоб передати свою версію текстів.

Чому unix cron не має вкладки секунд?

Формат unix обмежує нас від додавання будь-яких розширень, окрім описаних в стандарті.
Він підтримує 5 сегментів значень, які включають хвилини, години, день місяця, місяць та день тижня.
Щоб відповідати стандартам, секунди та роки не можна додавати до unix компонента.

Чи можу я налаштувати стилі компонентів?

Ці компоненти розроблені таким чином, щоб бути готовими до будь-яких змін стилю.
Вони охоплені внутрішньою схемою класів, яку не можна змінити, такі класи мають префікс c- і ви можете їх перевірити.
Вони стабільні, і ви можете використовувати їх для внесення власних стилей або перетирань.

Чи можна заборонити вибір року чи будь-якого іншого сегмента?

Немає можливості вимкнути рік чи інший сегмент.
Існує лише один спосіб зробити це обмеження – вказати, які вкладки ви хочете показувати в інтерфейсі, та просто не показувати вкладки, які ви хочете заборонити.
Передайте потрібні вкладки tabs input і перегляд буде обмежено.

Чи можете ви додати підтримку для інших фреймворків CSS?

Тут головне не інтегрувати із зовнішнім js, будь-які інші css рішення вітаються.
Це список потенційних кандидатів: Foundation, tailwindui, Semantic UI, Materialize, UI Kit.

© 2019-2024 код ліцензований згідно з ліцензією MIT.