<webscript>
  <shortname>User Dashboard Title</shortname>
  <description>Title component used in the user dashboard page</description>
  <url>/components/title/user-dashboard-title</url>
</webscript>

<#assign activePage = page.url.templateArgs.pageid!"customise-user-dashboard">
<#assign userName>${user.properties["firstName"]?html} <#if user.properties["lastName"]??>${user.properties["lastName"]?html}</#if></#assign>
<div class="page-title theme-bg-color-1"><!-- ${activePage} -->
   <div class="title">
      <h1>${msg("header.dashboard", "<span>${userName}</span>")}</h1>
   </div>
   <div class="links title-button">
      <#assign linkClass><#if "customise-user-dashboard" == activePage>class="active-page"</#if></#assign>
      <span class="yui-button yui-link-button">
         <span class="first-child">
            <a href="${url.context}/page/customise-user-dashboard" ${linkClass}>${msg("link.customiseDashboard")}</a>
         </span>
      </span>          

   </div>
</div>

header.dashboard={0} Dashboard
link.customiseDashboard=Customize Dashboard