diff options
author | 2022-02-01 20:54:39 +0100 | |
---|---|---|
committer | 2022-02-01 20:54:39 +0100 | |
commit | f3bccff688a7f5a9eb619dbed3f726ef2c07c402 (patch) | |
tree | 9ee47402d493d97999603f7eb79f69639aada838 /pydis_site/templates/resources | |
parent | Murder some space (diff) |
Refactor as_css_class to 'to_kebabcase'.
We're making a few changes here
- Changing the name to 'to_kebabcase'
- Covering all edge cases
- Adding a unit test for this utility
Diffstat (limited to 'pydis_site/templates/resources')
-rw-r--r-- | pydis_site/templates/resources/resource_box.html | 10 | ||||
-rw-r--r-- | pydis_site/templates/resources/resources.html | 22 |
2 files changed, 16 insertions, 16 deletions
diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html index 2ec233cb..e26203e9 100644 --- a/pydis_site/templates/resources/resource_box.html +++ b/pydis_site/templates/resources/resource_box.html @@ -1,5 +1,5 @@ {% load as_icon %} -{% load as_css_class %} +{% load to_kebabcase %} {% load get_category_icon %} <div class="box resource-box {{ resource.css_classes }}"> @@ -38,7 +38,7 @@ <span class="tag resource-tag is-primary is-light ml-2 mt-2" data-filter-name="topics" - data-filter-item="{{ tag|as_css_class }}" + data-filter-item="{{ tag|to_kebabcase }}" > <i class="{{ tag|title|get_category_icon }} mr-1"></i> {{ tag|title }} @@ -48,7 +48,7 @@ <span class="tag resource-tag has-background-success-light has-text-success-dark ml-2 mt-2" data-filter-name="type" - data-filter-item="{{ tag|as_css_class }}" + data-filter-item="{{ tag|to_kebabcase }}" > <i class="{{ tag|title|get_category_icon }} mr-1"></i> {{ tag|title }} @@ -58,7 +58,7 @@ <span class="tag resource-tag has-background-danger-light has-text-danger-dark ml-2 mt-2" data-filter-name="payment-tiers" - data-filter-item="{{ tag|as_css_class }}" + data-filter-item="{{ tag|to_kebabcase }}" > <i class="{{ tag|title|get_category_icon }} mr-1"></i> {{ tag|title }} @@ -68,7 +68,7 @@ <span class="tag resource-tag has-background-info-light has-text-info-dark ml-2 mt-2" data-filter-name="difficulty" - data-filter-item="{{ tag|as_css_class }}" + data-filter-item="{{ tag|to_kebabcase }}" > <i class="{{ tag|title|get_category_icon }} mr-1"></i> {{ tag|title }} diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html index c221c8a3..70fad097 100644 --- a/pydis_site/templates/resources/resources.html +++ b/pydis_site/templates/resources/resources.html @@ -1,6 +1,6 @@ {% extends 'base/base.html' %} {% load as_icon %} -{% load as_css_class %} +{% load to_kebabcase %} {% load get_category_icon %} {% load static %} @@ -44,8 +44,8 @@ {% if filter_name == "Difficulty" %} <span class="filter-box-tag tag has-background-info-light has-text-info-dark ml-2 mt-2" - data-filter-name="{{ filter_name|as_css_class }}" - data-filter-item="{{ filter_item|as_css_class }}" + data-filter-name="{{ filter_name|to_kebabcase }}" + data-filter-item="{{ filter_item|to_kebabcase }}" > <i class="{{ filter_item|title|get_category_icon }} mr-1"></i> {{ filter_item|title }} @@ -55,8 +55,8 @@ {% if filter_name == "Type" %} <span class="filter-box-tag tag has-background-success-light has-text-success-dark ml-2 mt-2" - data-filter-name="{{ filter_name|as_css_class }}" - data-filter-item="{{ filter_item|as_css_class }}" + data-filter-name="{{ filter_name|to_kebabcase }}" + data-filter-item="{{ filter_item|to_kebabcase }}" > <i class="{{ filter_item|title|get_category_icon }} mr-1"></i> {{ filter_item|title }} @@ -66,8 +66,8 @@ {% if filter_name == "Payment tiers" %} <span class="filter-box-tag tag has-background-danger-light has-text-danger-dark ml-2 mt-2" - data-filter-name="{{ filter_name|as_css_class }}" - data-filter-item="{{ filter_item|as_css_class }}" + data-filter-name="{{ filter_name|to_kebabcase }}" + data-filter-item="{{ filter_item|to_kebabcase }}" > <i class="{{ filter_item|title|get_category_icon }} mr-1"></i> {{ filter_item|title }} @@ -77,8 +77,8 @@ {% if filter_name == "Topics" %} <span class="filter-box-tag tag is-primary is-light ml-2 mt-2" - data-filter-name="{{ filter_name|as_css_class }}" - data-filter-item="{{ filter_item|as_css_class }}" + data-filter-name="{{ filter_name|to_kebabcase }}" + data-filter-item="{{ filter_item|to_kebabcase }}" > <i class="{{ filter_item|title|get_category_icon }} mr-1"></i> {{ filter_item|title }} @@ -127,8 +127,8 @@ <input class="filter-checkbox" type="checkbox" - data-filter-name="{{ filter_name|as_css_class }}" - data-filter-item="{{ filter_item|as_css_class }}" + data-filter-name="{{ filter_name|to_kebabcase }}" + data-filter-item="{{ filter_item|to_kebabcase }}" > {{ filter_item }} </label> |