timjonesdev

private teamWatchSource = new BehaviorSubject(new TeamModel());
_teamWatchSource: Observable<TeamModel> = this.teamWatchSource.asObservable();

timjonesdev

version: "3.0"
services:
  # Core Spring Boot Application
  app:
    build:
      context: ..
      dockerfile: ./Dockerfile
    image: "rx_mongo_example"
    env_file:
      - .env

timjonesdev

####################
###  Node Setup  ###
####################
FROM node:10.13-alpine as node-angular-cli
#Linux setup
RUN apk update \
  && apk add --update alpine-sdk \
  && apk del alpine-sdk \
  && rm -rf /tmp/* /var/cache/apk/* *.tar.gz ~/.npm \
  && npm cache verify \

timjonesdev

<mat-grid-list *ngIf="teams !== undefined && teams.length > 0"
               cols="2" 
               rowHeight="2:1">
  <mat-grid-tile *ngFor="let team of teams" class="grid-fit">
    <app-team-card [team]="team"></app-team-card>
  </mat-grid-tile>
</mat-grid-list>

timjonesdev

export class TeamCardComponent implements OnInit {

  @Input()
  team: TeamModel;

  constructor() {
  }

  ngOnInit() {
  }

timjonesdev

export class MatchupComponent implements OnInit {

  teams: TeamModel[] = [];

  constructor(private teamService: TeamService) {
  }

  ngOnInit() {
    this.loadTeams();
  }

timjonesdev

private teamWatchSource = new BehaviorSubject(new TeamModel());
_teamWatchSource: Observable<TeamModel> = this.teamWatchSource.asObservable();
  
constructor(private http: HttpClient, private zone: NgZone) {
  this.getTeamsStream().subscribe(data => {
      this.teamWatchSource.next(new TeamModel().deserialize(data));
    }, error => console.log('Error: ' + error),
    () => console.log('done loading team stream'));
}

timjonesdev

import {Injectable, NgZone} from '@angular/core';
import {environment} from '../../environments/environment';
import {BehaviorSubject, Observable} from "rxjs";
import {TeamModel} from "../models/team.model";

@Injectable({
  providedIn: 'root'
})
export class TeamService {
  private teamsWatchUrl = environment.backendUrl + environment.watchTeamsPath;

timjonesdev

/**
 * Enforces a deserialize method to ensure a model class 
 * can construct itself from a JSON string
 */
export interface Deserializable {
  deserialize(input: any): this;
}

timjonesdev

@Bean
CorsWebFilter corsFilter() {

    CorsConfiguration config = new CorsConfiguration();

    // Possibly...
    // config.applyPermitDefaultValues()

    config.setAllowCredentials(true);
    // allow access to my dev Angular instance