Example Parse File

This appendix shows the parse file that has been created for the example design in Appendix: Example Static HTML File. The dummy content has now been replaced with the correct design areas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang='en' lang='en'>
  <head>

    <title>
      <MySource_PRINT id_name="__global__" var="site_name" /> - <MySource_PRINT id_name="__global__" var="asset_name" />
    </title>

    <link href="mysource_files/style.css" rel="stylesheet" type="text/css" />

    <MySource_AREA id_name="colours" design_area="declared_vars" print="no">
      <MySource_DECLARE name="colour" value="fbf6e8" type="colour" description="The background colour for asset lineage"/>
    </MySource_AREA>

    <style type="text/css" media="all">
     #breadcrumb { background-color: <MySource_PRINT id_name="colours" var="colour" />; }
      #page-content { background: url(mysource_files/content_page_edges.gif) top left no-repeat; }
      #promo-wrapper .content { background: url(mysource_files/content_page_top.gif) left bottom no-repeat; }
      #header-wrapper { background: url(mysource_files/header_bg.jpg) repeat-x top left; }
      #section-nav ul li ul li.current a { background: url(mysource_files/menu_bullet_arrow.gif) 0 10px no-repeat; }
      #main-nav a { background-image: url(mysource_files/nav_tab_left_off.gif); }
      #main-nav li:hover a { background-image: url(mysource_files/nav_tab_left_on.jpg); }
      #main-nav ul li.current { background-image: url(mysource_files/nav_tab_right_on.jpg); }
      #main-nav li { background-image: url(mysource_files/nav_tab_right_off.gif); }
      #promo-wrapper { background: url(mysource_files/promo_inside_bg.jpg) repeat-x top left; }
    </style>

    <MySource_AREA id_name="metadata" design_area="metadata" />

  </head>

  <body>

    <div id="header-wrapper">

      <div id="header">

        <div id="main-nav">

          <MySource_AREA id_name="Main_navigation" design_area="menu_normal">
            <MySource_SET name="level" value="top"/>
            <MySource_SET name="show_subs" value="always"/>
            <ul>
             <MySource_ASSET>
               <li><MySource_PRINT var="asset_name_linked"/></li>
             </MySource_ASSET>
            </ul>
          </MySource_AREA>

        </div>

        <div id="promo-figures"><img src="mysource_files/promo_figures.png" style="padding-top: 10px; padding-left: 250px"/></div>

      </div>

    </div>

    <div id="promo-wrapper">

      <div class="content"><img src="mysource_files/squiz-logo.png" style="padding-top: 10px;" id="squiz-logo"/></div>

    </div>

    <div id="page-content">

      <div id="breadcrumb">

        <MySource_AREA id_name="Breadcrumb" design_area="asset_lineage">
          <MySource_SET name="prefix_with_divider" value="false" />
          <MySource_SET name="suffix_with_divider" value="true" />
          <MySource_SET name="prefix_with_home_link" value="true" />
          <MySource_SET name="suffix_with_current_link" value="false" />
          <MySource_SET name="show_hidden_links" value="false" />
          <MySource_ASSET><span><a href="<MySource_PRINT var="asset_link"/>"><MySource_PRINT var="asset_short_name" /></a></span></MySource_ASSET>
          <MySource_DIVIDER></MySource_DIVIDER>
        </MySource_AREA>

        <div><MySource_PRINT var="asset_short_name" /></div>

      </div>

      <div id="section-nav">     

        <MySource_AREA id_name="Section_menu" design_area="menu_normal">
          <MySource_SET name="level" value="sub"/>
           <MySource_SET name="show_subs" value="always"/>
             <ul>
             <MySource_ASSET>
               <li><MySource_PRINT var="asset_name_linked" />
               <MySource_SUB design_area="menu_normal">
                   <ul>
                   <MySource_ASSET>
                       <li><MySource_PRINT var="asset_name_linked"/></li>
                   </MySource_ASSET>
                   </ul>
               </MySource_SUB>
               </li>
             </MySource_ASSET>
             </ul>
         </MySource_AREA>

      </div>

      <div id="body-content">

        <div id="right-column">

          <h2>Login</h2>

            <MySource_AREA id_name="login_form" design_area="login_form">
              <MySource_PRINT var="system_messages" /><br />
              <MySource_LOGIN_SECTION>
                <MySource_PRINT var="form_open" />
                Not currently logged in
                <p>Username:
                  <MySource_PRINT var="username_box" size="10" class="sq-data" />
                </p>      
                <p>Password:
                  <MySource_PRINT var="password_box" size="10" class="sq-data" />
                </p><br/>
              <MySource_PRINT var="submit_button" value="Login" class="sq-data" style="float: right;" />
              <MySource_PRINT var="form_close" />
              </MySource_LOGIN_SECTION>
              <MySource_LOGOUT_SECTION>
               <MySource_PRINT var="form_open" />
               Currently logged in as:
               <MySource_PRINT id_name="__global__" var="current_user" default="[Not Logged In]" attr="name" />
               <br />
               <MySource_PRINT var="submit_button" value="Logout" class="sq-backend-data" />
               <MySource_PRINT var="form_close" />
              </MySource_LOGOUT_SECTION>
            </MySource_AREA>


          <h2>Search</h2>

            <MySource_AREA id_name="search_box" design_area="searchbox">
              <MySource_SET name="search_page_assetid" value="1555" />
              <MySource_SET name="field_name" value="name" />
              <MySource_PRINT var="form_start" />
              <MySource_PRINT var="box" />&nbsp<MySource_PRINT var="submit" />
              <MySource_PRINT var="form_end" />
            </MySource_AREA>

          <MySource_AREA id_name="whats_new" design_area="nest_content">
          <MySource_SET name="type_codes" value="page" />
          </MySource_AREA>

        </div>

        <div id="main-column">

         <strong>History:</strong>

          <MySource_AREA id_name="back_to_pages" design_area="access_history">
              <MySource_SET name="asset_types" value="page_standard" />
              <MySource_ASSET>
                <a href="<MySource_PRINT var="asset_link" />" title="<MySource_PRINT var="asset_short_name" />">
                <MySource_PRINT var="asset_short_name" />
                </a> &lt;
              </MySource_ASSET>
            </MySource_AREA>

          <h1><MySource_PRINT var="asset_name" /></h1>

          <MySource_AREA id_name="page_body" design_area="body" />

          <div>&nbsp;</div>

          <MySource_AREA id_name="write_access" design_area="show_if">
            <MySource_SET name="condition" value="write_access" />
            <MySource_THEN>
              <a href="<MySource_PRINT id_name="__global__" var="asset_link" />/_edit" >
              Edit the <MySource_PRINT id_name="__global__" var="asset_short_name" /> Page
              </a>
            </MySource_THEN>
            <MySource_ELSE>You do not have Write access</MySource_ELSE>
          </MySource_AREA>

        </div>  

      </div>

    </div>

    <div id="footer">

      <p class="right">

      Last Updated:

      <MySource_AREA id_name="page_modified" design_area="datetime">
        <MySource_SET name="format" value="F j, Y, g:i a" />
        <MySource_SET name="datetime" value="updated" />
      </MySource_AREA>

      </p>

      <p>Copyright &copy; 2010 Squiz Pty Ltd<br/>  

      <MySource_AREA id_name="privacy_policy" design_area="constant_button">
        <MySource_SET name="assetid" value="96" />
        <a class="button" <MySource_PRINT var="href" />>Privacy Policy </a>
      </MySource_AREA>

      &nbsp;|&nbsp;

      <MySource_AREA id_name="copyright" design_area="constant_button">
        <MySource_SET name="assetid" value="100" />
        <a class="button" <MySource_PRINT var="href" />>Copyright </a>
      </MySource_AREA>

      </p>

    </div>

   </body>

</html>