VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk zstanek@lundegaard.eu
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é vdivu 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í) -vjs 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 vjs 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-<code> (např. /error-404/) Vytvoření v souborovém systému CMS vytvořením šablony do cesty Vivo/CMS/UI/Exception/<code>.phtml(jazykově nezavislášablona) resp. Vivo/CMS/UI/Exception/<code>.<language>.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ě <?CMS\UI:: entitylink($document, $some_specific_title_or_echoing_closure, array('attr1' => '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. (<layout-url>)#<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: info@lundegaard.cz ; www.lundegaard.cz Zdeněk Staněk zstanek@lundegaard.eu 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