ngx-cron-editor-translate
v0.0.5
Published
A cron expression generator for Angular 6+ with translation
Downloads
14
Maintainers
Readme
ngx-cron-editor
An Angular 8 component for building cron expressions graphically. It is meant to be used in reactive forms and support Angular Material Design styling.
Additional to the fork of haavardj I added ngx-translate to the project.
Demo
A work-in-progress demo can be found here (This demo is for the old version without translation)
Usage
Install the npm package:
$ npm i ngx-cron-editor-translate -S
Import the module in your own module:
import { CronEditorModule } from 'ngx-cron-editor-translate'; @NgModule({ imports: [..., CronEditorModule], ... }) export class MyModule { }
Setup the FormControl in you component's typescript file:
ngOnInit(): void { this.cronForm = new FormControl('0 0 1/1 * *'); }
Include the component in your html code:
<cron-editor [formControl]="cronForm"></cron-editor>
or use the
formControlName='...'
directive if your form controller lives in a FormGroup.
Options
<cron-editor [formControl]="cronForm" [options]="cronOptions"></cron-editor>
import { CronOptions } from 'ngx-cron-editor-translate';
@Component({
...
})
export class MyComponent {
public cronOptions: CronOptions = {
defaultTime: "00:00:00",
hideMinutesTab: false,
hideHourlyTab: false,
hideDailyTab: false,
hideWeeklyTab: false,
hideMonthlyTab: false,
hideYearlyTab: false,
hideAdvancedTab: true,
hideSpecificWeekDayTab: false,
hideSpecificMonthWeekTab : false,
use24HourTime: true,
hideSeconds: false,
cronFlavor: "quartz" //standard or quartz
defaultLanguage: "en" // use en or de for translation
};
}
History
The ngx-cron-editor is a fork of the vincentjames501's angular-cron-gen for AngularJS 1.5+ and claudiuconstantin's cron-editor. The ngx-cron-editor-translate is a fork of haavardj's ngx-cron-editor for Angular 8+ support and material design
The main additions of this fork is support for ngx-translate.
License:
Licensed under the MIT license