diff --git a/css/onoffice-default.css b/css/onoffice-default.css index f5507df92..b728132fe 100644 --- a/css/onoffice-default.css +++ b/css/onoffice-default.css @@ -71,4 +71,19 @@ form[data-applicant-form-id] #spinner { .message{ display: none!important; +} + +.oo-picture { + display: block; + height: 100%; + width: 100%; + line-height: 0; + overflow: hidden; +} + +.oo-responsive-image { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center center; } \ No newline at end of file diff --git a/plugin/EstateList.php b/plugin/EstateList.php index 5ae2e6fb4..ace6e20a2 100644 --- a/plugin/EstateList.php +++ b/plugin/EstateList.php @@ -706,6 +706,35 @@ public function getEstatePictureTitle($imageId) return $this->_pEstateFiles->getEstatePictureTitle($imageId, $currentEstate); } + /** + * @param int $imageId + * @param int $breakpoint + * @param float|null $width + * @param float|null $height + * @param bool $maxWidth + * @return string + */ + public function getResponsiveImageSource(int $imageId, int $breakpoint, float $width = null, float $height = null, bool $maxWidth = false) { + $sourceTag = ''; + } + /** * @param int $imageId * @return string diff --git a/templates.dist/estate/default.php b/templates.dist/estate/default.php index 9bc1f5ff2..495e3abdf 100644 --- a/templates.dist/estate/default.php +++ b/templates.dist/estate/default.php @@ -30,6 +30,53 @@ $dontEcho = array("objekttitel", "objektbeschreibung", "lage", "ausstatt_beschr", "sonstige_angaben", "MPAreaButlerUrlWithAddress", "MPAreaButlerUrlNoAddress"); +/* responsive picture properties + * customizable widths and heights for individual layouts + */ +$image_width_xs = 382; +$image_width_sm = 355; +$image_width_md = 465; +$image_width_lg = 370; +$image_width_xl = 440; +$image_width_xxl = 500; +$image_width_xxxl = 600; +$image_height_xs = null; +$image_height_sm = null; +$image_height_md = null; +$image_height_lg = null; +$image_height_xl = null; +$image_height_xxl = null; +$image_height_xxxl = null; +$dimensions = [ + '575' => [ + 'w' => $image_width_xs, + 'h' => $image_height_xs + ], + '1600' => [ + 'w' => $image_width_xxxl, + 'h' => $image_height_xxxl + ], + '1400' => [ + 'w' => $image_width_xxl, + 'h' => $image_height_xxl + ], + '1200' => [ + 'w' => $image_width_xl, + 'h' => $image_height_xl + ], + '992' => [ + 'w' => $image_width_lg, + 'h' => $image_height_lg + ], + '768' => [ + 'w' => $image_width_md, + 'h' => $image_height_md + ], + '576' => [ + 'w' => $image_width_sm, + 'h' => $image_height_sm + ] +]; ?>