richard/doccano - doccano - Gitea: RS Source Repository

python annotation-tool datasets active-learning text-annotation dataset natural-language-processing data-labeling machine-learning

10 lines

250 B

Raw Normal View History

Refactor base templates

6 years ago

Integrate webpack and django

5 years ago

Update projects template

6 years ago

Refactor projects page to single-file component Currently Django and Vue are somewhat coupled in that the project intermixes templating constructs from both eco-systems. Examples of this in `projects.html` include: - Checking if the user is a superuser to modify the Vue template. - Using Django filters to inject the capitalized username. This makes it somewhat hard to follow the Vue code and also makes it more difficult to modularize the Vue components and re-use them. As such, this change improves the separation of concerns by having the Django template only scafold the root element for Vue and serialize any variables that are required from the Django context to Javascript so that Vue can access them. The rest of the templating is then moved into a Vue single file component. This will make it easier for the developer to understand the Vue components and make it very clear what is rendered by Django and what is rendered by Vue.

5 years ago

Refactor base templates

6 years ago

Integrate webpack and django

5 years ago

Refactor projects page to single-file component Currently Django and Vue are somewhat coupled in that the project intermixes templating constructs from both eco-systems. Examples of this in `projects.html` include: - Checking if the user is a superuser to modify the Vue template. - Using Django filters to inject the capitalized username. This makes it somewhat hard to follow the Vue code and also makes it more difficult to modularize the Vue components and re-use them. As such, this change improves the separation of concerns by having the Django template only scafold the root element for Vue and serialize any variables that are required from the Django context to Javascript so that Vue can access them. The rest of the templating is then moved into a Vue single file component. This will make it easier for the developer to understand the Vue components and make it very clear what is rendered by Django and what is rendered by Vue.

5 years ago

{% extends "base.html" %}
{% load static %}
{% load render_bundle from webpack_loader %}
{% load widget_tweaks %}
{% block content %}
<div id="projects_root"></div>
{% endblock %}
{% block footer %}
{% render_bundle 'projects' 'js' %}
{% endblock %}