completable-html-xblock 2.0.0

A custom HTML XBlock that can only be marked as completed by calling a custom completion endpoint.

HTML XBlock

A subclass of the new HTML XBlock that disables marking the block as completed and adds custom completion endpoint.

Introduction

This XBlock provides a newer alternative to the existing HTML XModule in edX platform as it presents a number of problems when trying to embed it in another site (in particular, it often hosts content that depends on JS globals like jQuery being present, and it allows users to include arbitrary JavaScript).

Installation

You may install XBlock-html-completable using its setup.py, or if you prefer to use pip, run:

pip install https://github.com/open-craft/xblock-html-completable

You may specify the -e flag if you intend to develop on the repo.

To enable this block type, add completable_html5 to course's advanced module list.

Development

If you're willing to develop on this repo, you need to be familiar with different technologies and the repos' dependencies. However, to make things easier to setup and to manage, there're bunch of make commands that you can use to do things faster.

Usage

To trigger the completion event, add the following code to your block:

<script>
  // Wait for the page to fully load.
  window.addEventListener('load', function () {
    document.getElementById('complete').click();
  });
</script>

Setting the requirements up

Hitting the following command will install in your python environment all the requirements you need for this project:

$ make requirements

Running tests

Tests are essential for this project to keep all its features working as expected. To check your changes you can use:

$ make test

Or if you want to check the code quality only, hit:

$ make quality