VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk

Transkript

1 VIVO: NOVINKY NA FRONT-ENDU LUNDEGAARD Zdeněk Staněk

2 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 2

3 3

4 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

5 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 5

6 NOVÉ VÝCHOZÍ ŠABLONY 6

7 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

8 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

9 NOVÉ CHYBOVÉ STRÁNKY A ŠABLONY 401, 403, 404, 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 - 9

10 10

11 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

12 PROHLÍŽENÍ: ZVÝRAZŇOVÁNÍ PANELŮ 12

13 AKTUALIZACE JS KNIHOVEN JS framework- jquery 1.7.1, jquery UI WYSIWYG editor - TinyMCE jazykové mutace Vlastní a modifikované pluginy Vlastní design 13

14 DĚKUJI ZA POZORNOST Španělská 2, Praha 2 Vinohrady Česká republika Tel.: Fax: info@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