Example Parse File

Last Updated: 06 Jan 2016

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>
<html lang="en">
  <head>

    <!-- Declared Vars To Go Here -->
    <MySource_AREA id_name="colours" design_area="declared_vars" print="no"> 
      <MySource_DECLARE name="colour" value="fbf6e8" type="colour" description="Custom background colour for the header."/>
    </MySource_AREA> 

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Metadata -->
    <MySource_AREA id_name="metadata" design_area="metadata" />

    <link rel="icon" href="mysource_files/favicon.ico">

    <!-- Page Name and Site Name -->
    <title><MySource_PRINT id_name="__global__" var="asset_name" /> - <MySource_PRINT id_name="__global__" var="site_name" /></title>

    <!-- CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="mysource_files/style.css" rel="stylesheet">

  </head>

  <body>

    <div class="container">

      <header class="header clearfix" style="background-color: <MySource_PRINT id_name="colours" var="colour" />">

        <!-- Main Menu -->
        <MySource_AREA id_name="Main_navigation" design_area="menu_normal">
          <MySource_SET name="level" value="top"/>
          <MySource_SET name="show_subs" value="always"/>
          <MySource_set name="settings.class.normal" value="normal"/>
          <MySource_set name="settings.class.current" value="active"/>
          <MySource_set name="settings.class.hierarchy" value="active hierarchy"/>
          <nav>
            <ul class="nav nav-pills pull-right">
              <MySource_ASSET>
                <li class="<MySource_print var="settings.class"/>"><MySource_PRINT var="asset_name_linked"/></li>
              </MySource_ASSET>
            </ul>
          </nav>
        </MySource_AREA>

        <!-- Site Name -->
        <h1 class="h3 text-muted"><MySource_PRINT id_name="__global__" var="site_name" /></h1>

        <!-- Breadcrumbs -->
        <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"/>
          <ol class="breadcrumb">
            <MySource_ASSET>
              <li><a href="<MySource_PRINT var="asset_link"/>"><MySource_PRINT var="asset_short_name" /></a></li>
            </MySource_ASSET>
            <MySource_DIVIDER></MySource_DIVIDER>
            <li class="active"><MySource_PRINT id_name="__global__" var="asset_short_name" /></li>
          </ol>
        </MySource_AREA>

      </header>

      <div class="page-heading">

        <!-- Page Heading -->
        <h1><MySource_PRINT id_name="__global__" var="asset_name" /></h1>

      </div>

      <div class="row">

        <div class="col-sm-3">

          <!-- Sub Navigation -->
          <MySource_AREA id_name="Section_menu" design_area="menu_normal">
          <MySource_SET name="level" value="sub"/>
          <MySource_SET name="show_subs" value="always"/>
          <MySource_set name="settings.class.normal" value="normal"/>
          <MySource_set name="settings.class.current" value="active"/>
          <MySource_set name="settings.class.hierarchy" value="active hierarchy"/>
            <ul class="nav nav-pills nav-stacked">
              <MySource_ASSET>
                <li class="<MySource_print var="settings.class"/>"><MySource_PRINT var="asset_short_name_linked"/>
                  <MySource_SUB design_area="menu_normal">
                  <MySource_set name="settings.class.normal" value="normal"/>
                  <MySource_set name="settings.class.current" value="active"/>
                  <MySource_set name="settings.class.hierarchy" value="active hierarchy"/>
                  <ul>
                    <MySource_ASSET>
                      <li class="<MySource_print var="settings.class"/>"><MySource_PRINT var="asset_short_name_linked"/></li>
                    </MySource_ASSET>
                  </ul>
                  </MySource_SUB>
                </li>
              </MySource_ASSET>
            </ul>
          </MySource_AREA>

        </div>

        <div class="col-sm-6">

          <div class="page-contents">

            <!-- Design Body -->
            <MySource_AREA id_name="page_body" design_area="body" />

          </div>

        </div>

        <div class="col-sm-3">

          <!-- Login Section -->
          <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>

          <!-- Search Section -->
          <h2>Search</h2>
          <MySource_AREA id_name="search_box" design_area="searchbox">
            <MySource_SET name="search_page_assetid" value="1234" />
            <MySource_SET name="field_name" value="name" />
            <MySource_PRINT var="form_start" />
            <MySource_PRINT var="box" /> <MySource_PRINT var="submit" />
            <MySource_PRINT var="form_end" />
          </MySource_AREA>

          <!-- Nested Right Column Content -->
          <MySource_AREA id_name="whats_new" design_area="nest_content">
            <MySource_SET name="type_codes" value="page" />
          </MySource_AREA>

        </div>

      </div>

      <footer class="footer">
        <p class="pull-right">
          <!-- Last Updated Design Area-->
          Last Updated: 
          <MySource_AREA id_name="page_modified" design_area="datetime">
            <MySource_SET name="format" value="l, F j, Y" />
            <MySource_SET name="datetime" value="updated" />
          </MySource_AREA>
        </p>
        <p>&copy; %globals_date_Y% Company, Inc.</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>

The Latest

Let Us Know What You Think

Let us know if you spot any errors or if you have any ideas on how we can improve the Matrix Community Website.

Contact Squiz for Demo

Let us show you the true power of Squiz Matrix by giving you a personalised demonstration.