nestiq-component-library 1.1.98 → 1.1.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +34 -21
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +34 -21
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +74 -36
package/dist/index.es.js
CHANGED
|
@@ -502,37 +502,45 @@ function PropertyCard(props) {
|
|
|
502
502
|
}
|
|
503
503
|
};
|
|
504
504
|
return (React.createElement("div", { className: "d-flex flex-row property-card" },
|
|
505
|
-
React.createElement("div", { className: "d-flex flex-column col-md-6", onClick: props.onClick },
|
|
505
|
+
React.createElement("div", { className: "d-flex flex-column col-md-6 col-lg-6", onClick: props.onClick },
|
|
506
506
|
React.createElement("div", { key: props.property.id, className: "card-bod position-relative cardStyles h-100 w-100", style: {
|
|
507
507
|
backgroundImage: "url(".concat(mainImage || pictureUrls[0], ")"),
|
|
508
508
|
backgroundSize: "cover",
|
|
509
509
|
backgroundPosition: "center",
|
|
510
|
+
maxWidth: "640",
|
|
510
511
|
} },
|
|
511
512
|
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-5" },
|
|
512
|
-
React.createElement("div", { className: "d-flex ms-2", style: { position: "absolute",
|
|
513
|
+
React.createElement("div", { className: "d-flex ms-2", style: { position: "absolute", marginLeft: "16px" }, onClick: function () { return handleArrowClickInMainImage("left"); }, role: "button" },
|
|
513
514
|
React.createElement("img", { src: arrowLeft })),
|
|
514
515
|
React.createElement("div", null),
|
|
515
516
|
React.createElement("div", { className: "d-flex me-2", onClick: function () { return handleArrowClickInMainImage("right"); }, role: "button" },
|
|
516
|
-
React.createElement("img", { src: arrowRight, style: { position: "absolute", right: "
|
|
517
|
+
React.createElement("img", { src: arrowRight, style: { position: "absolute", right: "16px" } }))),
|
|
517
518
|
React.createElement("div", { className: "d-flex flex-row align-self-end justify-item-start justify-content-between align-item-start gap-1 mb-2 ms-4", style: { position: "absolute", left: "0" } },
|
|
518
519
|
React.createElement("div", { className: "cardTag" }, "".concat(currentImageIndex + 1, "/").concat(pictureUrls.length)),
|
|
519
520
|
React.createElement("div", { className: "Grundriss kontact-button-text ", role: "button", onClick: floorPlanOnClick },
|
|
520
521
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
521
522
|
" ",
|
|
522
523
|
"Grundriss")))),
|
|
523
|
-
React.createElement("div", { className: "d-flex flex-column listing-compacts col-
|
|
524
|
-
React.createElement("div", { className: "d-flex
|
|
525
|
-
React.createElement("
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
524
|
+
React.createElement("div", { className: "d-flex flex-column listing-compacts col-6" },
|
|
525
|
+
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
526
|
+
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
527
|
+
paddingLeft: "32px",
|
|
528
|
+
paddingTop: "32px",
|
|
529
|
+
} }, (_c = props.property.expose) === null || _c === void 0 ? void 0 : _c.title),
|
|
530
|
+
React.createElement("div", { className: "d-flex gap-2", style: {
|
|
531
|
+
paddingRight: "32px",
|
|
532
|
+
paddingTop: "21px",
|
|
533
|
+
paddingLeft: "76px",
|
|
534
|
+
} },
|
|
535
|
+
React.createElement("img", { src: shareIcon, alt: "Location Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" } }),
|
|
536
|
+
React.createElement("img", { src: moreIcon, alt: "Location Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" } }))),
|
|
537
|
+
React.createElement("div", { style: { paddingLeft: "32px", paddingRight: "32px" } },
|
|
530
538
|
" ",
|
|
531
539
|
React.createElement("div", { className: "d-flex " },
|
|
532
540
|
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector" }),
|
|
533
541
|
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A"))),
|
|
534
|
-
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between " },
|
|
535
|
-
React.createElement("span", { className: "value col-lg-
|
|
542
|
+
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: { paddingLeft: "32px", paddingRight: "32px" } },
|
|
543
|
+
React.createElement("span", { className: "value col-lg-4 col-md-4 col-sm-6 " },
|
|
536
544
|
formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
|
|
537
545
|
" \u20AC",
|
|
538
546
|
React.createElement("br", null),
|
|
@@ -548,13 +556,13 @@ function PropertyCard(props) {
|
|
|
548
556
|
React.createElement("br", null),
|
|
549
557
|
React.createElement("span", { className: "details" },
|
|
550
558
|
React.createElement("span", null, "Bad"))),
|
|
551
|
-
React.createElement("span", { className: "text-dark value col-lg-
|
|
559
|
+
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7 " },
|
|
552
560
|
props.property.usableArea,
|
|
553
561
|
" m\u00B2",
|
|
554
562
|
React.createElement("br", null),
|
|
555
563
|
React.createElement("span", { className: "details" },
|
|
556
564
|
React.createElement("span", null, "Wohnfl\u00E4che")))),
|
|
557
|
-
React.createElement("div", { className: "labelTopClass d-flex top-0 start-0 col-sm-5 col-lg-8 " },
|
|
565
|
+
React.createElement("div", { className: "labelTopClass d-flex top-0 start-0 col-sm-5 col-lg-8 ", style: { paddingLeft: "32px", paddingRight: "32px" } },
|
|
558
566
|
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
559
567
|
props.property.historicalProtection && (React.createElement("label", { className: "thirdLabels justify-content-center align-items-center" },
|
|
560
568
|
React.createElement("span", { className: "layersText " }, "Denkmalschutz"))),
|
|
@@ -566,13 +574,18 @@ function PropertyCard(props) {
|
|
|
566
574
|
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
567
575
|
props.property.guestBathroom && (React.createElement("label", { className: "col-1 thirdLabels justify-content-center align-items-center " },
|
|
568
576
|
React.createElement("span", { className: "layersText " }, "Gäste-WC"))))),
|
|
569
|
-
React.createElement("div", { className: "
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
577
|
+
React.createElement("div", { className: "", style: {
|
|
578
|
+
paddingLeft: "32px",
|
|
579
|
+
paddingRight: "32px",
|
|
580
|
+
paddingTop: "32px",
|
|
581
|
+
} },
|
|
582
|
+
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
583
|
+
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
584
|
+
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
585
|
+
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
586
|
+
React.createElement("span", { className: "d-flex col-5" }, "Herr Florian Gauss Immogart UGh"),
|
|
587
|
+
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
588
|
+
React.createElement("span", { className: "kontact-button-text" }, "Kontakt aufnehmen ")))))),
|
|
576
589
|
floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: props.floorPlanUrl, onCloseClick: function () { return setFloorPlan(false); } })),
|
|
577
590
|
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
578
591
|
}
|