VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk
[email protected]
VYLEPŠENÝ DATAGRID Základní vlastnosti Fixní hlavička Skrývání sloupců Procházení klávesami Nekonečné listování Kontextová menu Možnost spojení s ribbonem
Detailní popis http://vivo.lundegaard.eu/cs/support/how-tos/kontrolanad-tabulkami/ 2
3
VYLEPŠENÝ DATAGRID PŘEDPOKLADY NASAZENÍ Vlastnost tabulky
CSS třída
JS funkce
Procházení klávesami
vivo-table-navigateable
initTableNavigation()
Zafixování hlavičky
vivo-table-fixedheader
makeTableHeaderFixed()
Skrývání sloupců
vivo-table-columnhide
initTableColumnHiding()
Postupné dotahování dat
vivo-table-showmore
autoloadTable()
• • • • • • •
THEAD a TBODY TD a TH obalené v DIVu pro procházení tabulky klávesami – nutné definovat akci (odkaz s css třídou „action_link“); pro skrývání sloupců - názvy sloupců obaleny ve SPANu s CSS třídou „title“; pro skrývání sloupců – zamezení skrytí -> TH nastavenu CSS třídu „nothide“; pro „nekonečnou“ tabulku (náhrada stránkování) - v JS definována proměnná „window.showMoreAction“, která obsahuje parametr „act“ pro ajaxové volání -> to pak vtací potřebná data; pro kontextové menu nad řádky - definovat v JS funkci initShowContextMenu(), která toto menu generuje (využívá jquery.contextmenu.js).
4
NOVÉ VÝCHOZÍ ŠABLONY Layoutové šablony Po vytvoření nové site, je web již v defaultním designu (prototypování, možnost dělat strukturu webu odděleně od kódování a pak spojit) Šablony pro layout i pro jednotlivé typy obsahů K dispozici offline šablony pro kodéry http://vivo.lundegaard.eu/cs/support/howtos/smarty-sablony-pod-cms-lars-vivo-prirucka-prokodera/ 5
NOVÉ VÝCHOZÍ ŠABLONY
6
NOVÉ VÝCHOZÍ ŠABLONY Šablony nových defaultních přehledů 8 nových přehledů (pro dynamický i statický přehled) Overview.phtml (default) Overview.Carousel.phtml Overview.Description.phtml Overview.Expandable.phtml Overview.Fileboard.phtml Overview.ThumbDesc.phtml Overview.Thumbnails.phtml Overview.WithDate.phtml Overview.WithDateDesc.phtml
Vlastní css a js front-Overview.Carousel.js (css) front-Overview.Expandable.js (css) atd.
7
NOVÉ VÝCHOZÍ ŠABLONY Přidání vlastních šablon přehledů – úprava init.php webu load('Vivo\CMS\Model\Content\Overview'); Vivo\CMS\Model\Entity::$FIELDS['Vivo\CMS\Model\Content\Overview'] ['front_view']['options']['Vivo/CMS/UI/Content/Overview.References'] = 'Přehled referencí';
8
NOVÉ CHYBOVÉ STRÁNKY A ŠABLONY 401, 403, 404, 500 ... Způsob vytvoření Vytvoření přes administraci – vytvořením dokumentu s url, která končí na *error-
(např. /error-404/) Vytvoření v souborovém systému CMS – vytvořením šablony do cesty Vivo/CMS/UI/Exception/.phtml (jazykově nezavislá šablona) resp. Vivo/CMS/UI/Exception/..html (jazykově zavislá šablona)
Podrobný popis - http://vivo.lundegaard.eu/cs/support/howtos/vytvoreni-chybovych-stranek-pro-neexistujici-url-a-dalsichybove-stavy/
9
10
NOVÉ VLASTNOSTI DOKUMENTU A OBSAHŮ Atributy linku - entityLink (typicky použito pro target = „_blank“) Zápis v phtml šabloně 'val1', 'attr2' => 'val2'))?>
Zápis v SMARTy šabloně {entityLink entity=$document content="specific element content" attributes=„attr1=val1 attr2=val2"}
Parametry iframu – přes modální dialog je uživateli umožněno vyplnit (width, height, frameborder, …) Všechny obsahy jsou nyní multidocumenty Panely v layoutu – přidána možnost měnit obsah panelu i v nadřazených layoutech. ()#<panel-name>:<document-url>
11
PROHLÍŽENÍ: ZVÝRAZŇOVÁNÍ PANELŮ
12
AKTUALIZACE JS KNIHOVEN JS framework - jQuery 1.7.1, jQuery UI 1.8.11 WYSIWYG editor - TinyMCE 3.4.3.1 4 jazykové mutace Vlastní a modifikované pluginy Vlastní design
13
DĚKUJI ZA
POZORNOST Španělská 2, 120 00 Praha 2 – Vinohrady Česká republika Tel.: +420 222 253 015 Fax: +420 222 254 458 E-mail: [email protected] ; www.lundegaard.cz
Zdeněk Staněk [email protected]
Tento dokument obsahuje informace důvěrného charakteru a informace v něm obsažené jsou vlastnictvím Lundegaard spol. s r.o. Žádná část dokumentu nesmí být kopírována, uchovávána v rešeršním systému nebo přenášena jakýmkoliv způsobem včetně elektronického, mechanického, fotografického či jiného záznamu a uveřejněna bez předchozí dohody a písemného svolení Lundegaard spol. s r.o. Veškerá práva vyhrazena © 2012 Lundegaard
14
