servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

refactor all the things

Browse source
This commit is contained in:
Tobias Brunner 2025-01-28 13:55:43 +01:00
parent 8ed39690f1
commit bb5cb708bd
No known key found for this signature in database
36 changed files with 1563 additions and 931 deletions
Download patch file Download diff file Expand all files Collapse all files

151
hub/services/templates/services/offering_list.html Normal file
View file

@ -0,0 +1,151 @@
{% extends 'services/base.html' %}
{% block content %}
<div class="row">
<div class="col-md-3">
<div class="card">
<div class="card-body">
<h5 class="card-title">Filters</h5>
<form method="get">
<div class="mb-3">
<label for="search" class="form-label">Search</label>
<input type="text" class="form-control" id="search" name="search" value="{{ request.GET.search }}">
</div>
<div class="mb-3">
<label for="cloud_provider" class="form-label">Cloud Provider</label>
<select class="form-select" id="cloud_provider" name="cloud_provider">
<option value="">All Providers</option>
{% for provider in cloud_providers %}
<option value="{{ provider.id }}" {% if request.GET.cloud_provider == provider.id|stringformat:'i' %}selected{% endif %}>
{{ provider.name }}
</option>
{% endfor %}
</select>
</div>
<div class="mb-3">
<label for="category" class="form-label">Category</label>
<select class="form-select" id="category" name="category">
<option value="">All Categories</option>
{% for category in categories %}
<option value="{{ category.id }}" {% if request.GET.category == category.id|stringformat:'i' %}selected{% endif %}>
{{ category.name }}
</option>
{% for subcategory in category.children.all %}
<option value="{{ subcategory.id }}" {% if request.GET.category == subcategory.id|stringformat:'i' %}selected{% endif %}>
&nbsp;&nbsp;&nbsp;{{ subcategory.name }}
</option>
{% endfor %}
{% endfor %}
</select>
</div>
<button type="submit" class="btn btn-primary">Apply Filters</button>
<a href="{% url 'services:offering_list' %}" class="btn btn-secondary">Clear</a>
</form>
</div>
</div>
</div>
<div class="col-md-9">
<div class="row row-cols-1 row-cols-md-2 g-4">
{% for offering in offerings %}
<div class="col">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<div class="me-3">
{% if offering.service.logo %}
<img src="{{ offering.service.logo.url }}"
alt="{{ offering.service.name }}"
style="max-height: 50px; max-width: 100px; object-fit: contain;">
{% endif %}
</div>
<div>
<h5 class="card-title mb-1">
<a href="{{ offering.service.get_absolute_url }}" class="text-decoration-none">
{{ offering.service.name }}
</a>
</h5>
<div class="d-flex align-items-center">
{% if offering.cloud_provider.logo %}
<a href="{{ offering.cloud_provider.get_absolute_url }}" class="me-2">
<img src="{{ offering.cloud_provider.logo.url }}"
alt="{{ offering.cloud_provider.name }}"
style="max-height: 25px; max-width: 50px; object-fit: contain;">
</a>
{% endif %}
<small class="text-muted">
{{ offering.cloud_provider.name }}
</small>
</div>
</div>
</div>
<div class="mb-2">
{% for category in offering.service.categories.all %}
<span class="badge bg-secondary me-1">{{ category.full_path }}</span>
{% endfor %}
</div>
<div class="rich-text-content mb-3">
{{ offering.description|safe|truncatewords_html:30 }}
</div>
{% if offering.plans.exists %}
<div class="mb-3">
<strong>Available Plans:</strong>
<ul class="list-unstyled small">
{% for plan in offering.plans.all %}
<li>• {{ plan.name }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="mt-auto d-flex gap-2">
<a href="{{ offering.get_absolute_url }}" class="btn btn-primary">View Details</a>
{% if offering.plans.exists %}
{% if offering.plans.count == 1 %}
{% with plan=offering.plans.first %}
<a href="{% url 'services:create_lead' offering.service.slug %}?offering={{ offering.id }}&plan={{ plan.id }}"
class="btn btn-success">Show Interest</a>
{% endwith %}
{% else %}
<div class="dropdown">
<button class="btn btn-success dropdown-toggle" type="button" data-bs-toggle="dropdown">
Show Interest
</button>
<ul class="dropdown-menu">
{% for plan in offering.plans.all %}
<li>
<a class="dropdown-item"
href="{% url 'services:create_lead' offering.service.slug %}?offering={{ offering.id }}&plan={{ plan.id }}">
{{ plan.name }}
{% if plan.is_default %}(Recommended){% endif %}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% else %}
<a href="{% url 'services:create_lead' offering.service.slug %}?offering={{ offering.id }}"
class="btn btn-success">Show Interest</a>
{% endif %}
</div>
</div>
</div>
</div>
{% empty %}
<div class="col">
<div class="alert alert-info">
No service offerings found matching your criteria.
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}