18 | {{ field.help_text|safe }} 19 |
20 | {% endif %} 21 |43 | {{ field.help_text|safe }} 44 |
45 | {% endif %} 46 |59 | {{ field.help_text|safe }} 60 |
61 | {% endif %} 62 |75 | {{ field.help_text|safe }} 76 |
77 | {% endif %} 78 |93 | {{ field.help_text|safe }} 94 |
95 | {% endif %} 96 |121 | {{ field.help_text|safe }} 122 |
123 | {% endif %} 124 |142 | {{ field.help_text|safe }} 143 |
144 | {% endif %} 145 |{% trans "Thanks for spending some quality time with the Web site today." %}
6 | 7 | {% endblock %} -------------------------------------------------------------------------------- /bulma/templates/registration/login.html: -------------------------------------------------------------------------------- 1 | {% extends "registration/base.html" %} 2 | {% load bulma_tags i18n %} 3 | 4 | {% block content %} 5 | 6 | {% if form.errors %} 7 |{% trans "Your username and password didn't match. Please try again." %}
8 | {% endif %} 9 | 10 | 18 | 19 | {% endblock %} -------------------------------------------------------------------------------- /bulma/templates/registration/password_change_done.html: -------------------------------------------------------------------------------- 1 | {% extends "registration/base.html" %} 2 | {% load i18n %} 3 | 4 | {% block title %}{{ title }}{% endblock %} 5 | {% block content_title %}{% trans 'Your password was changed.' %}
8 | {% endblock %} 9 | -------------------------------------------------------------------------------- /bulma/templates/registration/password_change_form.html: -------------------------------------------------------------------------------- 1 | {% extends "registration/base.html" %} 2 | {% load i18n static bulma_tags %} 3 | {% block title %}{{ title }}{% endblock %} 4 | {% block content_title %}{% trans "Your password has been set. You may go ahead and log in now." %}
10 | 11 | 12 | 13 | {% endblock %} 14 | -------------------------------------------------------------------------------- /bulma/templates/registration/password_reset_confirm.html: -------------------------------------------------------------------------------- 1 | {% extends "registration/base.html" %} 2 | {% load i18n static bulma_tags %} 3 | 4 | {% block title %}{{ title }}{% endblock %} 5 | {% block content_title %}{% trans "Please enter your new password twice so we can verify you typed it in correctly." %}
10 | 14 | {% else %} 15 |{% trans "The password reset link was invalid, possibly because it has already been used. Please request a new password reset." %}
16 | {% endif %} 17 | 18 | {% endblock %} -------------------------------------------------------------------------------- /bulma/templates/registration/password_reset_done.html: -------------------------------------------------------------------------------- 1 | {% extends "registration/base.html" %} 2 | {% load i18n %} 3 | 4 | {% block title %}{{ title }}{% endblock %} 5 | {% block content_title %}{% trans "We've emailed you instructions for setting your password, if an account exists with the email you entered. You should receive them shortly." %}
9 |{% trans "If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder." %}
10 |{% trans "Forgotten your password? Enter your email address below, and we'll email instructions for setting a new one." %}
8 | 12 | {% endblock %} -------------------------------------------------------------------------------- /bulma/templatetags/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/timonweb/django-bulma/15836cfd5be0d63d9be77ddf378d3253a872498d/bulma/templatetags/__init__.py -------------------------------------------------------------------------------- /bulma/templatetags/bulma_tags.py: -------------------------------------------------------------------------------- 1 | from django import forms 2 | from django import template 3 | from django.forms import BoundField 4 | from django.template.loader import get_template 5 | from django.utils.safestring import mark_safe 6 | 7 | register = template.Library() 8 | 9 | BULMA_COLUMN_COUNT = 1 10 | 11 | 12 | @register.simple_tag 13 | def font_awesome(): 14 | """ 15 | The latest FontAwesome CDN link. 16 | """ 17 | cdn_link = ( 18 | '' 22 | ) 23 | return mark_safe(cdn_link) 24 | 25 | 26 | @register.filter 27 | def bulma(element): 28 | markup_classes = {'label': '', 'value': '', 'single_value': ''} 29 | return render(element, markup_classes) 30 | 31 | 32 | @register.filter 33 | def bulma_inline(element): 34 | markup_classes = {'label': 'sr-only', 'value': '', 'single_value': ''} 35 | return render(element, markup_classes) 36 | 37 | 38 | @register.filter 39 | def bulma_horizontal(element, label_cols='is-2'): 40 | markup_classes = {'label': label_cols, 'value': '', 'single_value': ''} 41 | 42 | for cl in label_cols.split(' '): 43 | splitted_class = cl.split('-') 44 | 45 | try: 46 | value_nb_cols = int(splitted_class[-1]) 47 | except ValueError: 48 | value_nb_cols = BULMA_COLUMN_COUNT 49 | 50 | if value_nb_cols >= BULMA_COLUMN_COUNT: 51 | splitted_class[-1] = str(BULMA_COLUMN_COUNT) 52 | else: 53 | offset_class = cl.split('-') 54 | offset_class[-1] = 'offset-' + str(value_nb_cols) 55 | splitted_class[-1] = str(BULMA_COLUMN_COUNT - value_nb_cols) 56 | markup_classes['single_value'] += ' ' + '-'.join(offset_class) 57 | markup_classes['single_value'] += ' ' + '-'.join(splitted_class) 58 | 59 | markup_classes['value'] += ' ' + '-'.join(splitted_class) 60 | 61 | return render(element, markup_classes) 62 | 63 | 64 | @register.filter 65 | def add_input_classes(field): 66 | if not is_checkbox(field) and not is_multiple_checkbox(field) \ 67 | and not is_radio(field) and not is_file(field): 68 | field_classes = field.field.widget.attrs.get('class', '') 69 | field_classes += ' control' 70 | field.field.widget.attrs['class'] = field_classes 71 | 72 | 73 | def render(element, markup_classes): 74 | if isinstance(element, BoundField): 75 | add_input_classes(element) 76 | template = get_template("bulma/forms/field.html") 77 | context = {'field': element, 78 | 'classes': markup_classes, 'form': element.form} 79 | else: 80 | has_management = getattr(element, 'management_form', None) 81 | if has_management: 82 | for form in element.forms: 83 | for field in form.visible_fields(): 84 | add_input_classes(field) 85 | 86 | template = get_template("bulma/forms/formset.html") 87 | context = {'formset': element, 'classes': markup_classes} 88 | else: 89 | for field in element.visible_fields(): 90 | add_input_classes(field) 91 | 92 | template = get_template("bulma/forms/form.html") 93 | context = {'form': element, 'classes': markup_classes} 94 | 95 | return template.render(context) 96 | 97 | 98 | @register.filter 99 | def widget_type(field): 100 | return field.field.widget 101 | 102 | 103 | @register.filter 104 | def is_select(field): 105 | return isinstance(field.field.widget, forms.Select) 106 | 107 | 108 | @register.filter 109 | def is_multiple_select(field): 110 | return isinstance(field.field.widget, forms.SelectMultiple) 111 | 112 | 113 | @register.filter 114 | def is_textarea(field): 115 | return isinstance(field.field.widget, forms.Textarea) 116 | 117 | 118 | @register.filter 119 | def is_input(field): 120 | return isinstance(field.field.widget, ( 121 | forms.TextInput, 122 | forms.NumberInput, 123 | forms.EmailInput, 124 | forms.PasswordInput, 125 | forms.URLInput 126 | )) 127 | 128 | 129 | @register.filter 130 | def is_checkbox(field): 131 | return isinstance(field.field.widget, forms.CheckboxInput) 132 | 133 | 134 | @register.filter 135 | def is_multiple_checkbox(field): 136 | return isinstance(field.field.widget, forms.CheckboxSelectMultiple) 137 | 138 | 139 | @register.filter 140 | def is_radio(field): 141 | return isinstance(field.field.widget, forms.RadioSelect) 142 | 143 | 144 | @register.filter 145 | def is_file(field): 146 | return isinstance(field.field.widget, forms.FileInput) 147 | 148 | 149 | @register.filter 150 | def addclass(field, css_class): 151 | if len(field.errors) > 0: 152 | css_class += ' is-danger' 153 | field_classes = field.field.widget.attrs.get('class', '') 154 | field_classes += f' {css_class}' 155 | return field.as_widget(attrs={"class": field_classes}) 156 | 157 | 158 | 159 | @register.filter 160 | def bulma_message_tag(tag): 161 | return { 162 | 'error': 'danger' 163 | }.get(tag, tag) 164 | -------------------------------------------------------------------------------- /bulma/tests/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/timonweb/django-bulma/15836cfd5be0d63d9be77ddf378d3253a872498d/bulma/tests/__init__.py -------------------------------------------------------------------------------- /bulma/tests/conftest.py: -------------------------------------------------------------------------------- 1 | import os 2 | import pytest 3 | import shutil 4 | from django.conf import settings 5 | 6 | 7 | @pytest.yield_fixture 8 | def cleanup_static_files(): 9 | static_files_dir = settings.STATICFILES_DIRS[0] 10 | if os.path.isdir(static_files_dir): 11 | shutil.rmtree(static_files_dir) 12 | yield 13 | if os.path.isdir(static_files_dir): 14 | shutil.rmtree(static_files_dir) 15 | -------------------------------------------------------------------------------- /bulma/tests/forms.py: -------------------------------------------------------------------------------- 1 | from django import forms 2 | 3 | COLOR_CHOICES = ( 4 | ('red', 'Red'), 5 | ('green', 'Green'), 6 | ('blue', 'Blue') 7 | ) 8 | 9 | 10 | class FormExample(forms.Form): 11 | text = forms.CharField() 12 | email = forms.EmailField() 13 | number = forms.CharField(widget=forms.NumberInput()) 14 | url = forms.CharField(widget=forms.URLInput()) 15 | password = forms.CharField(widget=forms.PasswordInput()) 16 | select = forms.ChoiceField(choices=COLOR_CHOICES) 17 | multi_select = forms.MultipleChoiceField(choices=COLOR_CHOICES) 18 | textarea = forms.CharField(widget=forms.Textarea()) 19 | checkbox = forms.BooleanField() 20 | checkboxes = forms.MultipleChoiceField( 21 | choices=COLOR_CHOICES, 22 | widget=forms.CheckboxSelectMultiple() 23 | ) 24 | radios = forms.ChoiceField( 25 | choices=COLOR_CHOICES, 26 | widget=forms.RadioSelect() 27 | ) 28 | file = forms.FileField(required=True) 29 | -------------------------------------------------------------------------------- /bulma/tests/test_commands.py: -------------------------------------------------------------------------------- 1 | import os 2 | from io import StringIO 3 | 4 | import pytest 5 | from django.core.management import call_command, CommandError 6 | 7 | from django.conf import settings 8 | 9 | BULMA_STATIC_DIR = os.path.join(settings.STATICFILES_DIRS[0], 'bulma') 10 | 11 | 12 | def test_bulma_command_without_second_argument_displays_command_error_message(): 13 | out = StringIO() 14 | with pytest.raises(CommandError) as err: 15 | call_command('bulma', stdout=out) 16 | 17 | assert 'Command argument is missing, please add one of the following' in str(err.value) 18 | 19 | 20 | def test_copy_static_content(cleanup_static_files): 21 | style_css = os.path.join(BULMA_STATIC_DIR, 'css', 'style.css') 22 | style_sass = os.path.join(BULMA_STATIC_DIR, 'sass', 'style.sass') 23 | package_json = os.path.join(BULMA_STATIC_DIR, 'sass', 'package.json') 24 | 25 | out = StringIO() 26 | call_command('copy_bulma_static_into_project', stdout=out) 27 | 28 | assert os.path.isfile(style_css), f'{str(style_css)} has been created' 29 | assert os.path.isfile(style_sass), f'{str(style_sass)} has been created' 30 | assert os.path.isfile(package_json), f'{str(package_json)} has been created' 31 | 32 | 33 | def test_bulma_install_command(cleanup_static_files): 34 | call_command('copy_bulma_static_into_project') 35 | 36 | out = StringIO() 37 | call_command('bulma', 'install', stdout=out) 38 | 39 | assert os.path.isdir(os.path.join(BULMA_STATIC_DIR, 'sass', 'node_modules')), "node_modules have been created" 40 | assert os.path.isfile( 41 | os.path.join(BULMA_STATIC_DIR, 'sass', 'package-lock.json')), "package-lock.json has been created" 42 | 43 | 44 | def test_bulma_build_command(cleanup_static_files): 45 | style_css = os.path.join(BULMA_STATIC_DIR, 'css', 'style.css') 46 | style_min_css = os.path.join(BULMA_STATIC_DIR, 'css', 'style.min.css') 47 | 48 | call_command('copy_bulma_static_into_project') 49 | 50 | # Delete preinstalled files 51 | os.remove(style_css) 52 | os.remove(style_min_css) 53 | 54 | call_command('bulma', 'install') 55 | 56 | out = StringIO() 57 | call_command('bulma', 'build', stdout=out) 58 | 59 | # Ensure new file have been generated 60 | assert os.path.isfile(style_css), f'{str(style_css)} has been created' 61 | assert os.path.isfile(style_min_css), f'{str(style_min_css)} has been created' 62 | -------------------------------------------------------------------------------- /bulma/tests/test_inputs.py: -------------------------------------------------------------------------------- 1 | import pytest 2 | from django import forms 3 | 4 | from .utils import render_form, get_dom, element_has_all_attributes 5 | 6 | COLOR_CHOICES = ( 7 | ('red', 'Red'), 8 | ('green', 'Green'), 9 | ('blue', 'Blue') 10 | ) 11 | 12 | 13 | @pytest.mark.parametrize("field,label,tag,attributes", [ 14 | (forms.CharField(), "Name", 'input', { 15 | 'name': 'input', 16 | 'class': ['control', 'input'], 17 | 'type': 'text' 18 | }), 19 | (forms.EmailField(), "Email", 'input', { 20 | 'name': 'input', 21 | 'class': ['control', 'input'], 22 | 'type': 'email' 23 | }), 24 | (forms.CharField(widget=forms.NumberInput()), "Email", 'input', { 25 | 'name': 'input', 26 | 'class': ['control', 'input'], 27 | 'type': 'number' 28 | }), 29 | (forms.CharField(widget=forms.URLInput()), "Url", 'input', { 30 | 'name': 'input', 31 | 'class': ['control', 'input'], 32 | 'type': 'url' 33 | }), 34 | (forms.CharField(widget=forms.PasswordInput()), "Password", 'input', { 35 | 'name': 'input', 36 | 'class': ['control', 'input'], 37 | 'type': 'password' 38 | }), 39 | (forms.ChoiceField(choices=[]), "Select", 'select', { 40 | 'name': 'input', 41 | 'class': ['control'] 42 | }), 43 | (forms.MultipleChoiceField(choices=[]), "Multi select", 'select', { 44 | 'name': 'input', 45 | 'class': ['control'], 46 | 'multiple': "" 47 | }), 48 | (forms.CharField(widget=forms.Textarea()), "Textarea", 'textarea', { 49 | 'name': 'input', 50 | 'class': ['control', 'textarea'] 51 | }), 52 | (forms.BooleanField(), "Checkbox", 'input', { 53 | 'name': 'input', 54 | 'type': 'checkbox' 55 | }), 56 | (forms.MultipleChoiceField( 57 | choices=COLOR_CHOICES, 58 | widget=forms.CheckboxSelectMultiple() 59 | ), "Checkboxes", 'input', { 60 | 'name': 'input', 61 | 'type': 'checkbox', 62 | 'value': 'red' 63 | }), 64 | (forms.ChoiceField( 65 | choices=COLOR_CHOICES, 66 | widget=forms.RadioSelect() 67 | ), "Radios", 'input', { 68 | 'name': 'input', 69 | 'type': 'radio', 70 | 'value': 'red' 71 | }), 72 | (forms.FileField(), "File input", 'input', { 73 | 'name': 'input', 74 | 'type': 'file', 75 | 'class': ['file-input'] 76 | }) 77 | ]) 78 | def test_input_rendering(field, tag, label, attributes): 79 | class TestForm(forms.Form): 80 | input = field 81 | 82 | def __init__(self, *args, **kwargs): 83 | super().__init__(*args, **kwargs) 84 | self.fields['input'].label = label 85 | 86 | output = render_form(TestForm()) 87 | dom = get_dom(output) 88 | 89 | element_has_all_attributes(dom.find(tag), attributes), f"{label} has attributes {str(attributes)}" 90 | assert dom.find('label').text.strip() == label, f"Field has label {label}" 91 | -------------------------------------------------------------------------------- /bulma/tests/test_templates.py: -------------------------------------------------------------------------------- 1 | from bulma.tests.forms import FormExample 2 | from bulma.tests.utils import render_template 3 | 4 | 5 | def test_bulma_base_template(): 6 | output = render_template( 7 | """ 8 | {% extends 'bulma/base.html' %} 9 | {% block content %} 10 | test_bulma_content 11 | {% endblock content %} 12 | """ 13 | ) 14 | 15 | assert "test_bulma_content" in output, "Content is in template" 16 | 17 | 18 | def test_style_css_is_in_template(): 19 | output = render_template( 20 | """ 21 | {% extends 'bulma/base.html' %} 22 | """ 23 | ) 24 | assert '' in output 25 | 26 | 27 | def test_bulma_form_tag(): 28 | output = render_template( 29 | """ 30 | {% extends 'bulma/base.html' %} 31 | {% load bulma_tags %} 32 | {% block content %} 33 | 34 | {% endblock content %} 35 | """, context={ 36 | 'form': FormExample() 37 | } 38 | ) 39 | 40 | assert '| Task | 8 |Done? | 9 |
| {{ task.name }} | 15 |16 | 17 | 18 | 19 | |
10 | My first website with Django-Bulma! 11 |
12 |