[ADD] profile view

.gitignore

@@ -24,6 +24,10 @@ client/rxjs-operators.js
 client/rxjs-operators.js.map
 client/datatypes/event.js
 client/datatypes/event.js.map
+client/eview.component.js
+client/eview.component.js.map
+client/profile.component.js
+client/profile.component.js.map
 
 ### node etc ###
 read.txt

README.md

@@ -1,11 +1,11 @@
-# NolaBored
+# BoredInNola
 
 
 ## Team
 
-  - __Product Owner__: Daniel Glaser
-  - __Scrum Master__: Harvey Sanders
-  - __Development Team Members__: Daniel Glaser, Harvey Sanders
+  - __Product Owner__: Violet Suber
+  - __Scrum Master__: Jake Pepple
+  - __Development Team Members__: Violet Suber, Aaron Matheney, Jake Pepple
 
 ## Table of Contents
 
@@ -37,9 +37,17 @@ From within the root directory:
 npm install
 ```
 
+### Build
+
+Compile and run server with:
+
+```
+npm start
+```
+
 ### Roadmap
 
-View the project roadmap [here](https://github.com/polarbasin/nolaBored/issues)
+View the project roadmap [here](https://github.com/fuzzylobster/nolaBored/issues)
 
 
 ## Contributing

client/app-layout.component.ts

@@ -9,6 +9,7 @@ import { EventService } from './event.service';
   template:
   `<div><login-button></login-button></div>
     <div><add-event-button></add-event-button></div>
+    <div><profile-button></profile-button></div>
     <div class="col-md-12" id="header"><h1>BORED<span class="question">?</span></h1>
     <h4 class="subtitle">A local event aggregator</h4>
   </div>
@@ -17,10 +18,11 @@ import { EventService } from './event.service';
         <div class="row">
           <div class="col-md-4" id="event" *ngFor="let event of events; let i = index">
             <div class="details">
-              <a target="_new" href="{{event.link}}">
+              <a target="_blank" href="{{event.link}}">
                 <h3>{{ event.title }}</h3>
               </a>
-              <img src="{{ event.imgUrl }}">
+              <img src="{{ event.imgUrl }}"><br>
+              <a [routerLink]="['/eview/', event._id]">View this Event</a>
             </div>
           </div>
         </div>

client/app.module.ts

@@ -1,27 +1,37 @@
 import { BrowserModule }           from '@angular/platform-browser';
 import { HttpModule, JsonpModule } from '@angular/http';
 import { NgModule }                from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { AppComponent }            from './app.component';
 import { AppLayoutComponent }      from './app-layout.component';
 import { EventFormComponent }      from './event-form.component';
 import { LoginButtonComponent }    from './login-button.component';
 import { AddEventButtonComponent } from './add-event-button.component';
 import { LoginComponent }          from './login.component';
+import { EviewComponent }          from './eview.component';
 import { APP_ROUTES_PROVIDER }     from './app.routes';
+import { ProfileComponent }        from './profile.component';
+import { ProfileButtonComponent }  from './profile-button.component';
 
 @NgModule({
   imports: [
     BrowserModule,
     HttpModule,
     JsonpModule,
+    FormsModule,
+    ReactiveFormsModule
   ],
   declarations: [ 
     AppComponent, 
     AppLayoutComponent,
     EventFormComponent,
     LoginComponent,
     LoginButtonComponent,
-    AddEventButtonComponent
+    AddEventButtonComponent,
+    EviewComponent,
+    ProfileComponent,
+    ProfileButtonComponent,
+
   ],
   providers: [
     APP_ROUTES_PROVIDER

client/app.routes.ts

@@ -4,10 +4,19 @@ import { AppLayoutComponent } from './app-layout.component';
 import { LoginComponent } from './login.component';
 import { EventFormComponent } from './event-form.component';
 
+import { EviewComponent} from './eview.component';
+
+import { ProfileComponent } from './profile.component';
+
+
 export const routes = [
   { path: '', component: AppLayoutComponent, terminal: true },
   { path: 'login', component: LoginComponent },
   { path: 'add-event', component: EventFormComponent },
+
+  { path: 'eview/:id', component: EviewComponent },
+  { path: 'profile', component: ProfileComponent },
+
 ];
 
 export const APP_ROUTES_PROVIDER = provideRouter(routes);

client/event-form.component.ts

@@ -1,70 +1,117 @@
 // template for event-form. No functionality added to event services.
 import { Component } from '@angular/core';
+import { FormGroup, FormControl} from '@angular/forms';
+import { EvindService } from './evind.service';
+import { Router } from '@angular/router';
 
 @Component({
     selector: 'event-form',
+    providers: [EvindService],
     template: `
-      <form class="form-horizontal" action="/api/events" method="post">
-        <fieldset>
+    <div class="container">
+      <div class="row">
+
+      </div>
+      <div class="row">
+        <form [formGroup]="form" (ngSubmit)="postEvent()" class="form-horizontal" action="/api/events" method="post">
+          <fieldset>
 
-        <!-- Form Name -->
-        <legend>Add your own event</legend>
+          <!-- Form Name -->
+          <legend>Add your own event</legend>
 
 
-        <!-- Text input-->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="title">Event Name</label>  
-          <div class="col-md-5">
-          <input id="title" name="title" type="text" placeholder="My event" class="form-control input-md">
+          <!-- Text input-->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="title">Event Name</label>  
+            <div class="col-md-5">
+            <input formControlName="title" id="title" name="title" type="text" placeholder="My event" class="form-control input-md">
 
+            </div>
           </div>
-        </div>
 
-        <!-- Text input-->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="link">Event Link</label>  
-          <div class="col-md-5">
-          <input id="link" name="link" type="text" placeholder="www.event.com" class="form-control input-md">
+          <!-- Text input-->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="eventDate">Event Date</label>  
+            <div class="col-md-5">
+            <input formControlName="eventDate" id="eventDate" name="eventDate" type="date" placeholder="" class="form-control input-md">
 
+            </div>
           </div>
-        </div>
 
-        <!-- Text input-->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="imgUrl">Image Link</label>  
-          <div class="col-md-5">
-          <input id="imgUrl" name="imgUrl" type="text" placeholder="www.event.com/picture.jpg" class="form-control input-md">
+          <!-- Text input-->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="location">Event Location</label>  
+            <div class="col-md-5">
+            <input formControlName="location" id="location" name="location" type="text" placeholder="Location" class="form-control input-md">
 
+            </div>
           </div>
-        </div>
 
-        <!-- Textarea -->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="description">Description</label>
-          <div class="col-md-3">                     
-            <textarea class="form-control" id="description" placeholder="..." name="description"></textarea>
+          <!-- Textarea -->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="description">Description</label>
+            <div class="col-md-3">                     
+              <textarea formControlName="description" class="form-control" id="description" placeholder="..." name="description"></textarea>
+            </div>
           </div>
-        </div>
 
-        <!-- Text input-->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="eventDate">Event Date</label>  
-          <div class="col-md-5">
-          <input id="eventDate" name="eventDate" type="date" placeholder="" class="form-control input-md">
+          <!-- Text input-->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="link">Event Link</label>  
+            <div class="col-md-5">
+            <input formControlName="link" id="link" name="link" type="text" placeholder="www.event.com" class="form-control input-md">
 
+            </div>
           </div>
-        </div>
 
-        <!-- Button -->
-        <div class="form-group">
-          <label class="col-md-4 control-label" for="submit"></label>
-          <div class="col-md-4">
-            <button id="submit" name="submit" class="btn btn-primary">Submit</button>
+          <!-- Text input-->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="imgUrl">Image Link</label>  
+            <div class="col-md-5">
+            <input formControlName="imgUrl" id="imgUrl" name="imgUrl" type="text" placeholder="www.event.com/picture.jpg" class="form-control input-md">
+
+            </div>
+          </div>
+
+
+          <!-- Button -->
+          <div class="form-group">
+            <label class="col-md-4 control-label" for="submit"></label>
+            <div class="col-md-4">
+              <button id="submit" name="submit" type="submit" class="btn btn-primary">Submit</button>
+            </div>
           </div>
-        </div>
 
-        </fieldset>
-      </form>` 
+          </fieldset>
+       </form>
+        </div>
+      </div>  ` 
 })
 
-export class EventFormComponent { }
+export class EventFormComponent {
+   form = new FormGroup({
+    title: new FormControl(),
+    location: new FormControl(),
+    link: new FormControl(),
+    eventDate: new FormControl(),
+    description: new FormControl(),
+    imgUrl: new FormControl(),
+  });
+   constructor(private _httpService: EvindService) {
+
+   }
+  postEvent() {
+    let eventToSend = {
+      title: this.form.value.title,
+      location: this.form.value.location,
+      link: this.form.value.link,
+      eventDate: this.form.value.eventDate,
+      description: this.form.value.description,
+      imgUrl: this.form.value.imgUrl
+    }
+    console.log(eventToSend);
+    this._httpService.postEvent(eventToSend).subscribe((res) => {
+      console.log('event posted');
+    })
+  }
+ }

client/event.service.ts

@@ -7,9 +7,18 @@ import 'rxjs/add/operator/map';
 export class EventService {
   public eventsUrl = 'api/events';  // URL to web api
   public events: any;
+  public profileUrl = 'profileInfo'; //URL to facebook api
+  public profile: any;
 
   constructor(public http: Http) {
     this.events = http.get(this.eventsUrl)
+                      .map(response => response.json());
+
+    this.profile = http.get(this.profileUrl)
                       .map(response => response.json()); 
+
   }
-}
+
+
+}
+