Compare commits
	
		
			4 commits
		
	
	
		
			c7cd7c80e4
			...
			858517b6cd
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
|  | 858517b6cd | ||
|  | 15f13f0135 | ||
|  | fae0f5970a | ||
|  | ef0add5773 | 
|  | @ -4,9 +4,10 @@ | ||||||
|     --pfl-primary-bg-subtle: #cbf7cd; |     --pfl-primary-bg-subtle: #cbf7cd; | ||||||
|     --pfl-primary-text: var(--bg-pfl-color); |     --pfl-primary-text: var(--bg-pfl-color); | ||||||
|     --pfl-primary-border-subtle: #6db770; |     --pfl-primary-border-subtle: #6db770; | ||||||
|     --bs-nav-tabs-link-active-color: var(--pfl-primary-text); |     --bs-nav-tabs-link-active-color: var(--bs-dropdown-link-color); | ||||||
|     --bs-heading-color: #000; |     --bs-heading-color: #000; | ||||||
|     --pfl-logo: url('/static/light.png'); |     --pfl-logo: url('/static/light.png'); | ||||||
|  |     --pfl-home-background: url('/static/home/home-light.webp'); | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| :root[data-bs-theme='dark'] { | :root[data-bs-theme='dark'] { | ||||||
|  | @ -15,6 +16,7 @@ | ||||||
|     --pfl-primary-border-subtle: var(--pfl-color); |     --pfl-primary-border-subtle: var(--pfl-color); | ||||||
|     --bs-heading-color: #fff; |     --bs-heading-color: #fff; | ||||||
|     --pfl-logo: url('/static/dark.png'); |     --pfl-logo: url('/static/dark.png'); | ||||||
|  |     --pfl-home-background: url('/static/home/home-dark.webp'); | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .btn-pfl { | .btn-pfl { | ||||||
|  | @ -69,7 +71,7 @@ a { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .home-background { | .home-background { | ||||||
|     background-image: url(/static/home.webp); |     background-image: var(--pfl-home-background); | ||||||
|     background-size: cover; |     background-size: cover; | ||||||
|     background-position: center; |     background-position: center; | ||||||
| } | } | ||||||
|  | @ -79,7 +81,7 @@ a { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .dropdown-menu { | .dropdown-menu { | ||||||
|     --bs-dropdown-link-active-bg: var(--ufo-color) |     --bs-dropdown-link-active-bg: var(--pfl-color) | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .offer-img { | .offer-img { | ||||||
|  |  | ||||||
| Before Width: | Height: | Size: 2 MiB | 
| Before Width: | Height: | Size: 5 MiB After Width: | Height: | Size: 5 MiB | 
| Before Width: | Height: | Size: 430 KiB After Width: | Height: | Size: 430 KiB | 
							
								
								
									
										
											BIN
										
									
								
								pflaenzli/pflaenzli/static/home/home-light.jpg
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 778 KiB | 
							
								
								
									
										
											BIN
										
									
								
								pflaenzli/pflaenzli/static/home/home-light.webp
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 339 KiB | 
| Before Width: | Height: | Size: 2.5 MiB | 
| Before Width: | Height: | Size: 3.9 MiB | 
|  | @ -7,7 +7,7 @@ | ||||||
|     <div class="alert alert-warning">Some functions do not work yet!</div> |     <div class="alert alert-warning">Some functions do not work yet!</div> | ||||||
|     <div class="mb-5"> |     <div class="mb-5"> | ||||||
|         <h2>Settings</h2> |         <h2>Settings</h2> | ||||||
|         <a class="btn btn-pfl" href="{% url 'password_reset' %}">Change Password</a> |         <a class="btn btn-pfl" href="{% url 'user_edit' %}">Edit Account</a> | ||||||
|     </div> |     </div> | ||||||
|     <div class="mb-3"> |     <div class="mb-3"> | ||||||
|         <h2>Delete Account</h2> |         <h2>Delete Account</h2> | ||||||
|  |  | ||||||
|  | @ -1,59 +0,0 @@ | ||||||
| {% extends 'base.html.twig' %} |  | ||||||
| 
 |  | ||||||
| {% block title %}My offers{% endblock %} |  | ||||||
| 
 |  | ||||||
| {% block content %} |  | ||||||
|     {% for message in app.flashes('success') %} |  | ||||||
|         <div class="alert alert-success" role="alert"> |  | ||||||
|             {{ message }} |  | ||||||
|         </div> |  | ||||||
|     {% endfor %} |  | ||||||
|     <h1>My Offers</h1> |  | ||||||
|     {% if offers|length > 0 %} |  | ||||||
|         <div class="card-deck d-flex justify-content-around justify-content-sm-around justify-content-md-between flex-wrap"> |  | ||||||
|             {% for offer in offers %} |  | ||||||
|                 <div class="mb-5"> |  | ||||||
|                     <div class="card offer h-100"> |  | ||||||
|                         <a href="{{ path('show_offer', {'urlId': offer.urlId }) }}"> |  | ||||||
|                             {% if offer.photoFilename %} |  | ||||||
|                                 <img class="card-img-top offer-img" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}" /> |  | ||||||
|                             {% else %} |  | ||||||
|                                 <img class="card-img-top offer-img" src="{{ asset('placeholder.jpg') }}" /> |  | ||||||
|                             {% endif %} |  | ||||||
|                             <div class="card-body"> |  | ||||||
|                                 <h5 class="card-title">{{ offer.title }}</h5> |  | ||||||
|                                 <p class="card-text">{{ offer.description }}</p> |  | ||||||
|                             </div> |  | ||||||
|                         </a> |  | ||||||
|                         <div class="card-footer offer-footer"> |  | ||||||
|                             <a href="{{ path('edit_offer', {'urlId': offer.urlId}) }}" class="btn btn-info"><i class="fas fa-pen"></i></a> |  | ||||||
|                             <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#offer-modal-{{ offer.urlId }}"><i class="fas fa-trash-alt"></i></button> |  | ||||||
|                         </div> |  | ||||||
|                     </div> |  | ||||||
|                     <!-- Modal --> |  | ||||||
|                     <div class="modal fade" id="offer-modal-{{ offer.urlId }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |  | ||||||
|                         <div class="modal-dialog" role="document"> |  | ||||||
|                             <div class="modal-content"> |  | ||||||
|                                 <div class="modal-header"> |  | ||||||
|                                     <h5 class="modal-title" id="exampleModalLabel">Warning</h5> |  | ||||||
|                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |  | ||||||
|                                     <span aria-hidden="true">×</span> |  | ||||||
|                                     </button> |  | ||||||
|                                 </div> |  | ||||||
|                                 <div class="modal-body"> |  | ||||||
|                                     Are you sure you want to delete this offer? |  | ||||||
|                                 </div> |  | ||||||
|                                 <div class="modal-footer"> |  | ||||||
|                                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> |  | ||||||
|                                     <a type="button" class="btn btn-danger" href="{{ path('delete_offer', {'urlId': offer.urlId}) }}">Delete</a> |  | ||||||
|                                 </div> |  | ||||||
|                             </div> |  | ||||||
|                         </div> |  | ||||||
|                     </div> |  | ||||||
|                 </div> |  | ||||||
|             {% endfor %} |  | ||||||
|         </div> |  | ||||||
|     {% else %} |  | ||||||
|         <div class="alert alert-warning" role="alert">There are currently no active offers.</div> |  | ||||||
|     {% endif %} |  | ||||||
| {% endblock %} |  | ||||||