← Knihovna bloků

Výpis projektů project-list · full

Filtr podle městské části a mřížka karet projektů s videem na pozadí. Aby filtr fungoval, musí mít každá položka `district` shodný s některou pilulkou ve `filter.districts`. Pod 768 px se pilulky přesunou do modalu — popisek spouštěče je `filter.buttonLabel` (výchozí „Filtr lokality“).

Pro integrátora: Pilulky lokalit a přepínač „Dokončené byty“ filtrují karty na straně prohlížeče (project-list.ts podle data-district a data-completed na <li>). Panel vyhledávání v bloku map-hero nad výpisem je jen ukázkový. Videa karet vkládá js/components/video-bg.ts podle data-video-set.

Zdroj: src/_includes/blocks/project-list/

Varianta „default“

  • Parková
    čtvrť

    Praha 3Žižkov

    Termín dokončení
    říjen 2026
    Počet volných bytů
    81
    Ceny
    od 7,6 mil. Kč
  • Rezidence
    Jižní terasy

    Praha 4Háje

    Termín dokončení
    dokončeno
    Počet volných bytů
    10
    Ceny
    od 6,9 mil. Kč
  • Bohdalecké
    zahrady

    Praha 4Michle

    Termín dokončení
    srpen 2027
    Počet volných bytů
    87
    Ceny
    od 7,2 mil. Kč
  • Viladomy
    Střížkov

    Praha 8Střížkov

    Termín dokončení
    dokončeno
    Počet volných bytů
    7
    Ceny
    od 9,2 mil. Kč
  • Viladomy
    Počernice

    Praha 9Dolní Počernice

    Termín dokončení
    dokončeno
    Počet volných bytů
    28
    Ceny
    od 6 mil. Kč
  • Rezidenční čtvrť
    Tesla Hloubětín

    Praha 9Hloubětín

    Termín dokončení
    dokončeno, prosinec 2026
    Počet volných bytů
    191
    Ceny
    od 6,4 mil. Kč
  • Harfa
    Living

    Praha 9Vysočany

    Termín dokončení
    dokončeno, prosinec 2026
    Počet volných bytů
    103
    Ceny
    od 6,3 mil. Kč
  • Viladomy
    Pitkovice

    Praha 10Pitkovice

    Termín dokončení
    dokončeno, prosinec 2026
    Počet volných bytů
    64
    Ceny
    od 5,6 mil. Kč

Vzorová data (JSON)
{
  "settings": {
    "anchor": "projekty",
    "background": "white"
  },
  "filter": {
    "title": "Vyberte si podle lokality",
    "districts": [
      "Praha 3",
      "Praha 4",
      "Praha 8",
      "Praha 9",
      "Praha 10"
    ],
    "toggle": {
      "label": "Dokončené byty"
    }
  },
  "items": [
    {
      "title": "Parková\nčtvrť",
      "district": "Praha 3",
      "locality": "Žižkov",
      "completed": false,
      "media": {
        "video": "project-list/parkova-ctvrt"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "říjen 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "81"
        },
        {
          "label": "Ceny",
          "value": "od 7,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Rezidence\nJižní terasy",
      "district": "Praha 4",
      "locality": "Háje",
      "completed": true,
      "media": {
        "video": "project-list/jizni-terasy"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "10"
        },
        {
          "label": "Ceny",
          "value": "od 6,9 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Bohdalecké\nzahrady",
      "district": "Praha 4",
      "locality": "Michle",
      "completed": false,
      "media": {
        "video": "project-list/bohdalecke-zahrady"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "srpen 2027",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "87"
        },
        {
          "label": "Ceny",
          "value": "od 7,2 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Viladomy\nStřížkov",
      "district": "Praha 8",
      "locality": "Střížkov",
      "completed": true,
      "media": {
        "video": "project-list/viladomy-strizkov"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "7"
        },
        {
          "label": "Ceny",
          "value": "od 9,2 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Viladomy\nPočernice",
      "district": "Praha 9",
      "locality": "Dolní Počernice",
      "completed": true,
      "media": {
        "video": "project-list/viladomy-pocernice"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "28"
        },
        {
          "label": "Ceny",
          "value": "od 6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Rezidenční čtvrť\nTesla Hloubětín",
      "district": "Praha 9",
      "locality": "Hloubětín",
      "completed": true,
      "media": {
        "video": "project-list/tesla-hloubetin"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno, prosinec 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "191"
        },
        {
          "label": "Ceny",
          "value": "od 6,4 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Harfa\nLiving",
      "district": "Praha 9",
      "locality": "Vysočany",
      "completed": true,
      "media": {
        "video": "project-list/harfa-living"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno, prosinec 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "103"
        },
        {
          "label": "Ceny",
          "value": "od 6,3 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Viladomy\nPitkovice",
      "district": "Praha 10",
      "locality": "Pitkovice",
      "completed": true,
      "media": {
        "video": "project-list/viladomy-pitkovice"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno, prosinec 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "64"
        },
        {
          "label": "Ceny",
          "value": "od 5,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    }
  ]
}

Varianta „empty“

Vzorová data (JSON)
{}

Varianta „no-filter“

  • Parková
    čtvrť

    Praha 3Žižkov

    Termín dokončení
    říjen 2026
    Počet volných bytů
    81
    Ceny
    od 7,6 mil. Kč
  • Harfa
    Living

    Praha 9Vysočany

    Termín dokončení
    dokončeno
    Počet volných bytů
    19
    Ceny
    od 6,8 mil. Kč
  • Viladomy
    Pitkovice

    Praha 10Pitkovice

    Termín dokončení
    září 2026
    Počet volných bytů
    26
    Ceny
    od 10,4 mil. Kč
Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "items": [
    {
      "title": "Parková\nčtvrť",
      "district": "Praha 3",
      "locality": "Žižkov",
      "media": {
        "video": "project-list/parkova-ctvrt"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "říjen 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "81"
        },
        {
          "label": "Ceny",
          "value": "od 7,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Harfa\nLiving",
      "district": "Praha 9",
      "locality": "Vysočany",
      "media": {
        "video": "project-list/harfa-living"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "19"
        },
        {
          "label": "Ceny",
          "value": "od 6,8 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Viladomy\nPitkovice",
      "district": "Praha 10",
      "locality": "Pitkovice",
      "media": {
        "video": "project-list/viladomy-pitkovice"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "září 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "26"
        },
        {
          "label": "Ceny",
          "value": "od 10,4 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    }
  ]
}

Varianta „no-media“

  • Karta bez videa

    Praha 3Žižkov

    Termín dokončení
    říjen 2026
    Ceny
    od 7,6 mil. Kč
  • Karta s fotkou
    místo videa

    Praha 9Vysočany

    Termín dokončení
    dokončeno
    Počet volných bytů
    19
  • Karta bez tlačítka
    a bez lokality

    Praha 9

    Počet volných bytů
    19

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "filter": {
    "title": "Vyberte si podle lokality",
    "districts": [
      "Praha 3",
      "Praha 9"
    ]
  },
  "items": [
    {
      "title": "Karta bez videa",
      "district": "Praha 3",
      "locality": "Žižkov",
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "říjen 2026",
          "highlight": true
        },
        {
          "label": "Ceny",
          "value": "od 7,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Karta s fotkou\nmísto videa",
      "district": "Praha 9",
      "locality": "Vysočany",
      "media": {
        "image": {
          "src": "/assets/images/photos/placeholder-16x9.svg",
          "alt": "",
          "width": 1600,
          "height": 900
        }
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "19"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Karta bez tlačítka\na bez lokality",
      "district": "Praha 9",
      "media": {
        "video": "project-list/harfa-living"
      },
      "rows": [
        {
          "label": "Počet volných bytů",
          "value": "19"
        }
      ]
    }
  ]
}

Varianta „few“

  • Parková
    čtvrť

    Praha 3Žižkov

    Termín dokončení
    říjen 2026
    Počet volných bytů
    81
    Ceny
    od 7,6 mil. Kč

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "filter": {
    "title": "Vyberte si podle lokality",
    "districts": [
      "Praha 3"
    ],
    "toggle": {
      "label": "Dokončené byty"
    }
  },
  "items": [
    {
      "title": "Parková\nčtvrť",
      "district": "Praha 3",
      "locality": "Žižkov",
      "media": {
        "video": "project-list/parkova-ctvrt"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "říjen 2026",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "81"
        },
        {
          "label": "Ceny",
          "value": "od 7,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    }
  ]
}

Varianta „long“

  • Rezidenční čtvrť
    Dolní Počernice —
    Východní Město

    Praha 9Dolní Počernice a okolí

    Předpokládaný termín dokončení
    listopad 2027
    Počet volných bytů
    128
    Ceny bytových jednotek
    od 7 190 000 Kč
    Dispozice
    1+kk až 5+kk
    Parkování
    podzemní garáže
  • Parková
    čtvrť

    Praha 3Žižkov

    Termín dokončení
    dokončeno

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "filter": {
    "title": "Vyberte si podle lokality a městské části",
    "districts": [
      "Praha 1",
      "Praha 3",
      "Praha 4",
      "Praha 5",
      "Praha 6",
      "Praha 8",
      "Praha 9",
      "Praha 10",
      "Praha 13",
      "Praha 22"
    ],
    "toggle": {
      "label": "Dokončené byty"
    }
  },
  "items": [
    {
      "title": "Rezidenční čtvrť\nDolní Počernice —\nVýchodní Město",
      "district": "Praha 9",
      "locality": "Dolní Počernice a okolí",
      "completed": false,
      "media": {
        "video": "project-list/viladomy-pocernice"
      },
      "rows": [
        {
          "label": "Předpokládaný termín dokončení",
          "value": "listopad 2027",
          "highlight": true
        },
        {
          "label": "Počet volných bytů",
          "value": "128"
        },
        {
          "label": "Ceny bytových jednotek",
          "value": "od 7 190 000 Kč"
        },
        {
          "label": "Dispozice",
          "value": "1+kk až 5+kk"
        },
        {
          "label": "Parkování",
          "value": "podzemní garáže"
        }
      ],
      "button": {
        "title": "Prohlédnout projekt",
        "url": "#"
      }
    },
    {
      "title": "Parková\nčtvrť",
      "district": "Praha 3",
      "locality": "Žižkov",
      "completed": true,
      "media": {
        "video": "project-list/parkova-ctvrt"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "dokončeno",
          "highlight": true
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    }
  ]
}

Varianta „no-match“

  • Parková
    čtvrť

    Praha 3Žižkov

    Termín dokončení
    říjen 2026
    Ceny
    od 7,6 mil. Kč
  • Bohdalecké
    zahrady

    Praha 3Michle

    Termín dokončení
    srpen 2027
    Ceny
    od 8,4 mil. Kč

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "filter": {
    "title": "Vyberte si podle lokality",
    "districts": [
      "Praha 3",
      "Praha 10"
    ],
    "toggle": {
      "label": "Dokončené byty"
    }
  },
  "items": [
    {
      "title": "Parková\nčtvrť",
      "district": "Praha 3",
      "locality": "Žižkov",
      "completed": false,
      "media": {
        "video": "project-list/parkova-ctvrt"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "říjen 2026",
          "highlight": true
        },
        {
          "label": "Ceny",
          "value": "od 7,6 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    },
    {
      "title": "Bohdalecké\nzahrady",
      "district": "Praha 3",
      "locality": "Michle",
      "completed": false,
      "media": {
        "video": "project-list/bohdalecke-zahrady"
      },
      "rows": [
        {
          "label": "Termín dokončení",
          "value": "srpen 2027",
          "highlight": true
        },
        {
          "label": "Ceny",
          "value": "od 8,4 mil. Kč"
        }
      ],
      "button": {
        "title": "Prohlédnout",
        "url": "#"
      }
    }
  ]
}