Skip to content

esarmientoe/cron-editor

 
 

Repository files navigation

cron-editor

A library that helps the user graphically build a CRON expression using Angular 2+. 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)].

The main additions of this fork are support for standard Linux cron expressions (with reduced functionallity given the restrictions of the original format). Also the component was upgraded to support Bootstrap 4+ and Angular 5+.

This project was generated with Angular CLI version 1.6.1. To run the sample app just run npm run start and go to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Demo

A work-in-progress demo can be found here

Usage

  1. Install the npm package:

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

    import { CronEditorModule } from "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 "cron-editor/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: "quartz" //standard or quartz
    };
}

License:

Licensed under the MIT license

About

Graphically build a CRON expression using Angular 2+

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 53.5%
  • HTML 40.4%
  • JavaScript 3.6%
  • CSS 2.5%