FőoldalHR PortálKomponensekHirdetések

Hirdetések komponensek

Ez az oldal a HR Portál Audi Apró hirdetések megjelenítéséhez használható komponenseit mutatja be. Minden komponens az Audi design rendszerével összhangban készült.

Kiemelt hirdetés komponens

A kiemelt hirdetés komponens az Audi Apró legfrissebb vagy kiemelt hirdetéseinek hangsúlyos megjelenítésére szolgál.

Kiemelt hirdetés

Eladó2025.04.15

Audi A6 téli gumi garnitúra

4 darab téli gumi felnivel, 235/55 R18 méretben, kiváló állapotban. Egy szezont használt Continental márka.

€750

Győr

Kiss János

152 megtekintés

Részletek

A kiemelt hirdetés komponens részletes információkat jelenít meg a hirdetésről, beleértve a képet, árat, leírást és kapcsolatfelvételi lehetőségeket.

Hangsúlyos:

Piros fejléc jelzi a kiemelt státuszt, vonzva a figyelmet

Tartalom:

Kép, cím, leírás, ár és állapot információk

Akciók:

Mentés a kedvencekhez, közvetlen kapcsolatfelvétel

Meta adatok:

Hely, hirdető, megtekintések és dátum információk

Használat

<FeaturedAdListing 
  title="Audi A6 téli gumi garnitúra"
  category="Eladó"
  description="4 darab téli gumi felnivel, 235/55 R18 méretben..."
  price="750"
  currency="€"
  location="Győr"
  seller="Kiss János"
  date="2025.04.15"
  image="/path/to/image.jpg"
  views="152"
/>

Hirdetéslista komponens

A hirdetéslista komponens számos hirdetés áttekinthető megjelenítésére szolgál szűrési és keresési lehetőségekkel.

Audi Apró hirdetések

Audi kerékpártartó tetőre

EladóGyőr

€130

Audi A4 navigációs rendszer

tegnap

KeresekSopron

€200-350

Audi gyári csomagtértálca

2 napja

CsereBudapest

Csere

Audi Q5 gyerekülés

3 napja

EladóGyőr

€85

...

Részletek

A hirdetéslista komponens többféle hirdetés kompakt megjelenítésére szolgál, keresési és szűrési lehetőségekkel, valamint lapozható formátumban.

Keresés:

Szövegalapú keresés és szűrés a hirdetések között

Kategóriák:

Színes címkék jelzik a hirdetés típusát (eladó, keres, csere)

Rendezés:

Többféle rendezési lehetőség (dátum, ár szerint)

Lapozás:

Oldalszámok és lapozógombok a navigációhoz

Használat

<AdListingComponent 
  title="Audi Apró hirdetések"
  listItems="adListingData"
  showSearch="true"
  showFilters="true"
  itemsPerPage="10"
  categoryColors="{
    eladó: '#F59E0B',
    keresek: '#0078D7',
    csere: '#059669'
  }"
  @new-ad-click="showNewAdForm"
/>

Hirdetés űrlap komponens

A hirdetés űrlap komponens segítségével a felhasználók új hirdetéseket adhatnak fel az Audi Apró rendszerben.

Új hirdetés feladása

Részletek

A hirdetés űrlap komponens lehetővé teszi a HR portál felhasználói számára új Audi Apró hirdetések feladását strukturált formában.

Mezők:

Kötelező és opcionális mezők a hirdetés adatainak megadásához

Képfeltöltés:

Drag-and-drop feltöltési lehetőség a hirdetés képeihez

Validáció:

Mezőellenőrzés a kötelező adatok biztosításához

Reszponzivitás:

Mobilbarát kialakítás a könnyű használhatóságért

Használat

<AdFormComponent 
  title="Új hirdetés feladása"
  categories="['Eladó', 'Keresek', 'Csere']"
  maxImageCount="5"
  allowedImageTypes="['jpg', 'png', 'gif']" 
  maxFileSize="5" 
  requiredFields="['title', 'category', 'description', 'location', 'phone']"
  @form-submit="processNewAd"
  @form-cancel="hideForm"
/>