redoper1 / html-formulare---zp

Zadání pro vypracování statického HTML pro potřeby reportů v Byznys Alpha pro potřeby ZP

Postup přípravy HTML formulářů ZP

1. Stáhneme požadovaný "elektronický PDF formulář" (+ XDP šablonu).
2. Odemkenem formulář pro úpravy pomocí online nástroje.
3. Zbavíme se XFA datové vrstvy pomocí online nástroje zašktnutím volby "Flatten XFA".
4. Dle PDF formuláře otevřeném v Inkscape, kde získáme rozměry a pozice, vytvoříme HTML formulář za pomoci základních a dodatečných stylů a základní struktury z ukázkového formuláře "ppz_111_vzp.html".

• Pro převod obrázků (nejlépe SVG) do Base64, použijeme online nástroje s "Output Format" nastaveným na "Data URI".
• Názvy položek a jejich kódy vycházejí z označení v odpovíjích XDP šablonách.

Úpravy obecných stylů reportů (style.(s)css) provádějte pouze v případě, že objevíte nějakou společnou obecnou část ve více formulářích. Specifické styly k jednotlivým formulářům pak piště přímo do HTML do elementu style s ID "report_spec" u konce body.

• V případě úpravy SASSu bude potřeba mít nasintalovaný Node.js package "Sass/Dart Sass", který dodporučuji nainstalovat pro jednoduchost globálně (npm -g install sass/yarn global add sass v případě používání Yarnu místo npm (v Byznysu standardně používáme klasické npm)) a spustit kompilaci pomocí sass -w . --no-source-map nad tutou složkou.

Nesahejte na obsažený JS nebo špatně dopadnete!!!

If you touch the included JS, I will kill you!