A countdown timer for django-fluent-contents
Project description
fluentcms-countdown
A plugin for django-fluent-contents to show a countdown timer on a website.
It’s based on the jQuery plugin found at: http://keith-wood.name/countdown.html
Installation
First install the module, preferably in a virtual environment. It can be installed from PyPI:
pip install fluentcms-countdown
Backend Configuration
First make sure the project is configured for django-fluent-contents.
Then add the following settings:
INSTALLED_APPS += (
'fluentcms_countdown',
)
The database tables can be created afterwards:
./manage.py syncdb
Now, the CountDownPlugin can be added to your PlaceholderField and PlaceholderEditorAdmin admin screens.
Frontend Configuration
Make sure that all plugin media files are exposed by django-fluent-contents:
{% load fluent_contents_tags %}
{% render_content_items_media %}
This tag should be placed at the bottom of the page, after all plugins are rendered. For more configuration options - e.g. integration with django-compressor - see the template tag documentation.
CSS Code
The stylesheet code is purposefully left out, since authors typically like to provide their own styling.
To get started quickly, include fluentcms_countdown/vendor/jquery.countdown.css in your site.
JavaScript Code
No configuration is required for the JavaScript integration,
By default, the plugin includes all required JavaScript code to run the timer.
The includes can be customized however, using the following settings:
JQUERY_PLUGIN_JS = 'fluentcms_countdown/vendor/jquery.plugin.min.js'
JQUERY_COUNTDOWN_JS = 'fluentcms_countdown/vendor/jquery.countdown.min.js'
JQUERY_COUNTDOWN_LOCALE_JS = 'fluentcms_countdown/vendor/jquery.countdown-{locale}.js'
COUNTDOWN_JS = 'fluentcms_countdown/countdown.js'
For example, if another plugin also uses jquery.plugin.js, redefine the setting, so both plugins use the same file:
JQUERY_PLUGIN_JS = 'mysite/vendor/jquery.plugin.min.js'
If a value is defined as None, it will be excluded from the frontend media.
HTML code
If needed, the HTML code can be overwritten by redefining fluentcms_countdown/countdown.html. Any data-... attributes on the countdown element will be read by the JavaScript code; this can be used to provide custom settings to the countdown init script.
Contributing
If you like this module, forked it, or would like to improve it, please let us know! Pull requests are welcome too. :-)
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file fluentcms-countdown-1.1.1.tar.gz.
File metadata
- Download URL: fluentcms-countdown-1.1.1.tar.gz
- Upload date:
- Size: 40.1 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 8662e1ffa1219bc2734174a9124eaea9eaea22681cd4943685ca117bd4b5bb74 |
|
| MD5 | f7513d68afcf7e883777975a666c7d62 |
|
| BLAKE2b-256 | 5eceed96d757cc321bb77c452a0441fce5a52a7b384d90ff7af3f6460eb981ea |
File details
Details for the file fluentcms_countdown-1.1.1-py2.py3-none-any.whl.
File metadata
- Download URL: fluentcms_countdown-1.1.1-py2.py3-none-any.whl
- Upload date:
- Size: 69.9 kB
- Tags: Python 2, Python 3
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 658a0b64298e9c3054a77ccf924a656f9069b028d8322bf8541bb367d24d742f |
|
| MD5 | d2f4a555209d11a7c72a23e74afb3572 |
|
| BLAKE2b-256 | 417b894816d852c5d3ad921b9da684cdb586e92a2022e993237ecbc25f086800 |
