Added ecm-order component

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174488 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/ProteusECM/trunk/src/app/ecm-order/ecm-order.component.css

+.ecm-order-image{
+	width: 146px;
+    height: 99px;
+}
+.orderDisplay{
+	position: relative;
+    top: 82px;
+}
+.trackButton{
+	padding-top: 14px;
+}
+.cancel-order-button{
+	display: inline-block;
+    height: 46px;
+    line-height: 40px;
+    text-align: center;
+    border-radius: 3px;
+    background: #fff;
+    color: mediumvioletred !important;
+    box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
+    min-width: 121px;
+}
+.track-order-button{
+	display: inline-block;
+    height: 46px;
+    line-height: 40px;
+    background: mediumvioletred;
+    color: #fff !important;
+    text-align: center;
+    margin-left: 10px;
+    box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
+    border-radius: 3px;
+    min-width: 123px;
+}
+.reviewScreen{
+	border-left: 1px solid lightgray;
+}
+.orderDescription1, .orderDescription2, .orderDescription3, .orderQuantity, .offers, .deliveryDate{
+	font-size: 14px;
+}
+.orderDescription1{
+	display: inline-block;
+}
+.orderDescription2{
+	display: block
+}
+.orderDescription3{
+	display: block;
+    height: 30px;
+}
+.headContents{
+	border: 2px solid #f2f2f2;
+    background-color: rgba(242, 242, 242, 0.46);
+    border-left: 0px;
+    border-right: 0px;
+    margin: 0px;
+    position: relative;
+    bottom: 24px;
+}
+.orderList{
+	margin: 0px;
+    padding-bottom: 14px;
+}
+md-card.dispaly.mat-card {
+    padding: 0px;
+}
+.orderDate, .orderID, .orderTotal{
+	display: block;
+    font-size: 10px;
+    font-weight: bold;
+    color: dimgray;
+}
+.date, .id, .total{
+	font-size: 12px;
+    font-weight: bold;
+}
+.invoiceDetail{
+	text-align: right;
+}
+.orderInvoice{
+	position: relative;
+    right: 16px;
+    color: mediumvioletred;
+    vertical-align: sub;
+}
+.orderDetail{
+	color: mediumvioletred;
+	vertical-align: sub;
+}
+.orders{
+     font-size: 18px;
+}
+@media screen and (max-width: 1024px){
+	  .headContents, .trackButton, .offers, .deliveryDate{
+	      display: none !important;
+	  }
+}
+
+
+

ecm/Angular/ProteusECM/trunk/src/app/ecm-order/ecm-order.component.html

+
+<ecm-header #header [isFixedHeader]=true> </ecm-header>
+<ecm-breadcrumbs [pageName]="'USERORDER'"></ecm-breadcrumbs>
+
+<div class="row orderDisplay">
+<h1 class="orders">Orders(1)</h1>
+	<md-card class="dispaly">.
+	<div class="row headContents">
+	     <div class="large-2 columns">
+	          <span class="orderDate">Order Date</span>
+	          <span class="date">27th Oct 2017</span>
+	     </div>
+	     <div class="large-3 columns">
+	     	  <span class="orderID">Order ID</span>
+	     	  <span class="id">21564646865</span>
+	     </div>
+	     <div class="large-4 columns">
+	     	  <span class="orderTotal">Order Total</span>
+	     	  <span class="total">Rs. 47,000</span>
+	     </div>
+	     <div class="large-3 columns invoiceDetail">
+	     	  <span class="orderInvoice">Invoice</span>
+	     	  <span class="orderDetail">Order Details</span>
+	     </div>
+	</div>
+	
+	<div class="row orderList">
+		<div class="small-6 medium-6 large-2 columns">
+			<img class="ecm-order-image" src="/ecm/assets/images/items/L2D0100058.png" />
+		</div>
+		<div class="small-6 medium-6 large-3 columns orderDescriptiom">
+			<span class="orderDescription1"> stone elepahant stone elephant stone elephant </span> 
+			<span class="orderDescription2">Elephant stone (white)</span> 
+		    <span class="orderDescription3">Sold by stone crafts</span> 
+			<span class="orderQuantity">Quantity1</span>
+			<div class="trackButton">
+				<button md-button class="cancel-order-button">Cancel</button>
+				<button md-button class="track-order-button">Track</button>
+			</div>
+		</div>
+		<div class="small-3 medium-3 large-1 columns offers">
+			<span>Rs 50000 </span>
+			<span style="color: mediumvioletred">Offers</span>
+		</div>
+		<div class="small-3 medium-3 large-3 columns deliveryDate">	 
+			<span>Delivery expected between sat,oct 27 17, and mon,oct 29 17</span>
+		</div>
+		<div class="small-12 medium-12 large-3 columns reviewScreen">
+			<user-review></user-review>
+		</div>
+	</div>
+	</md-card>
+</div>
\ No newline at end of file

ecm/Angular/ProteusECM/trunk/src/app/ecm-order/ecm-order.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EcmOrderComponent } from './ecm-order.component';
+
+describe('EcmOrderComponent', () => {
+  let component: EcmOrderComponent;
+  let fixture: ComponentFixture<EcmOrderComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EcmOrderComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(EcmOrderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

ecm/Angular/ProteusECM/trunk/src/app/ecm-order/ecm-order.component.ts

+import { Component, OnInit } from '@angular/core';
+import { Breadcrumbs } from '../ecm-breadcrumbs/ecm-breadcrumbs.component';
+
+@Component({
+  selector: 'app-ecm-order',
+  templateUrl: './ecm-order.component.html',
+  styleUrls: ['./ecm-order.component.css']
+})
+export class EcmOrderComponent implements OnInit {
+
+  constructor(public breadcrumbSerivce: Breadcrumbs) { }
+
+  ngOnInit() {
+      let breadcrumb = [{label: 'Home', url: '/home'}, {label: 'Orders', url: 'javascript:void(0)'}];
+      this.breadcrumbSerivce.breadcrumbs = breadcrumb;
+  }
+
+}