\n \n
","import { Component, OnInit, Input } from '@angular/core';\nimport { ILink } from '../links-view/links-view.component';\n\n@Component({\n selector: 'app-link-list',\n templateUrl: './link-list.component.html',\n styleUrls: ['./link-list.component.css']\n})\nexport class LinkListComponent implements OnInit {\n @Input() title: string;\n @Input() links: ILink[];\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","{{title}}
\n \n{{title}}
\n\n {{link.name}}\n
\n","import { Component, OnInit } from '@angular/core';\nimport linksData from '../../assets/links.json';\n\nexport enum LinkStatus {\n ACTIVE = 'active',\n INCOMPLETE = 'incomplete',\n COMPLETE = 'complete',\n BORED = 'bored',\n HIATUS = 'hiatus',\n}\n\nexport interface ILink {\n name: string;\n url: string;\n status: string;\n updates?: string;\n recommended?: boolean;\n}\n\nconst DAYS = String('UMTWHFS').split('');\nconst INTERMITTENT = 'I';\n\n@Component({\n selector: 'app-links-view',\n templateUrl: './links-view.component.html',\n styleUrls: ['./links-view.component.css']\n})\nexport class LinksViewComponent implements OnInit {\n\n public comics: ILink[] = linksData.comics;\n public blogs: ILink[] = linksData.blogs.sort( this.sortLinks );\n public updatedToday: ILink[] = [];\n public activeLinks: ILink[] = [];\n public completeLinks: ILink[] = [];\n public incompleteLinks: ILink[] = [];\n public boringLinks: ILink[] = [];\n\n private dayCode = DAYS[ new Date().getDay() ];\n\n constructor() {}\n\n ngOnInit(): void {\n this.updatedToday = this.comics.concat( this.blogs ).filter( this.filterByDayOfWeek.bind(this) ).sort( this.sortLinks );\n this.activeLinks = this.comics.filter( link => this.filterByStatus(link, LinkStatus.ACTIVE) ).sort( this.sortLinks );\n this.activeLinks = this.activeLinks.concat( this.comics.filter( link => this.filterByStatus(link, LinkStatus.HIATUS) ).sort( this.sortLinks ) );\n this.completeLinks = this.comics.filter( link => this.filterByStatus(link, LinkStatus.COMPLETE) ).sort( this.sortLinks );\n this.incompleteLinks = this.comics.filter( link => this.filterByStatus(link, LinkStatus.INCOMPLETE) ).sort( this.sortLinks );\n this.boringLinks = this.comics.filter( link => this.filterByStatus(link, LinkStatus.BORED) ).sort( this.sortLinks );\n }\n\n private filterByDayOfWeek( link: ILink ): boolean {\n let showToday: boolean = false;\n const today = new Date();\n const firstWeek = today.getDate() < 8;\n if (link.updates.indexOf(this.dayCode) > -1) {\n if (link.status === LinkStatus.ACTIVE) {\n showToday = true;\n } else if (link.status === LinkStatus.HIATUS) {\n // For links on hiatus, only return true if it is the first week of every other month\n showToday = firstWeek && today.getMonth() % 2 === 0;\n }\n } else if (link.updates === INTERMITTENT) {\n // Check every first Monday for intermittent comics\n showToday = this.dayCode === \"M\" && firstWeek;\n }\n\n return showToday\n }\n\n private filterByStatus( link: ILink, status: LinkStatus ): boolean {\n return link.status === status;\n }\n\n private sortLinks( linkA: ILink, linkB: ILink ): number {\n if (linkA.recommended && !linkB.recommended) {\n return -1;\n } else if (!linkA.recommended && linkB.recommended) {\n return 1;\n } else {\n return linkA.name > linkB.name ? 1 : -1;\n }\n }\n\n}\n","\n
\n","import { Component, OnInit, Input } from '@angular/core';\nimport { IPortfolioItem } from './portfolio-item.model';\n\n@Component({\n selector: 'app-portfolio-item',\n templateUrl: './portfolio-item.component.html',\n styleUrls: ['./portfolio-item.component.css']\n})\nexport class PortfolioItemComponent implements OnInit {\n\n @Input() public item: IPortfolioItem; \n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n 0\" [title]=\"'Updated Today'\" [links]=\"updatedToday\"> \n
\n \n
\n \n
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { IPortfolioItem } from '../portfolio-item/portfolio-item.model';\n\n@Component({\n selector: 'app-portfolio',\n templateUrl: './portfolio.component.html',\n styleUrls: ['./portfolio.component.css'],\n})\nexport class PortfolioComponent implements OnInit {\n public items: Array\n ![](\"{{item.imageUrl}}\")
\n
\n \n
\n{{item.title}}
\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};\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","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"]}\n ![](\"assets/me.png\")
\n
\n \n \n
\nMy name is Nils Thingvall. I'm a staff engineer at Dolby Laboratories. I do work on video-centric applications on a variety of platforms (web, Node, Roku, Chromecast, and Android).
\nOutside of work, I focus on cooking, board games, and watching the good cartoons. Oh, and my kids. They're around here somewhere...
\n