#115 background image properly set

app/shared/router.config.ts

@@ -10,6 +10,8 @@ import { OrderComponent } from '../dashboard/order/order.component';
 
 import {JobHistoryComponent} from '../job/job-history/job-history.component';
 import {DashboardComponent} from '../dashboard/dashboard.component';
+import {VendorDetailsComponent} from '../vendor-details/vendor-details.component';
+
 
 export const Routes = [
     {
@@ -32,6 +34,11 @@ export const Routes = [
         path: '/dashboard/...',
         name: 'Dashboard',
         component: DashboardComponent
+    },
+    {
+        path: '/vendors/:vendorId',
+        name: 'VendorDetails',
+        component: VendorDetailsComponent
     }
 ]
 

app/vendor-details/vendor-details.component.css

@@ -0,0 +1,5 @@
+.vendor-name {
+    background: url('/assets/img/pop-up-pizza.jpg') no-repeat center center fixed;
+    height: 333px;
+    background-size: cover;
+}

app/vendor-details/vendor-details.component.html

@@ -0,0 +1,10 @@
+<div class="container center-block">
+    <div class="row">
+        <ul class="list-inline center-block">
+            <li *ngFor="let item of vendor.catagories">{{item.catagory}}</li>
+        </ul>
+    </div>
+    <div class="row vendor-name">
+        <h1>{{vendor.name}}</h1>
+    </div>
+</div>

app/vendor-details/vendor-details.component.ts

@@ -0,0 +1,25 @@
+import { Component, OnInit } from "@angular/core";
+import { VendorDetailsService } from "./vendor-details.service";
+
+
+@Component({
+    selector: 'vendor-details',
+    templateUrl: 'app/vendor-details/vendor-details.component.html',
+    styleUrls: ['app/vendor-details/vendor-details.component.css'],
+    providers: [VendorDetailsService]
+})
+
+
+
+export class VendorDetailsComponent implements OnInit {
+    vendor: any;
+
+    ngOnInit(){
+        this.vendor = this.vendorDetailsService.vendorDetails;
+    }
+
+    constructor(private vendorDetailsService: VendorDetailsService){
+
+    }
+
+}

app/vendor-details/vendor-details.service.ts

@@ -0,0 +1,150 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class VendorDetailsService {
+    vendorDetails = {
+        name: "Pop up Pizza",
+        address: "1 S Main St, Las Vegas, NV",
+        catagories: [
+            {
+                catagory: "SIGNATURE PIZZAS",
+                itemlist: [
+                {
+                    item: "The 18 lb.",
+                    price: 14.99
+                },
+                {
+                    item: "The Main St",
+                    price: 15.99
+                },
+                {
+                    item: "The Goodman",
+                    price: 19.99
+                },
+                {
+                    item: "The Newport",
+                    price: 19.99
+                },
+                {
+                    item: "The Hawaiian",
+                    price: 19.99
+                },
+                {
+                    item: "The White Chape",
+                    price: 21.99
+                },
+                {
+                    item: "The Plaza",
+                    price: 21.99
+                },
+                {
+                    item: "TheScintas",
+                    price: 21.99
+                },
+                {
+                    item: "The Soho",
+                    price: 24.99
+                },
+                {
+                    item: "TheWestern",
+                    price: 21.99
+                }
+            ]
+            },
+            {
+                catagory: "SIGNATURE PIZZAS",
+                itemlist: [
+                {
+                    item: "The 18 lb.",
+                    price: 14.99
+                },
+                {
+                    item: "The Main St",
+                    price: 15.99
+                },
+                {
+                    item: "The Goodman",
+                    price: 19.99
+                },
+                {
+                    item: "The Newport",
+                    price: 19.99
+                },
+                {
+                    item: "The Hawaiian",
+                    price: 19.99
+                },
+                {
+                    item: "The White Chape",
+                    price: 21.99
+                },
+                {
+                    item: "The Plaza",
+                    price: 21.99
+                },
+                {
+                    item: "TheScintas",
+                    price: 21.99
+                },
+                {
+                    item: "The Soho",
+                    price: 24.99
+                },
+                {
+                    item: "TheWestern",
+                    price: 21.99
+                }
+            ]
+            },
+            {
+                catagory: "SIGNATURE PIZZAS",
+                itemlist: [
+                {
+                    item: "The 18 lb.",
+                    price: 14.99
+                },
+                {
+                    item: "The Main St",
+                    price: 15.99
+                },
+                {
+                    item: "The Goodman",
+                    price: 19.99
+                },
+                {
+                    item: "The Newport",
+                    price: 19.99
+                },
+                {
+                    item: "The Hawaiian",
+                    price: 19.99
+                },
+                {
+                    item: "The White Chape",
+                    price: 21.99
+                },
+                {
+                    item: "The Plaza",
+                    price: 21.99
+                },
+                {
+                    item: "TheScintas",
+                    price: 21.99
+                },
+                {
+                    item: "The Soho",
+                    price: 24.99
+                },
+                {
+                    item: "TheWestern",
+                    price: 21.99
+                }
+            ]
+            }
+        ]
+    }
+
+    getVendorDetails(){
+        return this.vendorDetails;
+    }
+}