From ba6f9b0c656cd852ac7c6c7f8f8accb4ea4a9460 Mon Sep 17 00:00:00 2001 From: Tobias Brunner Date: Tue, 25 Feb 2025 11:16:39 +0100 Subject: [PATCH] style contact form --- .../templates/services/lead_form.html | 179 +++++++++--------- hub/services/templatetags/__init__.py | 0 hub/services/templatetags/form_tags.py | 8 + 3 files changed, 102 insertions(+), 85 deletions(-) create mode 100644 hub/services/templatetags/__init__.py create mode 100644 hub/services/templatetags/form_tags.py diff --git a/hub/services/templates/services/lead_form.html b/hub/services/templates/services/lead_form.html index d5fa2f7..65f8920 100644 --- a/hub/services/templates/services/lead_form.html +++ b/hub/services/templates/services/lead_form.html @@ -1,100 +1,109 @@ {% extends 'services/base.html' %} +{% load form_tags %} {% block content %} -
-
-
-
-

Interested in {{ service.name }}

+
+
+
+
+
+
+

Enter your details

+
- {% if selected_offering %} -
-
Service Details
- {% if selected_offering %} -

Provider: {{ selected_offering.cloud_provider.name }}

- {% endif %} - {% if selected_plan %} -

Plan: {{ selected_plan.name }}

+
+ {% csrf_token %} + +
+ + {{ form.name|addclass:"form-control" }} + {% if form.name.errors %} +
+ {{ form.name.errors }} +
+ {% endif %} +
+ +
+ + {{ form.email|addclass:"form-control" }} + {% if form.email.errors %} +
+ {{ form.email.errors }} +
+ {% endif %} +
+ +
+ + {{ form.phone|addclass:"form-control" }} + {% if form.phone.errors %} +
+ {{ form.phone.errors }} +
+ {% endif %} +
+ +
+ + {{ form.company|addclass:"form-control" }} + {% if form.company.errors %} +
+ {{ form.company.errors }} +
+ {% endif %} +
+ +
+ + {{ form.message|addclass:"form-control" }} + {% if form.message.errors %} +
+ {{ form.message.errors }} +
+ {% endif %} +
+ +
+ +
+
+
+
+ + {% if selected_offering %} +
+
+
+ {% if selected_offering.service.logo %} + + {% endif %} +
+
+

{{ service.name }}

+

on {{ selected_offering.cloud_provider.name }}

+
+
+ + {% if selected_plan %} +
+
+

{{ selected_plan.name }}

{% if selected_plan.prices.exists %} -

Pricing:

-
    +
    +
      {% for price in selected_plan.prices.all %} -
    • {{ price.currency.symbol }}{{ price.price }} {{ price.currency.code }} per {{ price.term.name }}
      • +
    • {{ price.currency.symbol }}{{ price.price }} {{ price.currency.code }} per {{ price.term.name }}
      • {% endfor %}
    +
    {% endif %} - {% endif %} +
{% endif %} - - {% if messages %} - {% for message in messages %} -
- {{ message }} -
- {% endfor %} - {% endif %} - -
- {% csrf_token %} - -
- - {{ form.name }} - {% if form.name.errors %} -
- {{ form.name.errors }} -
- {% endif %} -
- -
- - {{ form.company }} - {% if form.company.errors %} -
- {{ form.company.errors }} -
- {% endif %} -
- -
- - {{ form.email }} - {% if form.email.errors %} -
- {{ form.email.errors }} -
- {% endif %} -
- -
- - {{ form.phone }} - {% if form.phone.errors %} -
- {{ form.phone.errors }} -
- {% endif %} -
- -
- - {{ form.message }} - {% if form.message.errors %} -
- {{ form.message.errors }} -
- {% endif %} -
- -
- - Cancel -
-
+ {% endif %}
-
+
{% endblock %} \ No newline at end of file diff --git a/hub/services/templatetags/__init__.py b/hub/services/templatetags/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/hub/services/templatetags/form_tags.py b/hub/services/templatetags/form_tags.py new file mode 100644 index 0000000..e612663 --- /dev/null +++ b/hub/services/templatetags/form_tags.py @@ -0,0 +1,8 @@ +from django import template + +register = template.Library() + + +@register.filter(name="addclass") +def addclass(value, arg): + return value.as_widget(attrs={"class": arg})