<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Calibri",sans-serif;}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal">I am trying to update the splash page for eg2 (splash.component.html) with URL’s that have include a sysOu() variable.<o:p></o:p></p>
<p class="MsoNormal">In the splash.component.html  I have the following.<o:p></o:p></p>
<p class="MsoNormal">            <div class="list-group-item border-0 p-2"><o:p></o:p></p>
<p class="MsoNormal">              <a href="/recon/{{sysOu()}}/index.html" target="_top" i18n><o:p></o:p></p>
<p class="MsoNormal" style="margin-left:.5in;text-indent:.5in"><img src="/images_local/splash/recon.png" alt="" role="presentation"/><o:p></o:p></p>
<p class="MsoNormal" style="margin-left:1.0in">Payment Reconciliation Reports<o:p></o:p></p>
<p class="MsoNormal">              </a><o:p></o:p></p>
<p class="MsoNormal">            </div><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I have included both,<o:p></o:p></p>
<p class="MsoNormal">import {AuthService} from '@eg/core/auth.service';<o:p></o:p></p>
<p class="MsoNormal">import {OrgService} from '@eg/core/org.service';<o:p></o:p></p>
<p class="MsoNormal">and the constructor for them in the splash.component.ts.<o:p></o:p></p>
<p class="MsoNormal">with the following <o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">        // This assumes the System OU is the parent org unit of the<o:p></o:p></p>
<p class="MsoNormal">    // workstation org unit.<o:p></o:p></p>
<p class="MsoNormal">    sysOu(): string {<o:p></o:p></p>
<p class="MsoNormal">        if (!this.auth.user()) { return ''; }<o:p></o:p></p>
<p class="MsoNormal">        const wsOu = this.org.get(this.auth.user().ws_ou());<o:p></o:p></p>
<p class="MsoNormal">        const sysOu = this.org.get(wsOu.parent_ou());<o:p></o:p></p>
<p class="MsoNormal">        return sysOu.shortname();<o:p></o:p></p>
<p class="MsoNormal">    }<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">When I run the ng build everything builds nicely.<o:p></o:p></p>
<p class="MsoNormal">Just when I try to access the page it is giving me <o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">StaffSplashComponent.html:124 ERROR TypeError: _co.SysOu is not a function<o:p></o:p></p>
<p class="MsoNormal">    at Object.eval [as updateRenderer] (StaffSplashComponent.html:172)<o:p></o:p></p>
<p class="MsoNormal">    at Object.debugUpdateRenderer [as updateRenderer] (core.js:23937)<o:p></o:p></p>
<p class="MsoNormal">    at checkAndUpdateView (core.js:23312)<o:p></o:p></p>
<p class="MsoNormal">    at callViewAction (core.js:23548)<o:p></o:p></p>
<p class="MsoNormal">    at execComponentViewsAction (core.js:23490)<o:p></o:p></p>
<p class="MsoNormal">    at checkAndUpdateView (core.js:23313)<o:p></o:p></p>
<p class="MsoNormal">    at callViewAction (core.js:23548)<o:p></o:p></p>
<p class="MsoNormal">    at execEmbeddedViewsAction (core.js:23511)<o:p></o:p></p>
<p class="MsoNormal">    at checkAndUpdateView (core.js:23308)<o:p></o:p></p>
<p class="MsoNormal">    at callViewAction (core.js:23548)<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">What am I missing?  <o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:black;background:white">-----------------------------</span><br>
Lynn Floyd<br>
<span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:black;background:white">MIS Supervisor</span><span style="font-size:10.0pt;font-family:"Arial",sans-serif;background:white"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:black;background:white"><br>
</span>Indiana State Library<br>
<a href="https://www.in.gov/library/" target="_blank"><span style="color:windowtext">https://www.in.gov/library/</span></a><br>
315 W Ohio St<br>
Indianapolis, IN 46202<br>
317-232-3290<br>
<a href="mailto:lfloyd1@library.in.gov"><span style="color:windowtext">lfloyd1@library.in.gov</span></a><span style="font-size:10.0pt;font-family:"Arial",sans-serif"><o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>