initial creation of login service and changes to authenticationand ap…

…p module to set up

src/app/app.module.ts

@@ -1,6 +1,7 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { HttpClientModule } from '@angular/common/http';
 
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -28,8 +29,9 @@ import { SignUpComponent } from './sign-up/sign-up.component';
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
+    HttpClientModule,
     RouterModule.forRoot([
-
+      
     {path: 'dashboard', component: FrontpageComponent},
     {path: '', component: AuthenticationComponent},
     {path: 'generator-search', component: GeneratorSearchComponent},

src/app/authentication/authentication.component.html

@@ -14,7 +14,8 @@ <h4 class="text-center mb-3">Log In</h4>
 					<label for="exampleInputPassword1">Password</label>
 					<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
 				</div>
-				<a routerLink="/generator-search"><button type="submit" class="btn btn-primary">Submit</button></a>
+				<!-- <a routerLink="/generator-search"><button type="submit" class="btn btn-primary">Submit</button></a> -->
+				<button type="submit"  class="btn btn-primary" id="login-button" ng-click="LogOn()">Submit</button>
 			</form>
 			<p>
 					<br>

src/app/authentication/authentication.component.ts

@@ -1,4 +1,9 @@
 import { Component, OnInit } from '@angular/core';
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { LoginService } from '../services/login.service'
+
+@Injectable()
 
 @Component({
   selector: 'app-authentication',
@@ -7,9 +12,15 @@ import { Component, OnInit } from '@angular/core';
 })
 export class AuthenticationComponent implements OnInit {
 
-  constructor() { }
+  constructor(private data: LoginService) { }
 
   ngOnInit() {
+
+    this.data.authorizeUser().subscribe(data =>
+      {
+        // this.users$ = data;
+      });
+
   }
 
 }

src/app/services/login.service.spec.ts

@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoginService } from './login.service';
+
+describe('LoginService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: LoginService = TestBed.get(LoginService);
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/login.service.ts

@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http'
+import { Observable } from 'rxjs/Observable';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LoginService {
+
+  constructor(private http: HttpClient) { }
+
+  authorizeUser() {
+    return this.http.get('http://sd5-backend.engr.uconn.edu/auth')
+  }
+
+  getUser() {
+    return this.http.get('http://sd5-backend.engr.uconn.edu/user/me')
+  }
+}