django-wildewidgets is a Django design library providing several tools for building full-featured, widget-based web applications with a standard, consistent design, based on Bootstrap.
Project description
_ _ _ _ _ _ _ _
| (_) (_) | | | (_) | | | |
__| |_ __ _ _ __ __ _ ___ _____ ___| | __| | _____ ___ __| | __ _ ___| |_ ___
/ _` | |/ _` | '_ \ / _` |/ _ \___\ \ /\ / / | |/ _` |/ _ \ \ /\ / / |/ _` |/ _` |/ _ \ __/ __|
| (_| | | (_| | | | | (_| | (_) | \ V V /| | | (_| | __/\ V V /| | (_| | (_| | __/ |_\__ \
\__,_| |\__,_|_| |_|\__, |\___/ \_/\_/ |_|_|\__,_|\___| \_/\_/ |_|\__,_|\__, |\___|\__|___/
_/ | __/ | __/ |
|__/ |___/ |___/
django-wildewidgets
is a Django design library providing several tools for building
full-featured, widget-based web applications with a standard, consistent design, based
on Bootstrap.
The package includes the source to a demo.
Quick start
Install:
pip install django-wildewidgets
If you plan on using Altair charts, run:
pip install altair
Add "wildewidgets" to your INSTALLED_APPS setting like this:
INSTALLED_APPS = [
...
'wildewidgets',
]
Include the wildewidgets URLconf in your project urls.py like this:
from wildewidgets import WildewidgetDispatch
urlpatterns = [
...
path('<urlbasepath>/wildewidgets_json', WildewidgetDispatch.as_view(), name='wildewidgets_json'),
]
Add the appropriate resources to your template files.
First, add this to your <head>
:
<link rel="stylesheet" href="{% static 'wildewidgets/css/wildewidgets.css' %}">
For ChartJS (regular business type charts), add the corresponding javascript file:
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>
For Altair (scientific charts), use:
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@4"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
For DataTables, use:
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.21/sorting/datetime-moment.js"></script>
and:
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet" />
and, if using Tabler, include:
<link rel="stylesheet" href="{% static 'css/table_extra.css' %}">
For ApexCharts, use:
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
If you plan on using CodeWidget, you'll need to include the following to get syntax highlighting:
<link rel="stylesheet" href="{% static 'css/highlighting.css' %}">
Documentation
django-wildewidgets.readthedocs.io is the full reference for django-wildewidgets.
Project details
Release history Release notifications | RSS feed
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
Hashes for django-wildewidgets-0.16.6.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 8cfe92186e72c426bc37949c81f0a1564803a2b3549fefe5dee16adc6aaad856 |
|
MD5 | 02f7ca4bb28b7025d03be6271b243b5b |
|
BLAKE2b-256 | 2aacb962176bfdc32a4e0b56fab049978bc9b391276a22bf6bf0e3efc0e2c7fd |
Hashes for django_wildewidgets-0.16.6-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 50a5c3b2d818c34d09992b399a94c6789a792ed9c88c6f88105d527c9966c3eb |
|
MD5 | f78dfd156afdba176c7b87a00a0d9e3c |
|
BLAKE2b-256 | 87c6f7c5bc12b1aa18d4045dbc48e5408a3e5dc0fdb66c6e8e20d069b4a16a60 |