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>© %globals_date_Y% Company, Inc.</p> </footer> </div> <!-- /container --> </body> </html>