[frontend/task_edit] Subproblems are not shown in specified order.

[anthonygego]

Describe the bug

The problem data dictionary exported to the template here :

INGInious/inginious/frontend/pages/course_admin/task_edit.py

Line 63 in 6e14ae8

problemdata=json.dumps(task_data.get('problems', {})),

is a Python OrderedDict.

The Javascript JSON load method does not load the keys an an ordered dictionary anymore :

INGInious/inginious/frontend/templates/course_admin/task_edit.html

Line 170 in 6e14ae8

$(function(){ studio_load(JSON.parse(problem_data)); });

Therefore, the subproblems are shown in an unexpected order in the task edition interface.

INGInious installation details

• Version: v0.8+

To Reproduce
Steps to reproduce the behavior:

1. Create a task with problem ids "01", "02", ..."10".
2. The task editor may show "10" before all the others.

Expected behavior
Subproblems should be displayed in the order specified in the YAML file.

[anthonygego]

A workaround is to export the dict as a list (using OrdrerdDict.items()) and adapt the studio_load method for such a data format.