Adding files

Author: MouleshS

Diff for: .vscode/launch.json

@@ -0,0 +1,22 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+              "name": "Launch localhost with sourcemaps",
+              "type": "chrome",
+              "request": "launch",
+              "url": "http://localhost:3000/",
+              "sourceMaps": true,
+              "webRoot": "${workspaceRoot}/app"
+
+        },
+        {
+            "name": "Attach to Chrome, with sourcemaps",
+            "type": "chrome",
+            "request": "attach",
+            "port": 9222,
+            "sourceMaps": true,
+            "webRoot": "${workspaceRoot}"
+        }
+    ]
+}

Diff for: app/app.component.js

@@ -0,0 +1,14 @@
+import  { Component } from '@angular/core'; 
+
+@Component({
+    
+    selector:'my-app',
+    template:`
+    
+   <h1>First Angular2 App</h1>
+   <a routerLink="/newCom">View Products</a>
+   <router-outlet></router-outlet>`
+    
+})
+
+export class AppComponent{}

Diff for: app/app.component.js.map

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { HttpModule } from '@angular/http';
+import { FormsModule,ReactiveFormsModule } from '@angular/forms';
+import {NewComponent} from './new.component';
+import {SecondComponent} from './second.component';
+import {AppComponent} from './app.component';
+import {routing} from './app.routing';
+import {SelectedItemService} from './selecteditem.service';
+
+
+@NgModule({
+    imports:[BrowserModule,HttpModule,FormsModule,ReactiveFormsModule,routing],
+    providers:[SelectedItemService],
+    declarations:[AppComponent,NewComponent,SecondComponent],
+    bootstrap:[AppComponent]
+})
+export class AppModule{}

Diff for: app/app.component.ts

@@ -0,0 +1,20 @@
+import { ModuleWithProviders }  from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { NewComponent }      from './new.component';
+import {AppComponent} from './app.component'
+import {Location} from '@angular/common';
+import{SecondComponent} from './second.component'
+
+const appRoutes: Routes = [
+  {
+    path: 'newCom',
+    component: NewComponent
+    },
+  {
+    path: 'SecondNewCom',
+    component: SecondComponent 
+  }
+];
+
+export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
+

Diff for: app/app.module.js

@@ -0,0 +1,4 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app.module';
+const platform = platformBrowserDynamic();
+platform.bootstrapModule(AppModule);

Diff for: app/app.module.js.map

@@ -0,0 +1,34 @@
+#myimages { white-space: nowrap; }
+#myimages img {
+padding-right: 5px;
+padding-left:5px;
+margin-top: 5px;
+width:250px;
+height:300px;
+}
+.container{
+    background-color: #898989 !important;
+      color: white;
+display: block;
+float: left;
+margin-right: 80px;
+margin-left: 80px;
+margin-bottom: 50px;
+width:260px;
+height:340px;
+}
+.container:hover {
+background-color: #2c3e50 !important;
+background-color: white;
+left: .1em;
+    }
+.caption {
+margin-top: 10px;
+display: block;
+text-align: center;
+float:center;
+}
+.selected {
+      background-color: #2c3e50 !important;
+      color: white;
+    }

Diff for: app/app.module.ts

@@ -0,0 +1,18 @@
+<p>
+
+    </p>
+    <h2>Your Title: {{nameValue}}</h2>
+    <ul><li *ngFor="let list of lists">Hello {{ list }}</li></ul> 
+    <form class="ui large form segment"> 
+    <h3>Add a Link</h3> <div> 
+     <label for="title">Title:</label>  
+      <input [(ngModel)]="nameValue" placeholder="title" name="Title" >
+      </div>   
+      <label for="link">Link:</label>  <input name="link"></form>
+      <div class=container *ngFor="let data of dataServer"
+      [class.selected]="data === selectedItem"
+       (click)="onSelect(data)"> 
+         <div id="myimages">
+         <img src="http://test-trykaro-vm.cloudapp.net/Trymeagain/{{data.images.image3}}">
+         </div>
+<div class=caption>       {{data.productName}} </div></div>

Diff for: app/app.routing.js

@@ -0,0 +1,45 @@
+import { Component } from '@angular/core';
+import {Http, Headers,Response } from '@angular/http';
+import {Observable} from 'rxjs/Rx';
+import 'rxjs/add/operator/map';
+import {SelectedItemService} from './selecteditem.service'
+import {Router} from '@angular/router'
+
+@Component({
+    selector: 'newcomponent',
+    templateUrl:`./app/mydoc.html`,
+    styleUrls: [`./app/mydoc.css`]
+    
+    
+    
+})
+export class NewComponent {
+    nameValue: string;
+    lists: string[];
+    url:string;
+    dataServer:JSON[];
+    length:number;
+    selectedItem:JSON;
+    
+
+
+    constructor(private http:Http, public myservice:SelectedItemService,public router:Router) {
+        this.myservice=myservice;
+        this.nameValue = "declaredName";
+        this.url="http://test-trykaro-vm.cloudapp.net/Trymeagain/rest/fragrance/";
+        this.lists = ['abc', 'xyz', 'lol'];
+        this.router=router;
+this.http.get(this.url).map((res:Response) => res.json())
+      .subscribe(
+        data => { this.dataServer = data
+            this.length=Object.keys(this.dataServer).length},
+        err => console.error(err),
+        () => console.log('done')
+      );}
+
+      onSelect(data:JSON):void{
+            this.selectedItem=data;
+            this.myservice.selectedItem=data;
+            this.router.navigate(['/SecondNewCom']);
+      }
+}