Jídelníček

Tento a příští týden s cenami a alergeny, živě ze systému.

Vložení

Kód s doplněnou adresou je v administraci: Nastavení → API systému → Veřejný jídelníček.

<link rel="stylesheet" href="https://cdn.objednavkaobedu.cz/jidelnicek/v1/jidelnicek.css">
<div data-oo-jidelnicek data-feed="ADRESA-VEŘEJNÉHO-JÍDELNÍČKU"></div>
<script src="https://cdn.objednavkaobedu.cz/jidelnicek/v1/jidelnicek.min.js" defer></script>

Ceny, počet dní dopředu a zavřené dny se nastavují v systému. Web se striktní CSP musí povolit cdn.objednavkaobedu.cz (script-src, style-src) a www.objednavkaobedu.cz (connect-src).

Nastavení

AtributVýznam
data-feedAdresa veřejného jídelníčku (JSON i XML). Povinné, pokud není data-token.
data-tokenMísto adresy jen token.
data-main-codesZvýrazněné kódy jídel, výchozí A,B; prázdné = žádné.
data-themeVzhled; přidá třídu oo-jidelnicek--<tema>.

Vzhled

Písmo se přebírá z webu. Barvy a rozměry:

.oo-jidelnicek {
  --oo-accent: #024f94;        /* vybraný den, zvýraznění */
  --oo-accent-soft: #e8f0f8;   /* pozadí vybraného dne */
  --oo-bg: #fff;
  --oo-text: #0f1c2b;
  --oo-text-light: #56637a;
  --oo-border: #d7dee8;
  --oo-radius: 12px;
  --oo-max-width: 800px;
  --oo-font-size: 17px;
}

Verze

Adresa /v1/ se nemění, opravy se k webům dostanou samy. Při vlastním hostingu ne.

Stáhnout v1 (zip)

JavaScript

Widget se spustí po načtení stránky. Pro obsah načtený později:

OOJidelnicek.init();                    // spustí nově přidané [data-oo-jidelnicek]
var w = OOJidelnicek.mount(element, { feed: 'https://…', mainCodes: ['A', 'B'] });
w.reload();                             // znovu načte data

Vlastní vykreslení

Bez knihovny, přímo z feedu:

GET https://www.objednavkaobedu.cz/api/v1/public-menu/feed?token=…&format=json&from=RRRR-MM-DD&to=RRRR-MM-DD

Celý výpis v jednom souboru k úpravě (otevřít):

Stáhnout sample-feed.html