From 07f62219b933a2dfd06d59322cbd83e107937b08 Mon Sep 17 00:00:00 2001
From: horus
Date: Fri, 22 Jun 2018 15:23:23 +0200
Subject: Adds special styles explicitly for Drankdozijn. (website)

---
 site/resources/views/offer.blade.php | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

(limited to 'site/resources/views/offer.blade.php')

diff --git a/site/resources/views/offer.blade.php b/site/resources/views/offer.blade.php
index 71fb21a..10f50a1 100644
--- a/site/resources/views/offer.blade.php
+++ b/site/resources/views/offer.blade.php
@@ -73,7 +73,7 @@ if ( !$data->count() ) {
 						<span class="text-fade-out"></span>
 					</h4>
 
-					<p class="card-text mb-auto text-success w-100"><strong class="ffloat-right ttext-large" style="margin-left: 3px;">{{ TF::fF($offer->discounted_price) }}€</strong>* <del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del>
+					<p class="card-text mb-auto text-success w-100"><strong class="ffloat-right text-large" style="margin-left: 3px;">{{ TF::fF($offer->discounted_price) }}€</strong>* <del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del>
 						<span class="float-right text-muted">{{ TF::fF($offer->base_price ) }}€/L</span>
 					</p>
 					<div class="mb-1 text-muted w-100">
@@ -108,7 +108,15 @@ if ( !$data->count() ) {
 				<a href="{{ $offer->url }}">
 				</a>
 			-->
-			<img class="card-img-top flex-auto d-sm-block img-thumbnail d-md-none" src="{{ $offer->image_url }}" alt="{{ $offer->name }}" title="{{$offer->name}} :: {{ $offer->shop }}">
+<?php
+		// sets style explicitly for Drankdozijn
+		if ( "Drankdozijn" == $offer->shop ) {
+			$style = 'margin-left: auto; margin-right: 25px; width:50%; object-fit: cover; width: 70px;';
+		} else {
+			$style = '';
+		}
+?>
+			<img style="{{ $style }}" class="card-img-top flex-auto d-sm-block img-thumbnail d-md-none" src="{{ $offer->image_url }}" alt="{{ $offer->name }}" title="{{$offer->name}} :: {{ $offer->shop }}">
 			<div class="card-body .d-md-none d-lg-none d-xl-none d-xs-flex flex-column align-items-start">
 <!--
 				<div class="h-100 card-img-overlay">
@@ -131,7 +139,7 @@ if ( !$data->count() ) {
 						<span class="float-right">{{ TF::fF($offer->volume) . " Liter" }}</span><span>{{ TF::fF($offer->abv) . "%" }} Alk.</span>
 					</div>
 
-					<p class="card-text mb-auto text-success w-100"><del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del> <strong class="ffloat-right">{{ TF::fF($offer->discounted_price) . "€" }}*</strong>
+					<p class="card-text mb-auto text-success w-100"><strong class="ffloat-right text-large" style="margin-left: 3px;">{{ TF::fF($offer->discounted_price) }}€</strong>* <del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del>
 					<span class="float-right text-muted">{{ TF::fF($offer->base_price ) }}€/L</span>
 					</p>
 					<strong><a href="{{ $offer->url }}" class="text-large">Jetzt bestellen</a></strong>
@@ -192,3 +200,20 @@ if ( !$data->count() ) {
 
 @endsection
 
+@section('scripts')
+<script>
+$(window).on("load", function(){
+	$("img.card-img-top").each( function(k, v){
+		
+		// sets style like with Drankdozijn
+		if ( (this.naturalWidth / this.naturalHeight) < 0.3 ) {
+			console.log("debug: changing css for " + this.title);
+			$(this).css("width", this.naturalWidth);
+			$(this).css("onject-fit", "cover");
+			$(this).css("margin-left", "auto");
+			$(this).css("margin-right", "25px");
+		}
+	});
+});
+</script>
+@endsection
-- 
cgit v1.2.3