This is a rough demo of the techniques discussed in my DjangoCon US 2015 talk “Building theatlantic.com homepage’s WYSIWYG admin with Django and Knockout.”
To get started, clone the repo and run ./setup.sh from the root directory, then activate the virtualenv and execute the following commands:
python apps/manage.py syncdb
python apps/manage.py runserver
Files of interest in this repository (all situated within the folder apps/curation_nouveau):
- static/curation_nouveau/js/homepage.js
- The file that iterates over the fields and builds and initializes the knockout models.
- static/curation_nouveau/js/homepage-models.js
- The knockout viewmodel classes
- templates/admin/curation_nouveau/homepagesection/change_form.html
- The django template containing the knockout template markup.