feat(media): media service (#18)

src/lib/core/media/index.ts

@@ -0,0 +1,2 @@
+export * from './media.type';
+export * from './media.service';

src/lib/core/media/media.service.spec.ts

@@ -0,0 +1,17 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { MediaService } from './media.service';
+
+describe('MediaService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        MediaService
+      ]
+    });
+  });
+
+  it('should ...', inject([MediaService], (service: MediaService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/lib/core/media/media.service.ts

@@ -0,0 +1,43 @@
+import { Injectable} from '@angular/core';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
+
+import { Media } from './media.type';
+
+
+@Injectable()
+export class MediaService {
+
+  public media$ = new BehaviorSubject<Media>(undefined);
+
+  private media: Media;
+
+  constructor() {
+    this.setMedia();
+
+    window.addEventListener('resize', (event) => {
+     this.setMedia();
+    });
+  }
+
+  getMedia(): Media {
+    const width = window.innerWidth;
+
+    let media = 'desktop';
+    if (width <= 500) {
+      media = 'mobile';
+    } else if (width <= 800) {
+      media = 'tablet';
+    }
+
+    return media as Media;
+  }
+
+  private setMedia() {
+    const media = this.getMedia();
+    if (media !== this.media) {
+      this.media = media;
+      this.media$.next(media);
+    }
+  }
+
+}

src/lib/core/media/media.type.ts

@@ -0,0 +1 @@
+export type Media = 'mobile' | 'tablet' | 'desktop';

src/lib/core/message/message.interface.ts

@@ -8,10 +8,3 @@ export interface Message {
 export interface MessageOptions {
   timeOut: number;
 }
-
-export enum MessageType {
-  ERROR = <any> 'error',
-  WARN = <any> 'warn',
-  INFO = <any> 'info',
-  SUCCESS = <any> 'success'
-}

src/lib/core/module.ts

@@ -1,7 +1,8 @@
 import { NgModule, ModuleWithProviders } from '@angular/core';
 
-import { RequestService } from './request';
+import { MediaService } from './media';
 import { MessageService } from './message';
+import { RequestService } from './request';
 
 
 @NgModule({
@@ -13,12 +14,14 @@ export class IgoCoreModule {
     return {
       ngModule: IgoCoreModule,
       providers: [
+        MediaService,
         MessageService,
         RequestService
       ]
     };
   }
 }
 
-export * from './request';
+export * from './media';
 export * from './message';
+export * from './request';