","import { Component, ViewEncapsulation, Inject, HostListener } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { EndPointUtils } from '../../utilities/end-points.utils';\n\n@Component({\n templateUrl: './media-modal.component.html',\n styleUrls: ['./media-modal.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class MediaModalComponent {\n public mediaInfo;\n public imgPath: any;\n constructor(private endPointUtils: EndPointUtils, private router: Router, @Inject(MAT_DIALOG_DATA) public data) {\n this.imgPath = this.endPointUtils.getCloudinaryImageEP('e_crop/c_pad/content/', 1000, 900, 'g_face', 'c_fill');\n this.mediaInfo = data.mediaInfo;\n }\n}\n","\n
\n \n
\n
{{mediaInfo.caption}}
\n
{{mediaInfo.credit}}
\n\n
\n \n
","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false,\n API_URL: ''\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","export class CookieUtil {\n\n public getAllCookies() {\n const cookies = document.cookie;\n return cookies;\n }\n\n public setCookie(name: string, value: string, path: string = '') {\n const d: Date = new Date();\n d.setTime(d.getTime() + 365 * 24 * 60 * 60 * 1000);\n const expires: string = 'expires=' + d.toUTCString();\n document.cookie = name + '=' + value + ';path=' + path;\n }\n public getCookie(name: string) {\n const ca: string[] = document.cookie.split(';');\n const caLen: number = ca.length;\n const cookieName = name + '=';\n let c: string;\n\n for (let i = 0; i < caLen; i += 1) {\n c = ca[i].trim().replace(/^\\s\\+/g, '');\n\n if (c.indexOf(cookieName) !== -1 && c.indexOf(cookieName) === 0) {\n return c.substring((cookieName.length), c.length);\n }\n }\n return '';\n }\n\n public unset = (name: string) => {\n document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC';\n }\n\n /**\n * Get the numeric value for the cookieName and fieldName sent in.\n *\n * @returns The number, or null if there is no logged-in user\n */\n public getNumericValue(cookieName: string, fieldName: string): number {\n const cookie = this.getCookie(cookieName);\n const regex: RegExp = RegExp(`${fieldName}=(\\\\d+)`);\n const matches = regex.exec(cookie);\n return matches ? Number(matches[1]) : null;\n }\n\n /**\n * Get the string value for the cookieName and fieldName sent in.\n *\n * @returns The string, or null if there is no logged-in user\n */\n public getStringValue(cookieName: string, fieldName: string): string {\n const cookie = this.getCookie(cookieName);\n const regex: RegExp = RegExp(`${fieldName}=([\\\\w-\\.=]+)`);\n const matches = regex.exec(cookie);\n return matches ? matches[1] : null;\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport {\n HttpEvent, HttpInterceptor,\n HttpHandler, HttpRequest,\n HttpHeaders, HttpErrorResponse\n} from '@angular/common/http';\n\nimport { Observable, of } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { EndPointUtils } from './end-points.utils';\n\n\n/** Pass untouched request through to the next request handler. */\n@Injectable()\nexport class WOAReqInterceptor implements HttpInterceptor {\n constructor(private endpoint: EndPointUtils) {\n // Nothing\n }\n private reqHeaders;\n intercept(req: HttpRequest, next: HttpHandler):\n Observable> {\n const updatedReq = req.clone({\n setHeaders: {\n 'Access-Control-Allow-Origin': this.endpoint.getAllowedDomain()\n }, withCredentials: true\n });\n return next.handle(updatedReq).pipe(catchError((error, caught) => {\n // intercept the respons error and displace it to the console\n console.log(error);\n this.handleAuthError(error);\n return of(error);\n }) as any);\n }\n\n private handleAuthError(err: HttpErrorResponse): Observable {\n // handle your auth error or rethrow\n if (err.status === 401 || err.status === 403) {\n window.location.href = '/wb/Login?ed=wb&tu=' + window.location.href;\n return of(err.message);\n }\n throw err;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [\n TranslateModule\n ],\n exports: [\n TranslateModule\n ]\n})\nexport class SharedModule { }\n","import { environment } from './../../environments/environment';\n\nexport class EndPointUtils {\n private allowedDomain;\n private API_URL;\n private env;\n private cloudinaryImage: string;\n\n\n constructor() {\n this.env = environment;\n this.allowedDomain = '.worldbookonline.com';\n this.API_URL = this.env.API_URL || 'https://world-of-animals.worldbookonline.com';\n this.cloudinaryImage = '//media.worldbookonline.com/image/upload/';\n }\n\n public getAllowedDomain() {\n return this.allowedDomain;\n }\n\n public getAPI() {\n return this.API_URL;\n }\n\n public getCloudinaryImageEP(dirPath = '', width, height, optParam, cropMode) {\n if (optParam && cropMode) {\n return `${this.cloudinaryImage}ar_1:1,f_auto,${optParam},${cropMode},w_${width},h_${height}/${dirPath}`;\n } else {\n return `${this.cloudinaryImage}ar_1:1,f_auto,w_${width},h_${height}/${dirPath}`;\n }\n }\n\n /**\n * Return Environmaent Variable\n */\n public legacyRedirection(dirPath = '') {\n // for legacy this method will be used. It will return '//' + window.location.host + path\n return `${this.env.legacyRedirection}${dirPath}`;\n }\n\n public sortAscOrder(array, value) {\n array.sort((a, b) => {\n return ((a[value].toLowerCase() < b[value].toLowerCase()) ? -1 : ((a[value].toLowerCase() > b[value].toLowerCase()) ? 1 : 0));\n });\n return array;\n }\n\n public parseArray(array) {\n return JSON.parse(JSON.stringify(array));\n }\n\n public linkToResource(appName, resourceLink) {\n let link = `//${window.location.host}/${appName}`;\n if (resourceLink) {\n link = `//${window.location.host}/${appName}/${resourceLink}`;\n }\n return link;\n }\n\n public getAppLanguage() {\n const value = localStorage.getItem('appLanguage');\n return value;\n }\n\n public getLocalStorage(val) {\n const value = localStorage.getItem(val);\n return value;\n }\n\n public getCurrentYear() {\n const date = new Date();\n const currentYear = date.getFullYear();\n return currentYear;\n }\n}\n","import { Component } from '@angular/core';\nimport { EndPointUtils } from '../shared/utilities/end-points.utils';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Angulartics2GoogleTagManager } from 'angulartics2/gtm';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n constructor(\n angulartics2GoogleTagManager: Angulartics2GoogleTagManager, private translate: TranslateService,\n private endPointUtils: EndPointUtils) {\n angulartics2GoogleTagManager.startTracking();\n this.useLanguage(this.endPointUtils.getAppLanguage());\n }\n useLanguage(language: string) {\n this.translate.use(language);\n }\n}\n","\n
\n \n
","import { Component, ViewEncapsulation, Inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n templateUrl: './fun-facts-modal.component.html',\n styleUrls: ['./fun-facts-modal.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class FunFactsModalComponent {\n public fact;\n constructor(private router: Router, @Inject(MAT_DIALOG_DATA) public data) {\n this.fact = data.fact;\n }\n}\n","
\n {{ 'woa.funFact' | translate }}\n
\n\n {{fact}}\n\n
\n \n
","import { NgModule } from '@angular/core';\nimport { MediaModalComponent } from './media-modal.component';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { SharedModule } from '../../shared.module';\n\n@NgModule({\n declarations: [\n MediaModalComponent\n ],\n imports: [\n MatDialogModule,\n SharedModule\n ],\n entryComponents: [MediaModalComponent]\n})\nexport class MediaModalModule { }\n","import { SharedModule } from './../shared/shared.module';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule, APP_INITIALIZER} from '@angular/core';\nimport { AppConfig } from './app-init';\n\nimport { AppComponent } from './app.component';\nimport { HeaderComponent } from './components/header/header.component';\nimport { AppRoutingModule } from './app-routing.module';\nimport { FunFactsModalModule } from '../shared/modules/fun-facts-modal/fun-facts-modal.module';\nimport { MediaModalModule } from '../shared/modules/media-modal/media-modal.module';\nimport { WOAReqInterceptor } from '../shared/utilities/http.interceptor';\nimport { CookieUtil } from '../shared/utilities/cookie.utils';\nimport { EndPointUtils } from '../shared/utilities/end-points.utils';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { HttpClient, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { Angulartics2Module } from 'angulartics2';\nimport { Angulartics2RouterlessModule } from 'angulartics2/routerlessmodule';\n\n// services\nimport { UsageService } from './services/usage.service';\n\n@NgModule({\n declarations: [\n AppComponent,\n HeaderComponent\n ],\n imports: [\n SharedModule,\n BrowserModule,\n AppRoutingModule,\n BrowserAnimationsModule,\n HttpClientModule,\n FunFactsModalModule,\n MediaModalModule,\n TranslateModule.forRoot({\n loader: {\n provide: TranslateLoader,\n useFactory: HttpLoaderFactory,\n deps: [HttpClient]\n }\n }),\n Angulartics2Module.forRoot(),\n Angulartics2RouterlessModule.forRoot()\n ],\n providers: [\n UsageService,\n CookieUtil,\n EndPointUtils,\n {\n provide: HTTP_INTERCEPTORS,\n useClass: WOAReqInterceptor,\n multi: true\n },\n AppConfig,\n {\n provide: APP_INITIALIZER,\n useFactory: (config: AppConfig) => () => config.load(),\n multi: true,\n deps: [AppConfig]\n }],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\nexport function HttpLoaderFactory(http: HttpClient) {\n const url = window.location.origin + '/comparison-tool/assets/i18n/';\n return new TranslateHttpLoader(http, url);\n}\n","import { NgModule } from '@angular/core';\nimport { FunFactsModalComponent } from './fun-facts-modal.component';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { SharedModule } from './../../../shared/shared.module';\n\n@NgModule({\n declarations: [\n FunFactsModalComponent\n ],\n imports: [\n MatDialogModule,\n SharedModule\n ],\n entryComponents: [FunFactsModalComponent]\n})\nexport class FunFactsModalModule { }\n","import { Injectable } from '@angular/core';\nimport * as $ from 'jquery';\n@Injectable()\nexport class AppConfig {\n constructor() { }\n\n public load() {\n const currentUrl = window.location.href;\n const appName = localStorage.getItem('appName');\n $('body').removeClass();\n if (currentUrl.indexOf('student') !== -1) {\n localStorage.setItem('appLanguage', 'enplaces');\n localStorage.setItem('appName', 'student');\n $('body').addClass('student-compareplaces');\n } else if (appName === 'student') {\n localStorage.setItem('appLanguage', 'enplaces');\n localStorage.setItem('appName', 'student');\n $('body').addClass('student-compareplaces');\n } else {\n localStorage.setItem('appLanguage', 'es');\n localStorage.setItem('appName', 'eeh');\n $('body').addClass('eeh-woa');\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nconst appName = localStorage.getItem('appName');\nconst routes: Routes = [\n { path: '', redirectTo: 'home/' + appName, pathMatch: 'full' },\n { path: 'home/:app', loadChildren: () => import('./pages/home/home.module').then(m => m.HomeModule) },\n { path: 'home/:app/entity-group/:group', loadChildren: () =>\n import('./pages/entity-list/entity-list.module').then(m => m.EntityListModule) },\n { path: 'home/:app/entity-group/:group/:id', loadChildren: () =>\n import('./pages/entity-exhibit/entity-exhibit.module').then(m => m.EntityExhibitModule) }\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes, { useHash: true })],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";"],"sourceRoot":"webpack:///"}
![\"back](\"assets/img/back.svg\")
\n ![\"world](\"assets/img/{{)
\n ![\"exit-button\"](\"assets/img/exit-btn.svg\")
\n