A Django app to build and test a collection of front-end components for myDALITE
Project description
SALTISE-components is a simple Django app to build and test a collection of front-end components for myDALITE built with preact and Material UI.
Quick start
Add the Components app to your requirements, then pip install:
pip install SALTISE-components
Add “components” to your INSTALLED_APPS setting like this:
INSTALLED_APPS = [ ... 'components', ... ]
Import minified script to access component library (you can override default styles using global css names):
<script src="{% static 'component/js/app.min.js' %}" defer="true"></script>
Inject components into the DOM, customizing props as needed. Assuming django-csp is installed, the Navigation components is injected via:
<script nonce="{{ request.csp_nonce }}"> window.addEventListener("load", function () { const nav = () => { return components.h(components.Navigation, { nonce: "{{ request.csp_nonce }}", }); }; components.render( nav(), document.getElementById("navigation-app") ); }); </script>
Quick start dev
Install node modules:
npm install
Create python 3.8+ virtualenv and nstall pip-tools:
python -m pip install --upgrade pip pip install pip-tools
Install requirements:
pip-sync requirements/requirements.txt
Install pre-commit:
pre-commit install
Start the server:
python components.py runserver
Navigate to ‘localhost:8000/’, to see components in action.
Build when you make edits to app.js:
npx gulp scripts
To create translations:
npx gulp scripts python components.py makemessages -d djangojs -l fr -i=node_modules/* -i=venv* python components.py compilemessages -l fr -i=venv*
If you wish, remake the package:
tox --recreate
To publish, e.g.:
twine upload .tox/dist/SALTISE_components-0.1.zip --verbose
To do in myDALITE
Align question difficulty serializer
Define assignment difficulty in serializer
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
Hashes for SALTISE_components-0.2.15.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | fc7aed871fe983deab269fea9b3e321a725f3392e2130cd9cce6e454f76adad8 |
|
MD5 | 3cb63d86463430e25f9a8caed8070d93 |
|
BLAKE2b-256 | 5ff56db0ba5341df9e04cc4db69ab0eae579c3da6f71aadf2ccb621473ae190f |