Template updates

Template updates [Thursday, 02 April 2009 19:16]

Written by Dan Brown

Well it's less than 3 days since 1.1 launched and we've surprised ourselves by having the template system for 1.2 half done already. The rewrite really helped for this as we had shifted most of the display code out to seperate functions already and just had to convert those.

We have gone for a tagged approach, similar to Joomla, Radiant and modx. The pages are broken up into template fragments which have a file each, they look like -

component_breadcrumb_node.html

 <div>
  <moatag type="BreadcrumbSpacer">
  <div>
    <a class ='nav_icon' href='index.php?action=gallery_view&gallery_id=<moavar NodeID>'>
      <img class='breadcrumbicon' src='media/folder_open.png'/>
    </a>
    <a id='nav_tree_<moavar NodeID>' href='index.php?action=gallery_view&gallery_id=<moavar NodeID>'>
      <moavar NodeName>
    </a>
  </div>
</div>

These new tags will get replaced when the page is generated. Unlike some systems PHP knowledge is not required for template designers.

<moatag> is used to insert a new fragment, in this case component_breadcrumb_spacer.html is associated with the Breadcrumbspacer tag. Some of the tags automatically loop, for example the BreadcrumbList tag loops through all galleries from current to the root and inserts one of these breadcrumb nodes.

<moavar> is replaced by direct values.In this case to insert the gallery id and name for each breadcrumb node.

We have the image, gallery, header and footer parts finished for the default template. We still have the admin and login/out pages to go but these are simpler so shouldn't take long. Then we can make a couple of example templates and will post again with a few screenshots.

Comments

Add New