aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/resources
diff options
context:
space:
mode:
authorGravatar Leon Sandøy <[email protected]>2022-02-01 20:54:39 +0100
committerGravatar Leon Sandøy <[email protected]>2022-02-01 20:54:39 +0100
commitf3bccff688a7f5a9eb619dbed3f726ef2c07c402 (patch)
tree9ee47402d493d97999603f7eb79f69639aada838 /pydis_site/templates/resources
parentMurder 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.html10
-rw-r--r--pydis_site/templates/resources/resources.html22
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>