grapesjs-component-countdown

WebJar for grapesjs-component-countdown

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-component-countdown
Last Version

Last Version

0.1.3
Release Date

Release Date

Type

Type

jar
Description

Description

grapesjs-component-countdown
WebJar for grapesjs-component-countdown
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-component-countdown

Download grapesjs-component-countdown

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-component-countdown/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-component-countdown</artifactId>
    <version>0.1.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-component-countdown/
implementation 'org.webjars.npm:grapesjs-component-countdown:0.1.3'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-component-countdown/
implementation ("org.webjars.npm:grapesjs-component-countdown:0.1.3")
'org.webjars.npm:grapesjs-component-countdown:jar:0.1.3'
<dependency org="org.webjars.npm" name="grapesjs-component-countdown" rev="0.1.3">
  <artifact name="grapesjs-component-countdown" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-component-countdown', version='0.1.3')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-component-countdown" % "0.1.3"
[org.webjars.npm/grapesjs-component-countdown "0.1.3"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

GrapesJS Countdown

Simple countdown component for GrapesJS Editor

GrapesJS


Demo

Summary

  • Plugin name: gjs-component-countdown
  • Components: countdown
  • Blocks: countdown

Options

  • blocks Which blocks to add, default: ['countdown'] (all)
  • defaultStyle Add default style to blocks, default: true
  • startTime Default start time, eg. '2018-01-25 00:00', default: ''
  • endText Text to show when the countdown is ended, default: 'EXPIRED'
  • dateInputType Date input type, eg, 'date', 'datetime-local', default: 'date'
  • countdownClsPfx Countdown class prefix, default: 'countdown'
  • labelCountdown Countdown label, default 'Countdown'
  • labelCountdownCategory Countdown category label, default 'Extra'
  • labelDays Days label text used in component, default 'days'
  • labelHours Hours label text used in component, default 'hours'
  • labelMinutes Minutes label text used in component, default 'minutes'
  • labelSeconds Seconds label text used in component, default 'seconds'

Download

  • npm i grapesjs-component-countdown or yarn add grapesjs-component-countdown

Usage

<link href="path/to/grapes.min.css" rel="stylesheet"/>
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-component-countdown.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      plugins: ['gjs-component-countdown'],
      pluginsOpts: {
        'gjs-component-countdown': {/* ...options */}
      }
  });
</script>

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-component-countdown.git
$ cd grapesjs-component-countdown

Install it

$ npm i

Start the dev server

$ npm start

Build before the commit. This will also increase the patch level version of the package

$ npm run build

License

BSD 3-Clause

Versions

Version
0.1.3