changes by suren

ng8-seed/src/app/components/contribute/contribute.component.html

@@ -35,7 +35,7 @@
                          <!-- <th class="product-remove">&nbsp;</th> -->
                          <th class="product-thumbnail">&nbsp;</th>
                          <th class="product-name">Requirement</th>
-                         <th class="product-price">Quantity Cost Per Unit</th>
+                         <th class="product-price">Quantity</th>
                          <th class="product-quantity">Sponsor</th>
                          <th class="product-subtotal"></th>
                      </tr>
@@ -49,7 +49,7 @@
                          </td>
                          <td class="product-name">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</td>
                          <td class="product-price">
-                             <span class=" amount">25<br><span class="price">&#8377;</span>23.00</span>
+                             <span class=" amount">25</span>
                          </td>
                          <td class="product-quantity" data-title="Quantity">
                              <div class="quantity buttons_added">
@@ -69,7 +69,7 @@
                          <td class="product-name">
                              <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
                          <td class="product-price">
-                             <span class=" amount">20<br><span class="price">&#8377;</span>23.00</span>
+                             <span class=" amount">20</span>
                          </td>
                          <td class="product-quantity" data-title="Quantity">
                              <div class="quantity buttons_added">
@@ -89,7 +89,7 @@
                             <td class="product-name">
                                 <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
                             <td class="product-price">
-                                <span class=" amount">20<br><span class="price">&#8377;</span>23.00</span>
+                                <span class=" amount">28</span>
                             </td>
                             <td class="product-quantity" data-title="Quantity">
                                 <div class="quantity buttons_added">
@@ -109,7 +109,7 @@
                                 <td class="product-name">
                                     <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
                                 <td class="product-price">
-                                    <span class=" amount">20<br><span class="price">&#8377;</span>23.00</span>
+                                    <span class=" amount">38</span>
                                 </td>
                                 <td class="product-quantity" data-title="Quantity">
                                     <div class="quantity buttons_added">

ng8-seed/src/app/components/projects/projects.component.html

@@ -6,34 +6,34 @@
         <hr>
          <form method="post">
              <div fxLayout="row" fxLayoutAlign="start center" class="mb-2 pt-1">
-<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 100%;">
+                    <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 100%;">
-<mat-select placeholder="Select District" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
+                            <mat-select placeholder="Select District" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
-        <mat-option *ngFor="let drink of drinks" [value]="drink.value" [disabled]="drink.disabled">
+                                    <mat-option *ngFor="let item of districtList" [value]="item.id" >
-            {{ drink.viewValue }}
+                                        {{ item.value }}
-        </mat-option>
-    </mat-select>
-</mat-form-field>
-<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 100%;">
-    <mat-select placeholder="Select Block" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
-            <mat-option *ngFor="let drink of drinks" [value]="drink.value" [disabled]="drink.disabled">
-                {{ drink.viewValue }}
                                     </mat-option>
                                 </mat-select>
                             </mat-form-field>
-<mat-form-field dividerColor="accent" class="ml-xs mr-xs" style="width: 100%;">
+                            <mat-form-field dividerColor="accent" class="ml-xs mr-xs" style="width: 100%;">
-<mat-select placeholder="Select Schools" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
+                                    <mat-select placeholder="Select Block" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
-        <mat-option *ngFor="let drink of drinks" [value]="drink.value" [disabled]="drink.disabled">
+                                            <mat-option *ngFor="let item of blockList" [value]="item.id" >
-            {{ drink.viewValue }}
+                                                {{ item.value }}
                                             </mat-option>
                                         </mat-select>
-</mat-form-field>
+                                    </mat-form-field>
-<mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;">
+                            <mat-form-field dividerColor="accent" class="ml-xs mr-xs" style="width: 100%;">
-<mat-select placeholder="Select Category" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
+                            <mat-select placeholder="Select Schools" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
-        <mat-option *ngFor="let drink of drinks" [value]="drink.value" [disabled]="drink.disabled">
+                                    <mat-option *ngFor="let item of schoolList" [value]="item.id" >
-            {{ drink.viewValue }}
+                                        {{ item.value }}
                                     </mat-option>
                                 </mat-select>
-</mat-form-field>
+                            </mat-form-field>
+                            <mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;">
+                            <mat-select placeholder="Select Category" [(ngModel)]="currentDrink" [required]="isRequired" [disabled]="isDisabled" #drinkControl="ngModel">
+                                    <mat-option *ngFor="let item of categoryList" [value]="item.id" >
+                                        {{ item.value }}
+                                    </mat-option>
+                                </mat-select>
+                            </mat-form-field>
 </div>
              
 <div fxLayout="row wrap">

ng8-seed/src/app/components/projects/projects.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { values } from 'd3';
 
 @Component({
   selector: 'app-projects',
@@ -38,6 +39,54 @@ export class ProjectsComponent implements OnInit {
     value: 'milk-8',
     viewValue: 'Milk'
   }];
+  districtList=[{
+    id:"1",
+    value:"Chennai"
+  },{
+    id:"2",
+    value:"Vellore"
+  },{
+    id:"3",
+    value:"Thiruvannamalai"
+  },{
+    id:"4",
+    value:"Kanchipuram"
+  },{
+    id:"5",
+    value:"Nagapattinam"
+  },]
+  schoolList=[{
+    id:"1",
+    value:"Govt High School"
+  },
+  {
+    id:"2",
+    value:"Govt Primary School"
+  }]
+  categoryList=[{
+    id:"1",
+    value:"Building"
+  },
+  {
+    id:"2",
+    value:"Furnitures"
+  },
+  {
+    id:"2",
+    value:"Students kit"
+  }]
+  blockList=[{
+    id:"1",
+    value:"Adyar"
+  },
+  {
+    id:"2",
+    value:"Mylapore"
+  },
+  {
+    id:"3",
+    value:"Royapuram"
+  }];
   constructor() { }
 
   ngOnInit() {