{"__symbolic":"module","version":4,"metadata":{"JtsSidebarMenuService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":28}]}],"getUserPreference":[{"__symbolic":"method"}],"getPropertyConfig":[{"__symbolic":"method"}],"updateUserPreference":[{"__symbolic":"method"}],"getJtsUserInfoGlobalAsa":[{"__symbolic":"method"}],"reportAnIssue":[{"__symbolic":"method"}],"setAuth":[{"__symbolic":"method"}],"GetAppState":[{"__symbolic":"method"}],"insertUserTractingForMainMemu":[{"__symbolic":"method"}],"getDemoInfoToCheck":[{"__symbolic":"method"}],"getJuvenileInfo":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"JtsSidebarMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"lib-jts-sidebar-menu","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"template":"<div class=\"loading\" *ngIf=\"isLoading\"></div>\r\n\r\n<kendo-window *ngIf=\"openedReportIssue\" (close)=\"openedReportIssue = false\" [minWidth]=\"600\" [width]=\"600\" [top]=\"300\"\r\n              title=\"Report An Issue\">\r\n  <lib-report-an-issue [djjUserAcID]=\"djjUserAcID\" [juvenileID]=\"juvenileID\" [sitLocationCode]=\"sitLocationCode\"\r\n                       (close)=\"openedReportIssue = false\"></lib-report-an-issue>\r\n</kendo-window>\r\n<kendo-dialog *ngIf=\"openedModifyPageLayout\" (close)=\"openedModifyPageLayout = false\" [width]=\"800\" [height]=\"800\"\r\n              [maxHeight]=\"'95vh'\"\r\n              [maxWidth]=\"'95vw'\">\r\n  <div class=\"row d-flex justify-content-center\">\r\n    <h4>Edit User Preference</h4>\r\n  </div>\r\n  <nav>\r\n    <div class=\"nav nav-tabs\" id=\"nav-tab\" role=\"tablist\">\r\n      <a class=\"nav-item nav-link active\" id=\"layout-tab\" data-toggle=\"tab\" href=\"#layout\" role=\"tab\"\r\n         aria-controls=\"layout\" aria-selected=\"true\">Edit Site Layout</a>\r\n      <a class=\"nav-item nav-link\" id=\"background-tab\" data-toggle=\"tab\" href=\"#background\" role=\"tab\"\r\n         aria-controls=\"background\" aria-selected=\"false\">Edit Background</a>\r\n    </div>\r\n  </nav>\r\n  <div class=\"tab-content\" id=\"nav-tabContent\">\r\n    <div class=\"tab-pane fade show active\" id=\"layout\" role=\"tabpanel\" aria-labelledby=\"layout-tab\">\r\n      <div class=\"row d-flex justify-content-left mt-3\">\r\n        <h5>Content Position</h5>\r\n      </div>\r\n      <table class=\"table table-borderless\">\r\n        <tbody>\r\n        <tr>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"contentPositionClicked(1)\"\r\n                    [style.border]=\"userPreference.contentPosition === 1? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/ContentLeft.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"contentPositionClicked(2)\"\r\n                    [style.border]=\"userPreference.contentPosition === 2? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/ContentCenter.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"contentPositionClicked(3)\"\r\n                    [style.border]=\"userPreference.contentPosition === 3? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/ContentRight.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n      <div class=\"row d-flex justify-content-left mt-3\">\r\n        <h5>Banner Full Screen/Static Size</h5>\r\n      </div>\r\n      <table class=\"table table-borderless\">\r\n        <tbody>\r\n        <tr>\r\n          <td style=\"width: 50%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"bannerFullScreenClicked(false)\"\r\n                    [style.border]=\"userPreference.bannerFullScreen === false? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/BannerStaticSize.png'}}\" alt=\"\"\r\n                   style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n          <td style=\"width: 50%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"bannerFullScreenClicked(true)\"\r\n                    [style.border]=\"userPreference.bannerFullScreen === true? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/BannerFullScreen.png'}}\" alt=\"\"\r\n                   style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n      <div class=\"row d-flex justify-content-left mt-3\">\r\n        <h5>Banner Position</h5>\r\n      </div>\r\n      <table class=\"table table-borderless\">\r\n        <tbody>\r\n        <tr>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"bannerPositionClicked(1)\"\r\n                    [disabled]=\"userPreference.bannerFullScreen === true\"\r\n                    [style.border]=\"userPreference.bannerPosition === 1 && userPreference.bannerFullScreen === false? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/BannerLeft.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"bannerPositionClicked(2)\"\r\n                    [disabled]=\"userPreference.bannerFullScreen === true\"\r\n                    [style.border]=\"userPreference.bannerPosition === 2 && userPreference.bannerFullScreen === false? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/BannerCenter.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n          <td style=\"width: 33.33%; text-align: center; padding-left: 10px; padding-right: 10px\">\r\n            <button class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"bannerPositionClicked(3)\"\r\n                    [disabled]=\"userPreference.bannerFullScreen === true\"\r\n                    [style.border]=\"userPreference.bannerPosition === 3 && userPreference.bannerFullScreen === false? '5px red solid': 'none'\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/BannerRight.png'}}\" alt=\"\" style=\"width: 128px; height: 128px\">\r\n            </button>\r\n          </td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"tab-pane fade\" id=\"background\" role=\"tabpanel\" aria-labelledby=\"background-tab\"\r\n         style=\"min-height: 614px\">\r\n      <div class=\"row d-flex justify-content-left mt-3\">\r\n        <h5>Background</h5>\r\n      </div>\r\n\r\n      <div class=\"row d-flex justify-content-center\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setToLogoClicked()\"\r\n                [style.border]=\"userPreference.background ==='logo'? '5px solid red': 'none'\">Set to DJJ Logo\r\n        </button>\r\n      </div>\r\n      <div class=\"row d-flex justify-content-center mt-3\">\r\n        <input [(colorPicker)]=\"customBackground\" class=\"form-control w-25\" readonly\r\n               (colorPickerChange)=\"userPreference.background = ''\"\r\n               [style.background]=\"customBackground\"/>\r\n      </div>\r\n      <div class=\"row d-flex justify-content-center mt-2\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"setCustomBackgroundClicked()\"\r\n                [style.border]=\"userPreference.background !=='logo' && userPreference.background !== ''? '5px solid red': 'none'\">\r\n          Set to My Custom Color\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"row d-flex justify-content-center\">\r\n    <button class=\"btn btn-primary\" type=\"button\" style=\"width: 200px\" (click)=\"openedModifyPageLayout = false\">Done\r\n    </button>\r\n  </div>\r\n</kendo-dialog>\r\n\r\n<div class=\"wrapper\">\r\n  <nav id=\"sidebar\" [ngClass]=\"{'active': isSideBarCollapseActive}\"\r\n       style=\"text-align: center; border-right: 3px black solid;\">\r\n    <div style=\"height: 100vh; overflow: auto\">\r\n      <ng-scrollbar pointerEventsMethod=\"scrollbar\">\r\n        <img style=\"width: 80%; cursor: pointer\" class=\"mt-2\" src=\"{{serverUrl + 'cdn/images/djj-logo.png'}}\" alt=\"\"\r\n             (click)=\"openFAQS()\">\r\n        <ul class=\"list-unstyled\" style=\"margin-bottom: 0; margin-top: 10px\">\r\n          <li style=\"text-align: left\">\r\n            <button #anchor class=\"btn\" style=\"background: none; border: none; padding: 0; margin: 0\"\r\n                    (click)=\"toggle()\">\r\n              <img src=\"{{serverUrl + 'cdn/images/Menu/setting.png'}}\" alt=\"\" style=\"width: 30px; height: 30px\">\r\n              <span\r\n                style=\"font-weight: bold;color: white; font-size: 17px; vertical-align: middle\">&nbsp;User ID: {{djjUserID}}</span>\r\n            </button>\r\n            <kendo-popup #popup [anchor]=\"anchor\" (anchorViewportLeave)=\"showSetting = false\" *ngIf=\"showSetting\"\r\n                         style=\"width: 180px\" popupClass=\"content\">\r\n              <div class=\"row d-flex mt-2\">\r\n                <span\r\n                  class=\"circle-initial\"><img style=\"width: 40px; height: 40px; margin-left: 10px\"\r\n                                              src=\"{{serverUrl + 'cdn/images/favicon.ico'}}\" alt=\"\"></span>\r\n              </div>\r\n              <p style=\"color: black; font-weight: bold\">Last Name: {{djjUserLName}}</p>\r\n              <p style=\"color: black; font-weight: bold; padding-top: 0\">First Name: {{djjUserFName}}</p>\r\n              <p style=\"text-align: center; padding: 0; margin-bottom: 6px !important;\" *ngIf=\"isEditSiteLayout\">\r\n                <button class=\"btn btn-success\" type=\"button\" (click)=\"openedModifyPageLayout = true\"\r\n                        style=\"white-space: nowrap\">Edit User\r\n                  Preference\r\n                </button>\r\n              </p>\r\n            </kendo-popup>\r\n          </li>\r\n          <li style=\"text-align: center; margin-bottom: 10px; margin-top: 10px\">\r\n            <button class=\"btn-main\" type=\"button\"\r\n                    style=\"background: none; color: white; border: 1px solid rgb(131, 248, 163); width: 150px\"\r\n                    title=\"Open a new JTS page on a new tab\" (click)=\"openNewSession()\">New Session\r\n            </button>\r\n          </li>\r\n          <li style=\"text-align: center; margin-bottom: 10px\">\r\n            <button class=\"btn-main\" type=\"button\"\r\n                    style=\"background: none; color: white; border: 1px solid rgb(255,255,0); width: 150px;\"\r\n                    title=\"Click to report an JTSnx Issue\" (click)=\"openReportIssue()\">Report An Issue\r\n            </button>\r\n          </li>\r\n          <li style=\"text-align: center\">\r\n            <button class=\"btn-main\" type=\"button\" *ngIf=\"isCore !== true\"\r\n                    style=\"background: none; color: white; border: 1px solid rgb(248,91,80); width: 150px\"\r\n                    title=\"Navigate to search page in current tab, you will LOST current Juvenile\" (click)=\"toSearch()\">\r\n              Search\r\n            </button>\r\n            <ng-content select=\"[coreSearch]\"></ng-content>\r\n            <ng-content select=\"[coreAdmission]\"></ng-content>\r\n          </li>\r\n        </ul>\r\n        <hr style=\"border: 1px white solid; margin-top: 15px; margin-bottom: 5px\">\r\n        <ul class=\"list-unstyled\" style=\"margin-bottom: 0\">\r\n          <li class=\"row\">\r\n            <ng-content select=\"[menuLink]\"></ng-content>\r\n            <ng-container\r\n              *ngIf=\"!['', 'JTSnxCore', 'JTSnxOBHS', 'JTSnxMedical', 'JTSnxFacilityProg', 'JTSnxInterstate', 'JTSnxTitleIVE', 'JTSnxGraduatedSanctions'].includes(moduleName)\">\r\n\r\n              <ng-container\r\n                *ngIf=\"!rolePermission.jtsIndependentCourt && !rolePermission.yorpLimited && !rolePermission.jtsServicesLimitedAccess && !rolePermission.jtsgbi\">\r\n                <button class=\"btn-menu\" (click)=\"admissionClicked();listAcitive(1)\"\r\n                        title=\"Navigate to Admission page in current tab with current Juvenile\"\r\n                ><i class=\"fa fa-id-badge\" aria-hidden=\"true\"></i>Admission\r\n                </button>\r\n                <button class=\"btn-menu\" type=\"button\" (click)=\"apprehensionClicked()\"\r\n                        [ngClass]=\"{'active': moduleName === 'JTSnxApprehension'}\"\r\n                        *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsIndependentCourt) && isShowButton('Apprehension')\"\r\n                        title=\"Click here to add, update or view (historical) Juvenile's Apprehension Orders.\">\r\n                  <i class=\"fa fa-lock\" aria-hidden=\"true\"></i>Apprehension\r\n                </button>\r\n                <ng-container\r\n                  *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi)\">\r\n                  <button (click)=\"AssessmentClicked()\"\r\n                          *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi) && isShowButton('Assessment')\"\r\n                          class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxAssessment'}\"\r\n                          title=\"Click here to add, update or view a Juvenile's CRN, Criminal History,\r\n                  or Custody Housing Assessments.\" type=\"button\">\r\n                    <i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i>Assessment\r\n                  </button>\r\n                  <button (click)=\"caseNotesClicked()\"\r\n                          *ngIf=\"(!rolePermission.jtsdcsReadOnly)&& isShowButton('CaseNotes')\"\r\n                          class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxCaseContact'}\"\r\n                          title=\"Click here to add a Juvenile's Case Management and Contacts information.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-sticky-note-o\" aria-hidden=\"true\"></i>Case Notes\r\n                  </button>\r\n                  <ng-container *ngIf=\"!rolePermission.jtsIndependentCourt\">\r\n                    <button (click)=\"contactLogClicked()\" [ngClass]=\"{'active': moduleName === 'JTSnxVisitation'}\"\r\n                            *ngIf=\"(!rolePermission.jtsIndependentCourt &&\r\n                        (this.sitModOp === 'R' ||this.sitModOp === 'Y' || this.sitModOp === 'H' )\r\n                        && !rolePermission.jtsdcsReadOnly) && isShowButton('ContactLog')\"\r\n                            class=\"btn-menu\"\r\n                            title=\"Click here to add Contact Log Information.\"\r\n                            type=\"button\">\r\n\r\n                      <i class=\"fa fa-address-book\" aria-hidden=\"true\"></i>Contact Log\r\n                    </button>\r\n                    <button (click)=\"correspondenceClicked()\"\r\n                            class=\"btn-menu\" *ngIf=\"isShowButton('Correspondence')\"\r\n                            title=\"Click here to add\\review a Juvenile's Case Management Correspondence information.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-envelope-o\" aria-hidden=\"true\"></i>Correspondence\r\n                    </button>\r\n                    <button (click)=\"demographicsClicked()\" *ngIf=\"isShowButton('Demographics')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxDemographics'}\"\r\n                            title=\"Click here to add, update or view (historical) Juvenile's personal data, i.e., name, DOB, race/sex and SSN; residence, family background, education, admissions and miscellaneous information.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-address-card-o\" aria-hidden=\"true\"></i>Demographics\r\n                    </button>\r\n                    <ng-container *ngIf=\"!rolePermission.jtsdcsReadOnly\">\r\n                      <button (click)=\"disciplinaryClicked()\"\r\n                              class=\"btn-menu\" *ngIf=\"isShowButton('Disciplinary')\"\r\n                              title=\"Click here to add, update or view Disciplinary Reports.\"\r\n                              type=\"button\">\r\n                        <i class=\"fa fa-street-view\" aria-hidden=\"true\"></i>Disciplinary\r\n                      </button>\r\n                      <button (click)=\"educationClicked()\" *ngIf=\"isShowButton('Education')\"\r\n                              class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxEducation'}\"\r\n                              title=\"Click here to view or add Education information (Enrollment, Transcripts, etc.).\"\r\n                              type=\"button\">\r\n                        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>Education\r\n                      </button>\r\n                      <button (click)=\"facilityProgClicked()\" *ngIf=\"isShowButton('FacilityProg')\"\r\n                              class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxFacilityProg'}\"\r\n                              title=\"Click here to view or add Facility Programs information .\"\r\n                              type=\"button\">\r\n                        <i class=\"fa fa-tasks\" aria-hidden=\"true\"></i>Facility Prog\r\n                      </button>\r\n                    </ng-container>\r\n                    <button (click)=\"foodServiceClicked()\"\r\n                            *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi && !rolePermission.jtsdcsReadOnly) && isShowButton('FoodServices')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxFoodService'}\"\r\n                            title=\"Click here to enter food service .\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-cutlery\" aria-hidden=\"true\"></i>Food Services\r\n                    </button>\r\n                    <button (click)=\"housingClicked()\"\r\n                            *ngIf=\"((this.sitModOp === 'R' ||this.sitModOp === 'Y' || this.sitModOp === 'H' )&&!rolePermission.jtsdcsReadOnly) && isShowButton('Housing')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxHousing'}\"\r\n                            title=\"Click here to add, update or view (historical) a Juvenile's Housing Details.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-building-o\" aria-hidden=\"true\"></i>Housing\r\n                    </button>\r\n                    <button (click)=\"interstateClicked()\"\r\n                            *ngIf=\"(!rolePermission.jtsdcsReadOnly) && isShowButton('Interstate')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxInterstate'}\"\r\n                            title=\"Click here to add, update or view Juvenile's Interstate Compact Record.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-compress\" aria-hidden=\"true\"></i>Interstate\r\n                    </button>\r\n                  </ng-container>\r\n                </ng-container>\r\n                <button (click)=\"legalClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsgbi) && isShowButton('Legal')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxLegal'}\"\r\n                        title=\"Click here to add, update or view (historical) a Juvenile's offense, adjudication or disposition record.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-gavel\" aria-hidden=\"true\"></i>Legal\r\n                </button>\r\n                <ng-container\r\n                  *ngIf=\"!rolePermission.jtsJudges && !rolePermission.jtsgbi && !rolePermission.jtsIndependentCourt\">\r\n                  <ng-container *ngIf=\"!rolePermission.jtsdcsReadOnly\">\r\n                    <button (click)=\"maintenanceClicked(); listAcitive(2)\" [ngClass]=\"{'active': buttonActive[2]}\"\r\n                            class=\"btn-menu\" *ngIf=\"isShowButton('Maintenance')\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-wrench\" aria-hidden=\"true\"></i>Maintenance\r\n                    </button>\r\n                    <button (click)=\"medicalClicked()\"\r\n                            class=\"btn-menu\" *ngIf=\"isShowButton('Medical')\"\r\n                            title=\"Click here to view or add Medical information (Intake forms, etc.).\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-plus-square\" aria-hidden=\"true\"></i>Medical\r\n                    </button>\r\n                    <button (click)=\"obhsClicked()\"\r\n                            class=\"btn-menu\" *ngIf=\"isShowButton('OBHS')\"\r\n                            title=\"Click here to view or add Mental Health information (Intake forms, etc.).\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-user-md\" aria-hidden=\"true\"></i>OBHS\r\n                    </button>\r\n                    <button (click)=\"offSiteClicked()\" [ngClass]=\"{'active': moduleName === 'JTSnxOffsite'}\"\r\n                            *ngIf=\"((this.sitModOp === 'R' ||this.sitModOp === 'Y' || this.sitModOp === 'H' )) && isShowButton('Offsite')\"\r\n                            class=\"btn-menu\"\r\n                            title=\"Click here to add, update or view (historical) a Juvenile's OffSite information.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-external-link\" aria-hidden=\"true\"></i>OffSite\r\n                    </button>\r\n\r\n                  </ng-container>\r\n                  <button (click)=\"placementClicked()\" *ngIf=\"isShowButton('Placement')\"\r\n                          class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxPlacement'}\"\r\n                          title=\"Click here to add, update or view (historical) a Juvenile's Placement or Service.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i>Placement\r\n                  </button>\r\n                  <button (click)=\"reentryClicked()\"\r\n                          *ngIf=\"((this.juvenileID !== null && this.juvenileID !== -1 && this.juvenileID !== undefined)) && isShowButton('Reentry')\"\r\n                          class=\"btn-menu\"  [ngClass]=\"{'active': moduleName === 'JTSnxReentry'}\"\r\n                          title=\"Click here to add, update or view (historical) a Juvenile's Reentry information.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-window-restore\" aria-hidden=\"true\"></i>Reentry\r\n                  </button>\r\n                </ng-container>\r\n                <button (click)=\"reportsClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsProsecutingAttorney) && isShowButton('Reports')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxReports'}\"\r\n                        title=\"Click here to generate, view, or print Reports.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-book\" aria-hidden=\"true\"></i>Reports\r\n                </button>\r\n                <button (click)=\"rbwoPoCClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsgbi && !rolePermission.jtsJudges && !rolePermission.jtsdcsReadOnly\r\n                        && !rolePermission.jtsIndependentCourt) && isShowButton('RBWOPoC')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxRBWOPoC'}\"\r\n                        title=\"Click here to add, update or view (historical) a Juvenile's Title V - RBWO.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-calendar-plus-o\" aria-hidden=\"true\"></i>RBWO PoC\r\n                </button>\r\n                <ng-container\r\n                  *ngIf=\"!rolePermission.jtsJudges && !rolePermission.jtsgbi && !rolePermission.jtsIndependentCourt\">\r\n                  <button (click)=\"rpsClicked()\"\r\n                          *ngIf=\"(rolePermission.rpsEntry || rolePermission.rpsFullRights || rolePermission.programmers) && isShowButton('RPS')\"\r\n                          class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxRPS'}\"\r\n                          title=\"Click here to enter the RPS System.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-bandcamp\" aria-hidden=\"true\"></i>RPS\r\n                  </button>\r\n                  <button (click)=\"sanctionsClicked()\" *ngIf=\"isShowButton('Sanctions')\"\r\n                          class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxGraduatedSanctions'}\"\r\n                          title=\"Click here to add, update or view Juvenile Graduated Sanction information.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-ticket\" aria-hidden=\"true\"></i>Sanctions (GS)\r\n                  </button>\r\n                  <ng-container *ngIf=\"!rolePermission.jtsdcsReadOnly\">\r\n                    <button (click)=\"screeningClicked()\" *ngIf=\"isShowButton('Screening')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxScreening'}\"\r\n                            title=\"Click here to add, update or view (historical) a Juvenile's Screening.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-list-alt\" aria-hidden=\"true\"></i>Screening\r\n                    </button>\r\n                    <button (click)=\"sirClicked()\" *ngIf=\"isShowButton('SIR')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxSIR'}\"\r\n                            title=\"Click here to view a Juvenile's OQA Special Incident Report (SIR) - Authorized Use Only.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>SIR\r\n                    </button>\r\n                    <button (click)=\"transferClicked()\"\r\n                            *ngIf=\"((this.sitModOp === 'R' ||this.sitModOp === 'Y' || this.sitModOp === 'H' )) && isShowButton('Transfer')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxTransfer'}\"\r\n                            title=\"Click here to add, update or view (historical) a Juvenile's Transfer information.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-bus\" aria-hidden=\"true\"></i>Transfer\r\n                    </button>\r\n                    <button (click)=\"titleIVEClicked()\" *ngIf=\"isShowButton('TitleIVE')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxTitleIVE'}\"\r\n                            title=\"Click here to see Title IV-E menu.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-leaf\" aria-hidden=\"true\"></i>Title IV-E\r\n                    </button>\r\n                    <button (click)=\"victimInfoClicked()\" *ngIf=\"isShowButton('VictimInfo')\"\r\n                            class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxVictimInfo'}\"\r\n                            title=\"Click here to view Victim Information.\"\r\n                            type=\"button\">\r\n                      <i class=\"fa fa-address-card\" aria-hidden=\"true\"></i>Victim Info\r\n                    </button>\r\n                  </ng-container>\r\n                </ng-container>\r\n                <button (click)=\"terminationClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi\r\n                      && !rolePermission.jtsdcsReadOnly) && isShowButton('Termination')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxTermination'}\"\r\n                        title=\"Click here to Terminate a Juvenile from JTS.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-external-link-square\" aria-hidden=\"true\"></i>Termination\r\n                </button>\r\n                <ng-container *ngIf=\"!rolePermission.jtsJudges && !rolePermission.jtsgbi && !rolePermission.jtsdcsReadOnly\r\n                        && !rolePermission.jtsIndependentCourt\">\r\n                  <hr style=\"border: #ef24cd 1px solid; margin-top: 2px;margin-bottom: 2px\" class=\"w-75\">\r\n                  <button (click)=\"fqasClicked(); listAcitive(3)\"\r\n                          [ngClass]=\"{'active': buttonActive[3]}\"\r\n                          class=\"btn-menu\" *ngIf=\"isShowButton('FAQs')\"\r\n                          title=\"Click here for answers to Frequently Asked Questions (FAQ).\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-question-circle\" aria-hidden=\"true\"></i>FAQs\r\n                  </button>\r\n                  <button (click)=\"archiveClicked()\"\r\n                          class=\"btn-menu\" *ngIf=\"isShowButton('Archive')\"\r\n                          [ngClass]=\"{'active': moduleName === 'JTSnxArchive'}\"\r\n                          title=\"Click here to Archive.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-archive\" aria-hidden=\"true\"></i>Archive\r\n                  </button>\r\n                  <hr style=\"border: #ef24cd 1px solid; margin-top: 2px;margin-bottom: 2px\" class=\"w-75\">\r\n                  <button (click)=\"djjWebsiteClicked()\"\r\n                          class=\"btn-menu\"\r\n                          title=\"Click here to return to the DJJ Website.\"\r\n                          type=\"button\">\r\n                    <i class=\"fa fa-home\" aria-hidden=\"true\"></i>DJJ Website\r\n                  </button>\r\n                </ng-container>\r\n              </ng-container>\r\n\r\n              <ng-container *ngIf=\"rolePermission.jtsIndependentCourt\">\r\n                <button (click)=\"AssessmentClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi) && isShowButton('Assessment')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxAssessment'}\"\r\n                        title=\"Click here to add, update or view a Juvenile's CRN, Criminal History,\r\n                  or Custody Housing Assessments.\" type=\"button\">\r\n                  <i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i>Assessment\r\n                </button>\r\n                <button (click)=\"caseNotesClicked()\" *ngIf=\"isShowButton('CaseNotes')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxCaseContact'}\"\r\n                        title=\"Click here to add a Juvenile's Case Management and Contacts information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-sticky-note-o\" aria-hidden=\"true\"></i>Case Notes\r\n                </button>\r\n                <button (click)=\"demographicsClicked()\" *ngIf=\"isShowButton('Demographics')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxDemographics'}\"\r\n                        title=\"Click here to add, update or view (historical) Juvenile's personal data, i.e., name, DOB, race/sex and SSN; residence, family background, education, admissions and miscellaneous information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-address-card-o\" aria-hidden=\"true\"></i>Demographics\r\n                </button>\r\n\r\n                <button (click)=\"legalClicked()\" *ngIf=\"isShowButton('Legal')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxLegal'}\"\r\n                        title=\"Click here to add, update or view (historical) a Juvenile's offense, adjudication or disposition record.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-gavel\" aria-hidden=\"true\"></i>Legal\r\n                </button>\r\n\r\n                <button (click)=\"maintenanceClicked(); listAcitive(4)\" [ngClass]=\"{'active': buttonActive[2]}\"\r\n                        class=\"btn-menu\" *ngIf=\"isShowButton('Maintenance')\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-wrench\" aria-hidden=\"true\"></i>Maintenance\r\n                </button>\r\n                <button (click)=\"placementClicked()\" *ngIf=\"isShowButton('Placement')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxPlacement'}\"\r\n                        title=\"Click here to add, update or view (historical) a Juvenile's Placement or Service.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-map-marker\" aria-hidden=\"true\"></i>Placement\r\n                </button>\r\n\r\n                <button (click)=\"reportsClicked()\" [ngClass]=\"{'active': moduleName === 'JTSnxReports'}\"\r\n                        *ngIf=\"(!rolePermission.jtsProsecutingAttorney) && isShowButton('Reports')\"\r\n                        class=\"btn-menu\"\r\n                        title=\"Click here to generate, view, or print Reports.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-book\" aria-hidden=\"true\"></i>Reports\r\n                </button>\r\n\r\n                <button (click)=\"terminationClicked()\" *ngIf=\"isShowButton('Termination')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxTermination'}\"\r\n                        title=\"Click here to Terminate a Juvenile from JTS.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-external-link-square\" aria-hidden=\"true\"></i>Termination\r\n                </button>\r\n\r\n                <hr style=\"border: #ef24cd 1px solid; margin-top: 2px;margin-bottom: 2px\" class=\"w-75\">\r\n                <button (click)=\"fqasClicked(); listAcitive(5)\"\r\n                        [ngClass]=\"{'active': buttonActive[5]}\"\r\n                        class=\"btn-menu\" *ngIf=\"isShowButton('FAQs')\"\r\n                        title=\"Click here for answers to Frequently Asked Questions (FAQ).\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-question-circle\" aria-hidden=\"true\"></i>FAQs\r\n                </button>\r\n                <button (click)=\"archiveClicked()\"\r\n                        class=\"btn-menu\" *ngIf=\"isShowButton('Archive')\"\r\n                        [ngClass]=\"{'active': moduleName === 'JTSnxArchive'}\"\r\n                        title=\"Click here to Archive.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-archive\" aria-hidden=\"true\"></i>Archive\r\n                </button>\r\n                <hr style=\"border: #ef24cd 1px solid; margin-top: 2px;margin-bottom: 2px\" class=\"w-75\">\r\n                <button (click)=\"djjWebsiteClicked()\"\r\n                        class=\"btn-menu\"\r\n                        title=\"Click here to return to the DJJ Website.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-home\" aria-hidden=\"true\"></i>DJJ Website\r\n                </button>\r\n\r\n              </ng-container>\r\n\r\n              <ng-container *ngIf=\"rolePermission.yorpLimited\">\r\n                <button (click)=\"AssessmentClicked()\"\r\n                        *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsgbi) && isShowButton('Assessment')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxAssessment'}\"\r\n                        title=\"Click here to add, update or view a Juvenile's CRN, Criminal History,\r\n                  or Custody Housing Assessments.\" type=\"button\">\r\n                  <i class=\"fa fa-pencil-square-o\" aria-hidden=\"true\"></i>Assessment\r\n                </button>\r\n                <button (click)=\"demographicsClicked()\" *ngIf=\"isShowButton('Demographics')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxDemographics'}\"\r\n                        title=\"Click here to add, update or view (historical) Juvenile's personal data, i.e., name, DOB, race/sex and SSN; residence, family background, education, admissions and miscellaneous information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-address-card-o\" aria-hidden=\"true\"></i>Demographics\r\n                </button>\r\n                <button (click)=\"obhsClicked()\"\r\n                        class=\"btn-menu\" *ngIf=\"isShowButton('OBHS')\"\r\n                        title=\"Click here to view or add Mental Health information (Intake forms, etc.).\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-user-md\" aria-hidden=\"true\"></i>OBHS\r\n                </button>\r\n              </ng-container>\r\n\r\n              <ng-container *ngIf=\"rolePermission.jtsServicesLimitedAccess\">\r\n                <button class=\"btn btn-link btn-block m-0\"\r\n                        type=\"button\" disabled style=\"color: red\"\r\n                        title=\"Click here to look up or find a Juvenile.\">\r\n                  JTS Services\r\n                </button>\r\n                <button class=\"btn btn-link btn-block m-0\"\r\n                        type=\"button\" disabled style=\"color: red\"\r\n                        title=\"Click here to look up or find a Juvenile.\">\r\n                  Limited Access\r\n                </button>\r\n                <button (click)=\"caseNotesClicked()\" *ngIf=\"isShowButton('CaseNotes')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxCaseContact'}\"\r\n                        title=\"Click here to add a Juvenile's Case Management and Contacts information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-sticky-note-o\" aria-hidden=\"true\"></i>Case Notes\r\n                </button>\r\n              </ng-container>\r\n\r\n              <ng-container *ngIf=\"rolePermission.jtsgbi\">\r\n                <button class=\"btn-menu\" type=\"button\" (click)=\"apprehensionClicked()\"\r\n                        [ngClass]=\"{'active': moduleName === 'JTSnxApprehension'}\"\r\n                        *ngIf=\"(!rolePermission.jtsJudges && !rolePermission.jtsIndependentCourt) && isShowButton('Apprehension')\"\r\n                        title=\"Click here to add, update or view (historical) Juvenile's Apprehension Orders.\">\r\n                  <i class=\"fa fa-lock\" aria-hidden=\"true\"></i>Apprehension\r\n                </button>\r\n                <button (click)=\"caseNotesClicked()\" *ngIf=\"isShowButton('CaseNotes')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxCaseContact'}\"\r\n                        title=\"Click here to add a Juvenile's Case Management and Contacts information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-sticky-note-o\" aria-hidden=\"true\"></i>Case Notes\r\n                </button>\r\n                <button (click)=\"demographicsClicked()\" *ngIf=\"isShowButton('Demographics')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxDemographics'}\"\r\n                        title=\"Click here to add, update or view (historical) Juvenile's personal data, i.e., name, DOB, race/sex and SSN; residence, family background, education, admissions and miscellaneous information.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-address-card-o\" aria-hidden=\"true\"></i>Demographics\r\n                </button>\r\n                <button (click)=\"legalClicked()\" *ngIf=\"isShowButton('Legal')\"\r\n                        class=\"btn-menu\" [ngClass]=\"{'active': moduleName === 'JTSnxLegal'}\"\r\n                        title=\"Click here to add, update or view (historical) a Juvenile's offense, adjudication or disposition record.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-gavel\" aria-hidden=\"true\"></i>Legal\r\n                </button>\r\n                <button (click)=\"reportsClicked()\" [ngClass]=\"{'active': moduleName === 'JTSnxReports'}\"\r\n                        *ngIf=\"(!rolePermission.jtsProsecutingAttorney) && isShowButton('Reports')\"\r\n                        class=\"btn-menu\"\r\n                        title=\"Click here to generate, view, or print Reports.\"\r\n                        type=\"button\">\r\n                  <i class=\"fa fa-book\" aria-hidden=\"true\"></i>Reports\r\n                </button>\r\n              </ng-container>\r\n            </ng-container>\r\n\r\n          </li>\r\n        </ul>\r\n        <hr style=\"border: 1px #40ff00 solid; margin-top: 5px; margin-bottom: 5px; width: 75%; margin-left: 20px\">\r\n        <ul class=\"list-unstyled\" style=\"margin-bottom: 0\">\r\n          <li>\r\n            <button class=\"btn-menu\" (click)=\"openedAbout = true\"><i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>About</button>\r\n          </li>\r\n<!--          <li>-->\r\n<!--            <button class=\"btn-menu\" ngxPrint [printSectionId]=\"'content'\" [useExistingCss]=\"true\"-->\r\n<!--                    title=\"Print the current screen content without sidebar\">-->\r\n<!--              <i class=\"fa fa-print\" aria-hidden=\"true\"></i>Print-->\r\n<!--            </button>-->\r\n<!--          </li>-->\r\n        </ul>\r\n        <hr style=\"border: 1px white solid; margin-top: 5px; margin-bottom: 5px\">\r\n        <ul class=\"list-unstyled\" style=\"margin-bottom: 0; margin-top: 10px\">\r\n          <li>\r\n            <ng-content select=\"[coreLink]\"></ng-content>\r\n          </li>\r\n        </ul>\r\n        <ul class=\"list-unstyled\" style=\"margin-bottom: 0\">\r\n          <li>\r\n            &nbsp;\r\n          </li>\r\n          <li>\r\n            &nbsp;\r\n          </li>\r\n        </ul>\r\n\r\n      </ng-scrollbar>\r\n    </div>\r\n  </nav>\r\n  <div id=\"content\" class=\"p-0\">\r\n\r\n    <!--      <div class=\"row d-flex\"-->\r\n    <!--           style=\"width: 100%; height: 30px; z-index: 50; background-color: #003163; position: absolute\"></div>-->\r\n    <!--      <div class=\"row d-flex\"-->\r\n    <!--           style=\"width: 100%; height: 80px; z-index: 50; background-color: beige; position: absolute; top: 30px\"></div>-->\r\n    <!--      <div class=\"w-100\"-->\r\n    <!--           [ngStyle]=\"{'max-width': userPreference.bannerFullScreen === true? '100%' : '1180px'}\"-->\r\n    <!--           [style.margin]=\"userPreference.bannerPosition === 1? '0' : userPreference.bannerPosition === 2 ? 'auto' : '0 0 0 auto'\"-->\r\n    <!--           style=\"height: 110px; min-width: 1180px !important; overflow: visible; z-index: 100; position: absolute\">-->\r\n    <!--        <ng-content select=\"[banner]\"></ng-content>-->\r\n    <!--        &lt;!&ndash;        <iframe class=\"noprint\" frameborder=\"0\" id=\"banner\" scrolling=\"no\" src=\"\"&ndash;&gt;-->\r\n    <!--        &lt;!&ndash;                style=\"width: 100%; height: 100%; background: pink\"></iframe>&ndash;&gt;-->\r\n    <!--      </div>-->\r\n    <div class=\"row d-flex \" style=\"width: 100%; height: 110px; background-color: beige;  position: sticky; top: 0; min-width: 1180px !important; z-index: 1000\"\r\n         [ngClass]=\"{'justify-content-center' : userPreference.bannerPosition === 2, 'justify-content-end' :  userPreference.bannerPosition === 3}\"\r\n    >\r\n      <div\r\n        style=\"height: 110px; min-width: 1180px !important; overflow: visible; position: sticky; top: 0;\"\r\n        [ngClass]=\"{'w-100' : userPreference.bannerFullScreen === true}\"\r\n      >\r\n        <ng-content select=\"[banner]\"></ng-content>\r\n      </div>\r\n\r\n\r\n    </div>\r\n    <div style=\"top: 110px; min-width: 1180px;  overflow: visible; position: sticky; width: 100%; z-index: 1000\">\r\n      <div class=\"row d-flex menudiv\">\r\n        <ul class=\"nav nav-tabs\">\r\n          <li class=\"nav-item\">\r\n            <button type=\"button\" class=\"nav-link menuLink\" id=\"sidebarCollapse\" (click)=\"toggleSideBarClicked()\"\r\n                    aria-expanded=\"false\" data-display=\"static\">\r\n              ☰\r\n            </button>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <ng-content select=\"[siteMap]\"></ng-content>\r\n          </li>\r\n          <li  class=\"nav-item\" *ngIf=\"isPrintable()\">\r\n            <button type=\"button\" class=\"nav-link menuLink\" ngxPrint [printSectionId]=\"'content'\" [useExistingCss]=\"true\"\r\n                    aria-expanded=\"false\" data-display=\"static\">\r\n              <i class=\"fa fa-print\" aria-hidden=\"true\"></i>(Printable)\r\n            </button>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div\r\n      style=\"max-width: 1180px; min-width: 1180px; padding-left: 10px; padding-right: 10px; background: white; overflow: visible;\"\r\n      class=\"d-flex\"\r\n      [style.margin]=\"userPreference.contentPosition === 1? '0' : userPreference.contentPosition === 2? 'auto' : '0 0 0 auto'\">\r\n      <ng-content select=\"[content]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<kendo-dialog title=\"About JTSnx\" *ngIf=\"openedAbout\" (close)=\"openedAbout=false\" [minWidth]=\"250\" [width]=\"450\">\r\n  <iframe [src]=\"aboutUrlTransform()\" frameborder=\"0\"></iframe>\r\n</kendo-dialog>\r\n","styles":[".navbar{padding:15px 10px;background:#fff;border:none;border-radius:0;margin-bottom:40px;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.navbar-btn{box-shadow:none;outline:0!important;border:none}.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}.wrapper{display:flex;width:100%;overflow:visible}#sidebar{width:210px;position:fixed;top:0;left:0;height:100%;z-index:999;background:#003163;color:#fff;transition:.3s}#sidebar.active{margin-left:-210px}#sidebar .sidebar-header{padding:20px;background:#003163}#sidebar ul.components{padding:20px 0}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#003163;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}a[data-toggle=collapse]{position:relative}.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}ul ul a{font-size:.9em!important;padding-left:30px!important;background:#6d7fcc}ul.CTAs{padding:20px}ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}a.download{background:#fff;color:#7386d5}a.article,a.article:hover{background:#6d7fcc!important;color:#fff!important}#content{width:calc(100% - 210px);padding:40px;min-height:100vh;transition:.3s;position:absolute;top:0;right:0}#content.active{width:100%}@media (max-width:768px){#sidebar{margin-left:-210px}#sidebar.active{margin-left:0}#content{width:100%}#content.active{width:calc(100% - 210px)}#sidebarCollapse span{display:none}}ng-scrollbar{--scrollbar-size:12px!important;--scrollbar-thumb-color:rgba(35, 200, 204, 0.44)!important;--scrollbar-thumb-hover-color:#aa2dde!important;--scrollbar-border-radius:4px}.center-banner{right:50%;margin-right:-250px}i{width:25px}"]}]}],"members":{"serverUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"isCore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"djjUserAcID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"juvenileID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"sitLocationCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"moduleName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"rolePermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"sitModOp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"currentModuleClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["anchor"]}]}],"popup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["popup",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":30}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"JtsSidebarMenuService"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":57,"character":23}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":63,"character":3},"arguments":["keydown",["$event"]]}]}],"documentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":69,"character":3},"arguments":["document:click",["$event"]]}]}],"toggleSideBarClicked":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"openNewSession":[{"__symbolic":"method"}],"toSearch":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"contentPositionClicked":[{"__symbolic":"method"}],"bannerFullScreenClicked":[{"__symbolic":"method"}],"bannerPositionClicked":[{"__symbolic":"method"}],"setCustomBackgroundClicked":[{"__symbolic":"method"}],"setToLogoClicked":[{"__symbolic":"method"}],"openReportIssue":[{"__symbolic":"method"}],"openFAQS":[{"__symbolic":"method"}],"AssessmentClicked":[{"__symbolic":"method"}],"admissionClicked":[{"__symbolic":"method"}],"apprehensionClicked":[{"__symbolic":"method"}],"caseNotesClicked":[{"__symbolic":"method"}],"contactLogClicked":[{"__symbolic":"method"}],"correspondenceClicked":[{"__symbolic":"method"}],"demographicsClicked":[{"__symbolic":"method"}],"disciplinaryClicked":[{"__symbolic":"method"}],"educationClicked":[{"__symbolic":"method"}],"facilityProgClicked":[{"__symbolic":"method"}],"foodServiceClicked":[{"__symbolic":"method"}],"housingClicked":[{"__symbolic":"method"}],"interstateClicked":[{"__symbolic":"method"}],"legalClicked":[{"__symbolic":"method"}],"medicalClicked":[{"__symbolic":"method"}],"obhsClicked":[{"__symbolic":"method"}],"offSiteClicked":[{"__symbolic":"method"}],"placementClicked":[{"__symbolic":"method"}],"reportsClicked":[{"__symbolic":"method"}],"rbwoPoCClicked":[{"__symbolic":"method"}],"rpsClicked":[{"__symbolic":"method"}],"sanctionsClicked":[{"__symbolic":"method"}],"screeningClicked":[{"__symbolic":"method"}],"sirClicked":[{"__symbolic":"method"}],"transferClicked":[{"__symbolic":"method"}],"titleIVEClicked":[{"__symbolic":"method"}],"victimInfoClicked":[{"__symbolic":"method"}],"isShowVideoConfButton":[{"__symbolic":"method"}],"terminationClicked":[{"__symbolic":"method"}],"fqasClicked":[{"__symbolic":"method"}],"reportIssueClicked":[{"__symbolic":"method"}],"djjWebsiteClicked":[{"__symbolic":"method"}],"reentryClicked":[{"__symbolic":"method"}],"maintenanceClicked":[{"__symbolic":"method"}],"searchClicked":[{"__symbolic":"method"}],"listAcitive":[{"__symbolic":"method"}],"aboutUrlTransform":[{"__symbolic":"method"}],"archiveClicked":[{"__symbolic":"method"}],"isPrintable":[{"__symbolic":"method"}],"isShowButton":[{"__symbolic":"method"}]}},"JtsSidebarMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"JtsSidebarMenuComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"JtsSidebarMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"ngx-scrollbar","name":"NgScrollbarModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":21,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":22,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-dialog","name":"DialogModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":4},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":25,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-dialog","name":"WindowModule","line":26,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-report-an-issue","template":"<div class=\"loading\" *ngIf=\"isLoading\"></div>\r\n<ng-container *ngIf=\"!submitted\">\r\n<div class=\"row d-flex justify-content-center\">\r\n  <h4>JTS: Report An Issue</h4>\r\n</div>\r\n\r\n<div class=\"row d-flex justify-content-center mt-3\">\r\n  This page is designed to allow you to report issues for JTS from within JTS (Admission, Placement, Legal, etc.).\r\n</div>\r\n<div class=\"row d-flex justify-content-center\">\r\n  Do not use this page to report issues with your computer, network, internet connectivity, etc. - Please contact the Service Desk for non-JTS-related issues.\r\n</div>\r\n\r\n<div class=\"row mt-3\">\r\n  Issue to Report: (Characters Remaining:&nbsp;<span style=\"color: blue\">{{2000 - issueToReport.length}}</span>)\r\n</div>\r\n<div class=\"row d-flex justify-content-center\">\r\n  <textarea name=\"issue\" id=\"issue\" rows=\"5\" class=\"form-control\" [(ngModel)]=\"issueToReport\" required maxlength=\"2000\" #issue=\"ngModel\"></textarea>\r\n</div>\r\n<div class=\"row d-flex justify-content-center\">\r\n  <input type=\"checkbox\" class=\"form-check-input\" style=\"position: relative\" name=\"copyMe\" [(ngModel)]=\"copyMe\">&nbsp;\r\n  Send Me a copy of the Submission\r\n</div>\r\n<div class=\"row d-flex justify-content-center mt-3\">\r\n  <button class=\"btn btn-primary\" [disabled]=\"issue.invalid\" (click)=\"submitIssue()\" *ngIf=\"submitted === false\">Submit JTS Issue</button>\r\n  <button class=\"btn btn-primary\" [disabled]=\"issue.invalid\" (click)=\"closeWindow()\" *ngIf=\"submitted === true\">Close</button>\r\n</div>\r\n</ng-container>\r\n<ng-container *ngIf=\"submitted\">\r\n  <div class=\"row d-flex justify-content-center\">\r\n    <h4>Your Report has been Submitted</h4>\r\n  </div>\r\n  <div class=\"row d-flex justify-content-center\">\r\n    <h4>Issue ID: <span style=\"color: green; font-weight: bold\">{{issueID}}</span></h4>\r\n  </div>\r\n</ng-container>\r\n","styles":[""]}]}],"members":{"djjUserAcID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"juvenileID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"sitLocationCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"JtsSidebarMenuService"}]}],"ngOnInit":[{"__symbolic":"method"}],"submitIssue":[{"__symbolic":"method"}],"closeWindow":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"button[ngxPrint]"}]}],"members":{"printSectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"printTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"useExistingCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"printDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"printStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"returnStyleValues":[{"__symbolic":"method"}],"styleSheetFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"returnStyleSheetLinkTags":[{"__symbolic":"method"}],"getElementTag":[{"__symbolic":"method"}],"getHtmlContents":[{"__symbolic":"method"}],"print":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":174,"character":3},"arguments":["click"]}]}]}}},"origins":{"JtsSidebarMenuService":"./lib/jts-sidebar-menu.service","JtsSidebarMenuComponent":"./lib/jts-sidebar-menu.component","JtsSidebarMenuModule":"./lib/jts-sidebar-menu.module","ɵa":"./lib/report-an-issue/report-an-issue.component","ɵb":"./lib/ngx-print.directive"},"importAs":"jts-sidebar-menu"}