-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
When the dog owner is logged in to Hotails, or when the home is pressed via navbar, All the daycares in the database will be shown to the dog owner on its homepage, with the possibility to check their profile. If the daycare doesn't have any profile picture, a default one will be presented. Signed-off-by: Ofir Matasas <[email protected]> Signed-off-by: tamirmatok <[email protected]>
- Loading branch information
1 parent
a9d2d23
commit 85cdd48
Showing
4 changed files
with
54 additions
and
21 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,26 +1,57 @@ | ||
{% extends "main/base_template.html" %} | ||
{% load crispy_forms_tags %} | ||
{% load static %} | ||
|
||
{% block stylesheets %} | ||
<link rel="stylesheet" href="{% static 'CSS/dog_owner_homepage.css' %}"> | ||
{% endblock %} | ||
|
||
{% block content %} | ||
<div class="row row-cols-1 g-3 cards"> | ||
<div style="display: flex; flex-direction: row; flex-wrap: wrap"> | ||
{% for daycare in daycares %} | ||
<div class="card"> | ||
<img src="{{ daycare.get_daycare_primary_image_url }}" alt="{{ daycare.name }} image" class="card-img-top"> | ||
<div class="card-body"> | ||
<div style="display: flex; flex-direction: row"> | ||
<h5 class="card-title">{{ daycare.name }}</h5> | ||
|
||
<div class="row"> | ||
<form method='POST' action=''>{% csrf_token %} | ||
<div class="col-4" id="searchBoxArea"> | ||
<span>Search for daycare:</span> | ||
<div class="form-group"> | ||
{{ form.start_date|as_crispy_field }} | ||
</div> | ||
<div class="form-group"> | ||
{{ form.end_date|as_crispy_field }} | ||
</div> | ||
<div class="form-group"> | ||
{{ form.price_per_day|as_crispy_field }} | ||
</div> | ||
<div class="form-group"> | ||
{{ form.area|as_crispy_field }} | ||
</div> | ||
<div class="form-group"> | ||
{{ form.city|as_crispy_field }} | ||
</div> | ||
<div class="form-group"> | ||
{{ form.name|as_crispy_field }} | ||
</div> | ||
<input type="submit" value='Search' style="height:30px;width:70px"> | ||
</div> | ||
</form> | ||
<div class="col-10"> | ||
<span id="searchResult">Found {{ day_care_queryset.count }} results for your dog!</span> | ||
<div class="cards"> | ||
{% for daycare in day_care_queryset %} | ||
<div class="card"> | ||
<img src="{{ daycare.get_daycare_primary_image_url }}" alt="{{ daycare.name }} image" class="card-img-top"> | ||
<div class="card-body"> | ||
<div style="display: flex; flex-direction: row"> | ||
<h5 class="card-title">{{ daycare.name }}</h5> | ||
</div> | ||
<p class="card-text">{{ daycare.area | truncatechars:20 }}</p> | ||
<p class="card-text">{{ daycare.city | truncatechars:20 }}</p> | ||
<p class="card-text">{{ daycare.price_per_day | truncatechars:20 }}</p> | ||
<p class="card-text">{{ daycare.description | truncatechars:35}}</p> | ||
<a href="/daycare/{{ daycare.id }}" class="btn btn-warning">Daycare Profile</a> | ||
</div> | ||
</div> | ||
{% endfor %} | ||
</div> | ||
</div> | ||
<p class="card-text">{{ daycare.description | truncatechars:250 }}</p> | ||
<a href="/daycare/{{ daycare.id }}" class="btn btn-primary">Daycare Profile</a> | ||
</div> | ||
</div> | ||
{% endfor %} | ||
</div> | ||
</div> | ||
|
||
{% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -38,4 +38,4 @@ | |
.card-img-top | ||
{ | ||
height: 200px; | ||
} | ||
} |