Update event image source to use new auto calendar generator

Client/src/app/components/event-large/event-large.component.html

@@ -1,7 +1,7 @@
 <div class="wrapper" [@inout]="startFadeIn">
     <div class="photo">
         <button md-button (click)="toggleState()">
-            <img src="../../assets/images/event_back.png" />
+            <img src="{{imgSrc}}" />
         </button>
     </div><!--
     --><div class="info"  (click)="toggleState()">

Client/src/app/components/event-large/event-large.component.ts

@@ -1,6 +1,8 @@
 import { Component, AfterContentInit, Input } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
+import { MONTHS_FULL } from '../../constants/months';
+
 @Component({
   selector: 'event-large-component',
   templateUrl: './event-large.component.html',
@@ -54,6 +56,14 @@ export class EventLargeComponent implements AfterContentInit {
   @Input()
   public delayFadeIn: number = 100;
 
+  public _imgSrc: string;
+  public get imgSrc(): string{
+    var monthNum = this.startDate.getMonth();
+    var monthName = '';
+    monthName = MONTHS_FULL[monthNum];
+    return "/cim/" + monthName + "/" + this.startDate.getDate();
+  }
+
   constructor(){
       console.log(this.title);
   }
@@ -72,3 +82,4 @@ export class EventLargeComponent implements AfterContentInit {
   }
 
 }
+

Client/src/app/constants/months.ts

@@ -12,3 +12,18 @@ export const MONTHS = {
     10: "NOV",
     11: "DEC"
 };
+
+export const MONTHS_FULL = {
+    0: "JANUARY",
+    1: "FEBRUARY",
+    2: "MARCH",
+    3: "APRIL",
+    4: "MAY",
+    5: "JUNE",
+    6: "JULY",
+    7: "AUGUST",
+    8: "SEPTEMBER",
+    9: "OCTOBER",
+    10: "NOVEMBER",
+    11: "DECEMBER"
+};