@zapinfo/ngx-cron-editor
TypeScript icon, indicating that this package has built-in type declarations

0.4.10 • Public • Published

Angular Material Design Cron Editor

A library that helps the user graphically build a CRON expression using Angular 8+.

This library has a long history. It is a fork of the vincentjames501's angular-cron-gen for AngularJS 1.5+ and claudiuconstantin's [cron-editor(https://github.com/claudiuconstantin/cron-editor)] to create an Angular 8+, Material design editor.

screenshot

To run the sample app just run npm run start and go to http://localhost:4444/. The app will automatically reload if you change any of the source files.

This library is published to NPM: @zapinfo/ngx-cron-editor

Demo

A work-in-progress demo can be found here

Usage

  1. Install the npm package:

    $ npm i ngx-cron-editor -S
    
  2. Import the module in your own module:

    import { CronEditorModule } from '@zapinfo/ngx-cron-editor';
    
    @NgModule({
        imports: [..., CronEditorModule],
    ...
    })
    export class MyModule {
    }
  3. Use the component in your html code:

    <cron-editor [(cron)]="cronExpression"></cron-editor>
  4. That's it, you're done!

Options

<cron-editor [(cron)]="cronExpression" [options]="cronOptions"></cron-editor>
import { CronOptions } from "@zapinfo/ngx-cron-editor";

@Component({
    ...
})
export class MyComponent {
   public cronOptions: CronOptions = {
       formInputClass: 'form-control cron-editor-input',
       formSelectClass: 'form-control cron-editor-select',
       formRadioClass: 'cron-editor-radio',
       formCheckboxClass: 'cron-editor-checkbox',
       
       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: CronFlavor.quartz
    };
}

License:

Licensed under the MIT license

Package Sidebar

Install

npm i @zapinfo/ngx-cron-editor

Weekly Downloads

20

Version

0.4.10

License

MIT

Unpacked Size

656 kB

Total Files

33

Last publish

Collaborators

  • rmorlok