Feature/search api

assets/scripts/fe/src/app/app.module.ts

@@ -1,4 +1,5 @@
 import { BrowserModule } from '@angular/platform-browser';
+import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 
 import { UIRouterModule } from '@uirouter/angular';
@@ -7,6 +8,7 @@ import { APP_STATES } from './commons/states/app.states';
 
 import { PublicModule } from './components/public/public.module';
 import { AppComponent } from './app.component';
+import { GlobalModule } from './components/global/global.module';
 
 @NgModule({
   declarations: [
@@ -15,7 +17,9 @@ import { AppComponent } from './app.component';
   imports: [
     BrowserModule,
     UIRouterModule.forRoot(APP_STATES),
-    PublicModule
+    PublicModule,
+    HttpClientModule,
+    GlobalModule
   ],
   providers: [],
   bootstrap: [AppComponent]

assets/scripts/fe/src/app/commons/services/search.service.spec.ts

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

assets/scripts/fe/src/app/commons/services/search.service.ts

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+import { QUESTIONS_API_SEARCH } from '../../constants/endpoints';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SearchService {
+
+  constructor(
+      private http: HttpClient
+  ) { }
+
+  data = '';
+
+  getQuestions(page){
+      return this.http.get(QUESTIONS_API_SEARCH(page, this.data));
+  }
+
+  searchQuestions(data: string){ 
+      this.data = data;
+  }
+
+}

assets/scripts/fe/src/app/components/global/filters/filters.module.spec.ts

@@ -0,0 +1,13 @@
+import { FiltersModule } from './filters.module';
+
+describe('FiltersModule', () => {
+  let filtersModule: FiltersModule;
+
+  beforeEach(() => {
+    filtersModule = new FiltersModule();
+  });
+
+  it('should create an instance', () => {
+    expect(filtersModule).toBeTruthy();
+  });
+});

assets/scripts/fe/src/app/components/global/filters/filters.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: []
+})
+export class FiltersModule { }

assets/scripts/fe/src/app/components/global/filters/question-filter/question-filter.component.html

@@ -0,0 +1,5 @@
+<form action="">
+	<input type="radio" name="sortby" value="relevance"> Relevance
+	<input type="radio" name="sortby" value="date"> Date
+	<input type="radio" name="sortby" value="answers"> Answers
+</form>

assets/scripts/fe/src/app/components/global/filters/question-filter/question-filter.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuestionFilterComponent } from './question-filter.component';
+
+describe('QuestionFilterComponent', () => {
+  let component: QuestionFilterComponent;
+  let fixture: ComponentFixture<QuestionFilterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ QuestionFilterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(QuestionFilterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

assets/scripts/fe/src/app/components/global/filters/question-filter/question-filter.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-question-filter',
+  templateUrl: './question-filter.component.html',
+  styleUrls: ['./question-filter.component.css']
+})
+export class QuestionFilterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

assets/scripts/fe/src/app/components/global/forms/forms.module.spec.ts

@@ -0,0 +1,13 @@
+import { FormsModule } from './forms.module';
+
+describe('FormsModule', () => {
+  let formsModule: FormsModule;
+
+  beforeEach(() => {
+    formsModule = new FormsModule();
+  });
+
+  it('should create an instance', () => {
+    expect(formsModule).toBeTruthy();
+  });
+});