// MedBridge — cards. Listing cards, doctor cards, booking, news. // ─── Listing card — Vertretung ─────────────────────────────────── function ListingCardVertretung({ listing, density = 'compact', greyed, greyReason }) { // density: compact (list), expanded (full), calendar const t = MB.vertretung; const pad = density === 'expanded' ? 18 : 14; return (
{/* left edge type stripe */}
{listing.urgent && }
{listing.specialty}
{!greyed && }
{listing.title}
{listing.dateRange}
{listing.location}
{listing.rate}
{density === 'expanded' && (
{listing.host}
{listing.hostPractice}
{!greyed && }
)} {greyed && greyReason && (
{greyReason}
)}
); } // ─── Listing card — Ausbildungsstelle ───────────────────────────── function ListingCardAusbildung({ listing, density = 'compact', greyed, greyReason }) { const t = MB.ausbildung; const pad = density === 'expanded' ? 18 : 14; return (
{listing.urgent && }
{listing.sonderfach && {listing.sonderfach}}
{!greyed && }
{listing.title}
{listing.rotation} · Start {listing.start}
{listing.location}
{listing.stipendium}
{density === 'expanded' && (
{listing.host}
{listing.hostPractice}
{!greyed && }
)} {greyed && greyReason && (
{greyReason}
)}
); } // Generic dispatcher used in lists function ListingCard(props) { return props.listing.type === 'Vertretung' ? : ; } // Doctor / applicant card function DoctorCard({ doctor, action }) { return (
{doctor.name}
{doctor.rating && {doctor.rating} ({doctor.ratings}) }
{doctor.context &&
{doctor.context}
} {action &&
{action}
}
); } // Booking summary function BookingCard({ booking }) { const t = booking.type === 'Vertretung' ? MB.vertretung : MB.ausbildung; const statusTone = booking.status === 'Bestätigt' ? 'success' : booking.status === 'Heute' ? 'warning' : 'neutral'; return (
{booking.status}
{booking.title}
{booking.dateRange} {booking.location}
); } // News feed item — editorial (clean, magazine-style: category eyebrow, headline, dek) function NewsCard({ item, compact, onOpen }) { return (
{!compact && (
Editorial image
)}
{item.category || 'News'} {item.source}
{item.headline}
{item.summary}
{item.date &&
{item.date}
}
); } // News feed item — Fortbildung / training event (DFP-Punkte, CTA "Anmelden") function TrainingCard({ item, onEnroll }) { const c = MB.ausbildung; // reuse the Ausbildung amber tone — "growth / learning" return (
}>Fortbildung {item.category}
{item.headline}
{item.summary}
{item.source} · {item.enrolled.toLocaleString('de-AT')} angemeldet
); } function TrainingFact({ icon, k, v, accent }) { return (
{k}
{v}
); } // News feed item — sponsored function SponsoredCard({ item }) { return (
Anzeige {item.advertiser}
{item.headline}
{item.summary}
Zielgruppe: {item.targeting}
); } // Dashboard quicklink — uses Angebotstyp soft bg + strong icon function Quicklink({ type, label, sub, onClick }) { const t = type === 'Vertretung' ? MB.vertretung : MB.ausbildung; return ( ); } Object.assign(window, { ListingCard, ListingCardVertretung, ListingCardAusbildung, DoctorCard, BookingCard, NewsCard, SponsoredCard, TrainingCard, Quicklink });