Merge branch 'master' of https://bitbucket.org/sriramv18/sparqsineedge

ng6-seed/src/app/layouts/admin/admin-layout.component.html

@@ -13,7 +13,7 @@
               <div class="user-pro-wrap">
                  <div class="user-profile-thumb text-center">
                     <div class="user-i">
-                       <img [src]="profileurl ||'https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/No_image_available.svg/1024px-No_image_available.svg.png'" class="rad-full mb-1" width="100" height="100" alt="">
+                       <img [src]="profileurl ||'https://image.ibb.co/mGjZB9/usernew.png'" class="rad-full mb-1" width="100" height="100" alt="">
                        <div> <span>{{fullName}}</span></div>
                     </div>
                  </div>
@@ -398,10 +398,10 @@
         </mat-tab-group>
      </mat-sidenav>
   </mat-sidenav-container>
-  <!-- Demo Purposes Only -->
+  <!-- Settings icon -->
-  <button mat-fab color="warn" class="mat-fab-bottom-right" (click)="showSettings = true">
+ <!-- <button mat-fab color="warn" class="mat-fab-bottom-right" (click)="showSettings = true">
      <mat-icon class="mat-24">settings</mat-icon>
-  </button>
+  </button>-->
   <mat-card class="settings-panel" *ngIf="showSettings">
      <mat-toolbar color="warn">
         <span fxFlex>Options</span>

ng6-seed/src/app/layouts/admin/admin-layout.component.ts

@@ -37,7 +37,7 @@ export class AdminLayoutComponent implements OnInit, OnDestroy {
   layoutDir = 'ltr';
   menuLayout           : any = 'vertical-menu';
   selectedSidebarImage : any = 'bg-1';
-  selectedSidebarColor : any = 'sidebar-blue';
+  selectedSidebarColor : any = 'sidebar-red';
   selectedHeaderColor  : any = 'header-default';
   collapsedClass       : any = 'side-panel-opened';
 

ng6-seed/src/app/pd-triger/list-pd/list-pd.component.html

@@ -1,6 +1,6 @@
 <div align="right" *ngIf="showParentComponent"> 
-	 <button mat-fab class="mr-1 mb-1" color="primary"  (click)="addPdDetails()"><mat-icon>add</mat-icon></button>
+    <button mat-fab class="mr-1 mb-1" color="primary"  (click)="addPdDetails()"><mat-icon>add</mat-icon></button>  
-			
+  <button mat-fab class="mr-1 mb-1" color="accent"  (click)="viewMapPdDetails()"><mat-icon>navigation</mat-icon></button>   
   </div>
 <mat-card *ngIf="showParentComponent">
   <mat-tab-group>
@@ -128,4 +128,5 @@
 <app-edit-pd *ngIf="showEditComponent" [childData]="parentEditData" (loadParent)="updateParentComponent($event)"></app-edit-pd>
 <app-add-pd *ngIf="showAddComponent" (loadParent)="updateParentComponent($event)"></app-add-pd>
 <app-view-pd *ngIf="showViewComponent" [childData]="parentViewData" (loadParent)="updateParentComponent($event)"></app-view-pd>
+<app-map-pd-view *ngIf="showMapViewComponent"></app-map-pd-view>
 <notifier-container></notifier-container>

ng6-seed/src/app/pd-triger/list-pd/list-pd.component.ts

@@ -1,7 +1,7 @@
 import { Component, ViewChild, OnInit, ViewEncapsulation, EventEmitter, Output } from '@angular/core';
 import { PdTrigerService } from '../pd-service/pd-triger.service';
 import { MatPaginator, MatSort, MatTableDataSource, PageEvent } from '@angular/material';
-
+//import { MapPdViewComponent } from '../map-pd-view/map-pd-view.component';
 @Component({
   selector: 'app-list-pd',
   templateUrl: './list-pd.component.html',
@@ -16,6 +16,7 @@ export class ListPdComponent implements OnInit {
   showAddComponent:boolean;
   showEditComponent:boolean;
   showViewComponent:boolean;
+  showMapViewComponent:boolean;
   errorMessage: any;
   public paginationList: any[] = [];
    // pagination variable details
@@ -92,6 +93,7 @@ export class ListPdComponent implements OnInit {
     this.showAddComponent=false
     this.showEditComponent=false
     this.showViewComponent=false
+    this.showMapViewComponent=false
     this._pd.getPdDetails()
     .subscribe(
         data => {
@@ -130,6 +132,12 @@ export class ListPdComponent implements OnInit {
   this.showViewComponent=!this.showViewComponent
   this.parentViewData=editID
  }
+ viewMapPdDetails(){
+  this.showParentComponent=false
+  this.showAddComponent=false
+  this.showEditComponent=false
+  this.showMapViewComponent=!this.showMapViewComponent;
+}
  updateParentComponent(event:string) {
   this.showParentComponent=!this.showParentComponent
  if(event=='1'){
@@ -158,6 +166,8 @@ export class ListPdComponent implements OnInit {
         }
       }, error => this.errorMessage = <any> error);
 }
+
+
 pageChange(e) {
   console.log(e);
 }

ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.html

@@ -0,0 +1,213 @@
+<div fxLayout="row">
+<div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
+<mat-card class="mb-2" >
+    <mat-card-header>
+      <!-- <img mat-card-avatar src="assets/images/avatar.jpg"> -->
+      <mat-card-title>Search Options</mat-card-title>
+      <mat-card-subtitle>Header subtitle</mat-card-subtitle>
+    </mat-card-header>
+    <!-- <img mat-card-image src="assets/images/coridoor.jpg"> -->
+    <mat-card-content>
+        <div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
+        <!-- <mat-card class="mb-2" >
+          <mat-card-content> -->
+              <!-- <mat-list dense>
+                  <mat-list-item > -->
+                      <!-- <img mat-list-avatar src="assets/images/lime.jpg" alt=""> -->
+                    <!-- <h3 mat-line>Icci</h3>
+                    <p mat-line>9159996676</p> -->
+
+                    <!-- <h3 mat-line>{{details.applicat_details[0].applicant_name}} </h3>
+                    
+                    <p mat-line><span style="padding-right: 7%;">{{details.lender_full_name}} </span><span style="padding-right: 7%">{{details.lender_applicant_id}}</span></p>
+                    <p mat-line> {{details.pd_date_of_initiation}}</p> -->
+                    <!-- <mat-card class="mb-2" *ngFor="let details of dataSource.connect() | async">
+                        <mat-card-title>{{details.applicat_details[0].applicant_name}}</mat-card-title>
+                        <mat-card-subtitle >{{details.applicat_details[0].applicant_name}}</mat-card-subtitle>
+                          <mat-card-content>
+                          <p mat-line class="hover-icon"><i class="fa-1x fa fa-map-rupee"> </i> &nbsp;{{details.loan_amount}}</p>
+                          <p mat-line class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> &nbsp;{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</p>
+
+                        </mat-card-content>
+                        <hr>
+                        <mat-card-actions>
+                          <button mat-button color="accent">Action</button>
+                          <button mat-button>Cancel</button>
+                        </mat-card-actions>
+                      </mat-card> -->
+                    <mat-expansion-panel *ngFor="let details of dataSource.connect() | async">
+                        <mat-expansion-panel-header>
+                          <mat-panel-title>
+                         <b> {{details.applicat_details[0].applicant_name}} </b>
+                        </mat-panel-title>                        
+                          <mat-panel-description>
+                             {{details.product_abbr}}/{{details.subproduct_abbr}}
+                          </mat-panel-description>
+                        </mat-expansion-panel-header>
+                        <p mat-line>Lendor ID:{{details.lender_applicant_id}}</p>
+                        <p mat-line>Lendor Name:{{details.lender_full_name}}</p>
+                        <p mat-line>Date Of Initiation:{{details.pd_date_of_initiation}}</p>
+                        <p mat-line class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}} 
+                        </p>
+                        <p mat-line>
+                            <button  mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="pdAllocationTo(master)"><mat-icon>directions_run</mat-icon></button>
+
+                        </p>
+                       
+                      
+                      </mat-expansion-panel>
+                    <!-- <p mat-line><a style="padding-right: 7%;">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</a><a style="padding-right: 7%;"><span class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></a><span class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> &nbsp;{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span></p> -->
+
+                    <!-- <mat-divider></mat-divider>
+                  </mat-list-item>
+                  
+                </mat-list> -->
+                <mat-list *ngIf="recordStatus">
+                    <mat-list-item>
+                      <p mat-line>No Record Found ...</p>
+  
+                    </mat-list-item>
+                   </mat-list>
+          <!-- </mat-card-content> -->
+          <!-- <mat-card-actions *ngIf="!recordStatus"> -->
+              <mat-paginator #paginator [length]="pdList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
+              [pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvent = $event; pageChange($event)">
+            </mat-paginator>      
+          <!-- </mat-card-actions>
+          </mat-card> -->
+          </div>
+          <div class="column" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="66.66" fxFlex.lg="66.66" fxFlex.xl="66.66">
+          <mat-card class="mb-2">
+              <agm-map [latitude]="lat" [longitude]="lng">
+                  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+              </agm-map>
+            </mat-card>
+            </div>
+    </mat-card-content>
+  </mat-card>
+  </div>
+</div>
+<div fxLayout="row">
+<div align="right"> 
+  <button mat-fab class="mr-1 mb-1" color="accent"><mat-icon>close</mat-icon></button>   
+  </div>
+<mat-card>
+  <mat-tab-group>
+    <mat-tab>
+      <ng-template mat-tab-label>All</ng-template>
+      <mat-card-content>
+          <div class="card-comment-widget">
+              <mat-list *ngIf="pdList.length > 0">
+                 <mat-list-item  *ngFor="let details of dataSource.connect() | async">
+                    <img mat-list-avatar src="assets/images/lime.jpg" alt="">
+                    <!-- {{details.applicat_details[0].applicant_name}} -->
+                    <p mat-line>{{details.applicat_details[0].applicant_name}} </p>
+                    
+                    <p mat-line><a style="padding-right: 7%;">{{details.lender_full_name}} </a><a style="padding-right: 7%">{{details.lender_applicant_id}}</a>{{details.pd_date_of_initiation}}</p>
+                    <p mat-line><a style="padding-right: 7%;">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</a><a style="padding-right: 7%;"><span class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{details.loan_amount}}</span></a><span class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> &nbsp;{{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span></p>
+                    <!-- <span class="text-mat mat-text-muted">Chennai</span> -->
+
+                   <!-- <div class="comment-time">
+                        <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" type="button" color="primary" (click)="editPdDetails(details.pd_id)"><mat-icon>edit</mat-icon></button>
+                        
+                    </div> -->
+                    <div class="comment-time">
+                  
+                        <!-- <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" color="accent" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> -->
+                        <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
+                      </div>
+                      
+                 </mat-list-item>
+                 <hr>
+                 </mat-list>
+                 <mat-list *ngIf="recordStatus">
+                  <mat-list-item>
+                    <p mat-line>No Record Found ...</p>
+
+                  </mat-list-item>
+                 </mat-list>
+           </div>
+      </mat-card-content>
+
+      <mat-card-actions *ngIf="!recordStatus">
+        <mat-paginator #paginator class="mat-elevation-z1" [length]="pdList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
+        [pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvent = $event; pageChange($event)">
+      </mat-paginator>      
+    </mat-card-actions>
+    </mat-tab>
+   <!-- <mat-tab>
+      <ng-template mat-tab-label>Confirmed PD Details</ng-template>
+      <mat-card-content>
+        <mat-grid-list cols="2" [rowHeight]="ratio" gutterSize="4px">
+          <mat-grid-tile *ngFor="let tile of tiles" [style.background]="'lightblue'">
+            {{tile.text}}
+          </mat-grid-tile>
+        </mat-grid-list>
+        <div  fxLayout="row" fxLayoutAlign="start center" class="mt-2">
+          <mat-form-field>
+            <input matInput placeholder="Change ratio" [(ngModel)]="ratio">
+          </mat-form-field>
+        </div>
+      </mat-card-content>
+    </mat-tab>-->
+    <mat-tab>
+      <ng-template mat-tab-label>In Progress </ng-template>
+      <mat-card-content>
+        <!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
+                      [style.height]="fitListHeight">
+          <mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
+            {{tile.text}}
+          </mat-grid-tile>
+        </mat-grid-list>
+        <div  fxLayout="row" fxLayoutAlign="start center" class="mt-2">
+          <mat-form-field>
+            <input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
+          </mat-form-field>
+          <mat-form-field>
+            <input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
+          </mat-form-field>
+        </div>-->
+      </mat-card-content>
+    </mat-tab>
+	<mat-tab>
+      <ng-template mat-tab-label>Scheduled </ng-template>
+      <mat-card-content>
+        <!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
+                      [style.height]="fitListHeight">
+          <mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
+            {{tile.text}}
+          </mat-grid-tile>
+        </mat-grid-list>
+        <div  fxLayout="row" fxLayoutAlign="start center" class="mt-2">
+          <mat-form-field>
+            <input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
+          </mat-form-field>
+          <mat-form-field>
+            <input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
+          </mat-form-field>
+        </div>-->
+      </mat-card-content>
+    </mat-tab>
+	<mat-tab>
+      <ng-template mat-tab-label>Completed </ng-template>
+      <mat-card-content>
+        <!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
+                      [style.height]="fitListHeight">
+          <mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
+            {{tile.text}}
+          </mat-grid-tile>
+        </mat-grid-list>
+        <div  fxLayout="row" fxLayoutAlign="start center" class="mt-2">
+          <mat-form-field>
+            <input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
+          </mat-form-field>
+          <mat-form-field>
+            <input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
+          </mat-form-field>
+        </div>-->
+      </mat-card-content>
+    </mat-tab>
+    
+  </mat-tab-group>
+</mat-card>
+</div>

ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.scss

@@ -0,0 +1,34 @@
+@import "../../../assets/styles/scss/material.variables";
+
+:host {
+  margin-left: -5px;
+  margin-right: -5px;
+  margin-top: -5px;
+  display: block;
+  height: 100%;
+}
+.sebm-google-map-container {
+  width: 100%;
+  height: 500px;
+  display: flex;
+}
+
+$mat-toolbar-height-desktop: 64px !default;
+$mat-toolbar-height-mobile-portrait: 56px !default;
+$mat-toolbar-height-mobile-landscape: 48px !default;
+
+.mat-card-top {
+  margin-top: -($mat-toolbar-height-desktop);
+}
+
+@media ($mat-xsmall) and (orientation: portrait) {
+  .mat-card-top {
+    margin-top: -($mat-toolbar-height-mobile-portrait);
+  }
+}
+
+@media ($mat-small) and (orientation: landscape) {
+  .mat-card-top {
+    margin-top: -($mat-toolbar-height-mobile-landscape);
+  }
+}

ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MapPdViewComponent } from './map-pd-view.component';
+
+describe('MapPdViewComponent', () => {
+  let component: MapPdViewComponent;
+  let fixture: ComponentFixture<MapPdViewComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MapPdViewComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MapPdViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

ng6-seed/src/app/pd-triger/map-pd-view/map-pd-view.component.ts

@@ -0,0 +1,54 @@
+import { Component, ViewChild, OnInit } from '@angular/core';
+import { MatPaginator, MatSort, MatTableDataSource, PageEvent } from '@angular/material';
+
+import { NotifierService } from 'angular-notifier';
+import { PdTrigerService } from '../pd-service/pd-triger.service';
+
+
+@Component({
+  selector: 'app-map-pd-view',
+  templateUrl: './map-pd-view.component.html',
+  styleUrls: ['./map-pd-view.component.scss']
+})
+export class MapPdViewComponent implements OnInit {
+  lat = -34.397;
+  lng = 150.644;
+  recordStatus: boolean;
+  errorMessage: any;
+  // pagination variable details
+  length = 50;
+  pageIndex = 0;
+  pageSize = 10;
+  pageEvent: PageEvent;
+// data source variable details
+pdListData = null;
+public dataLength: number;
+public dataSource = new MatTableDataSource();
+@ViewChild(MatPaginator) paginator: MatPaginator;
+@ViewChild(MatSort) sort: MatSort;
+pdList:any[] = [];
+  constructor(private _pd: PdTrigerService) {
+
+   }
+
+  ngOnInit() {
+    this.recordStatus=false
+    this._pd.getPdDetails()
+    .subscribe(
+        data => {
+          if (data.status == 200) {
+            this.pdList = data.records;
+            this.pdListData = data.records;
+            this.dataLength = data.records.length;
+            this.dataSource.data = this.pdListData;
+            
+          }
+          else{
+            this.pdList=[];
+            this.dataLength = null;
+            this.recordStatus=true;
+          }
+        }, error => this.errorMessage = <any> error);
+  }
+
+}

ng6-seed/src/app/pd-triger/pd-triger.module.ts

@@ -8,7 +8,7 @@ import {
   MatRadioModule, 
   MatButtonModule,MatTableModule,MatPaginatorModule,
   MatProgressBarModule,MatDialogModule, MatSortModule,
-  MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule  } from '@angular/material';
+  MatToolbarModule,MatSelectModule, MatListModule, MatGridListModule, MatTabsModule, MatCheckboxModule, MatBadgeModule, MatExpansionModule  } from '@angular/material';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
@@ -19,6 +19,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import { NotifierModule, NotifierOptions } from 'angular-notifier';
+import { AgmCoreModule } from '@agm/core';
 
 import 'hammerjs';
 import { PdTrigerRoutes } from './pd-triger-routing.module';
@@ -30,6 +31,7 @@ import { ViewPdComponent } from './view-pd/view-pd.component';
 import { EditPdMasterComponent } from './edit-pd-master/edit-pd-master.component';
 import { EditPdApplicantComponent } from './edit-pd-applicant/edit-pd-applicant.component';
 import { PdAllocationComponent } from './pd-allocation/pd-allocation.component';
+import { MapPdViewComponent } from './map-pd-view/map-pd-view.component';
 /**
  * Custom angular notifier options
  */
@@ -95,9 +97,10 @@ const pdCustomNotifierOptions: NotifierOptions = {
     FileUploadModule,
     TreeModule,
     MatDialogModule,MatSortModule,
-    NgxMatSelectSearchModule,MatTooltipModule,
+    NgxMatSelectSearchModule,MatTooltipModule, MatExpansionModule,
+    AgmCoreModule.forRoot({apiKey: 'AIzaSyBtdO5k6CRntAMJCF-H5uZjTCoSGX95cdk'}),
   ],
-  declarations: [AddPdComponent, ListPdComponent, EditPdComponent, ViewPdComponent, EditPdMasterComponent, EditPdApplicantComponent, PdAllocationComponent],
+  declarations: [AddPdComponent, ListPdComponent, EditPdComponent, ViewPdComponent, EditPdMasterComponent, EditPdApplicantComponent, PdAllocationComponent, MapPdViewComponent],
   entryComponents:[PdAllocationComponent],
   providers: [PdTrigerService]
 })

ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.html

@@ -17,7 +17,7 @@
             <button mat-fab class="mr-1 mb-1" style="margin-top: 7px;" [color]="color" (click)="addBranch()" matTooltip="Add Branch" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
         </div>
     </div>
-  
+ 
     <mat-table [dataSource]="dataSource" *ngIf="!noRecordFound" matSort>
     
         <ng-container matColumnDef="serialno">
@@ -70,7 +70,7 @@
         </mat-row>
       </mat-table>
     
-      <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+      <mat-paginator *ngIf="!noRecordFound"  [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]"  showFirstLastButtons></mat-paginator>
 
   </div>
 

ng6-seed/src/app/settings/masters/component/branch/branch-list/branch-list.component.ts

@@ -31,6 +31,9 @@ export class BranchListComponent implements OnInit {
   userdata2:any = [];
   color = 'primary';
   
+  // pagination variable details
+  pageSize = 10; 
+  
   //   changed(id: number,isactive : number) {
   //    console.log('Id',id);
   //    console.log('Isactive',isactive)
@@ -77,7 +80,7 @@ export class BranchListComponent implements OnInit {
           }   
       })
   }
-
+ 
   /**Popup for ADD Branch */
   addBranch() {
     this.isPopupOpened = true;

ng6-seed/src/app/settings/masters/component/city/city-list/city-list.component.html

@@ -161,10 +161,10 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
 
           </div>
- 
+  
           <!-- <div *ngIf="noRecordFound" style="color: red; font-size: 16px;">No records found</div> -->
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>   -->
 </mat-card-content>

ng6-seed/src/app/settings/masters/component/city/city-list/city-list.component.ts

@@ -29,6 +29,8 @@ export class CityListComponent implements OnInit {
   userData = null;
   color = 'primary';
   
+// pagination variable details
+pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/comments-on-locality/comments-on-locality-list/comments-on-locality-list.component.html

@@ -140,7 +140,7 @@
             </mat-row>
           </mat-table>
         
-          <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
         <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>       -->
 </mat-card-content>

ng6-seed/src/app/settings/masters/component/comments-on-locality/comments-on-locality-list/comments-on-locality-list.component.ts

@@ -30,6 +30,8 @@ export class CommentsOnLocalityListComponent implements OnInit {
   CommentsOnLocalityList: any = [];
   userData = null;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/company/company-list/company-list.component.html

@@ -137,7 +137,7 @@
               </mat-row>
             </mat-table>
           
-<mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+<mat-paginator [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
           <!-- <div *ngIf="noRecordFound" style="color: red; font-size: 16px;">No records found</div> -->
           <div *ngIf="noRecordFound" class="nocontent">No records found</div>    

ng6-seed/src/app/settings/masters/component/company/company-list/company-list.component.ts

@@ -38,7 +38,9 @@ export class CompanyListComponent implements OnInit {
   CompanyList: any = [];
   userData = null;
   color = 'primary';
-  
+  // pagination variable details
+  pageSize = 10; 
+
   public dataLength: number;
   public dataSource = new MatTableDataSource();
   displayedColumns = ['serialno', 'name', 'city_name', 'state_name' , 'actions'];

ng6-seed/src/app/settings/masters/component/customer-behaviour/customer-behaviour-list/customer-behaviour-list.component.html

@@ -140,7 +140,7 @@
             </mat-row>
           </mat-table>
         
-          <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
         
         <!-- <div *ngIf="noRecordFound" style="color: red; font-size: 16px;">No records found</div> -->

ng6-seed/src/app/settings/masters/component/customer-behaviour/customer-behaviour-list/customer-behaviour-list.component.ts

@@ -30,6 +30,8 @@ export class CustomerBehaviourListComponent implements OnInit {
   noRecordFound: boolean = false;
   userData = null;
   color = 'primary';
+// pagination variable details
+pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/customer-segment/customer-segment-list/customer-segment-list.component.html

@@ -137,7 +137,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
           
   </mat-card-content>

ng6-seed/src/app/settings/masters/component/customer-segment/customer-segment-list/customer-segment-list.component.ts

@@ -28,6 +28,9 @@ export class CustomerSegmentListComponent implements OnInit {
   CustomerSegmentList: any = [];
   noRecordFound: boolean = false;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
 //  displayedColumns = ['customer_segment_id', 'abbr', 'name',  'isactive','actions'];
 
   userData = null;

ng6-seed/src/app/settings/masters/component/designation/designation-list/designation-list.component.html

@@ -136,7 +136,7 @@
             </mat-row>
           </mat-table>
         
-          <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
 
 </mat-card-content>

ng6-seed/src/app/settings/masters/component/designation/designation-list/designation-list.component.ts

@@ -29,6 +29,8 @@ export class DesignationListComponent implements OnInit {
   noRecordFound: boolean = false; 
   DesignationList: any = [];
   color = 'primary';
+// pagination variable details
+pageSize = 10; 
 
   userData = null;
   

ng6-seed/src/app/settings/masters/component/frequency/frequency-list/frequency-list.component.html

@@ -143,7 +143,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->
           

ng6-seed/src/app/settings/masters/component/frequency/frequency-list/frequency-list.component.ts

@@ -30,7 +30,9 @@ export class FrequencyListComponent implements OnInit {
   FrequencyList: any = [];
   noRecordFound: boolean = false;
   color = 'primary';
-  
+  // pagination variable details
+  pageSize = 10; 
+
   userData = null;
 
   public dataLength: number;

ng6-seed/src/app/settings/masters/component/industry_classification/industry_classification-list/industry_classification-list.component.html

@@ -73,7 +73,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="example-container  mat-elevation-z8">

ng6-seed/src/app/settings/masters/component/industry_classification/industry_classification-list/industry_classification-list.component.ts

@@ -39,6 +39,8 @@ export class IndustryClassificationListComponent implements OnInit {
   
   userData = null;
   color = 'primary';
+// pagination variable details
+pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/lender-hierarchy/lender-hierarchy-list/lender-hierarchy-list.component.html

@@ -133,7 +133,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>       -->

ng6-seed/src/app/settings/masters/component/lender-hierarchy/lender-hierarchy-list/lender-hierarchy-list.component.ts

@@ -32,6 +32,9 @@ export class LenderHierarchyListComponent implements OnInit {
   loader: boolean = false;   
   LenderHierarchyList: any = [];
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   //displayedColumns = ['lender_hierarchy_id', 'lender_hierarchy','isactive','actions'];
   
   userData = null;

ng6-seed/src/app/settings/masters/component/members-occupation/members-occupation-list/members-occupation-list.component.html

@@ -151,7 +151,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->
           

ng6-seed/src/app/settings/masters/component/members-occupation/members-occupation-list/members-occupation-list.component.ts

@@ -31,6 +31,9 @@ export class MembersOccupationListComponent implements OnInit {
   loader: boolean = false;  
   MemberOccupationList: any = [];
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   userData = null;
   noRecordFound: boolean = false;
 

ng6-seed/src/app/settings/masters/component/pd-allocation-type/pd-allocation-type-list.component.html

@@ -80,7 +80,7 @@
             <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
           </mat-table>
         
-          <mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
         <div *ngIf="noRecordFound" class="nocontent">No records found</div>    
 

ng6-seed/src/app/settings/masters/component/pd-allocation-type/pd-allocation-type-list.component.ts

@@ -29,6 +29,9 @@ export class PdAllocationTypeListComponent implements OnInit {
   noRecordFound: boolean = false;
   dataSourceRecords = null;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   private notifier: NotifierService;
   
   public dataLength: number;

ng6-seed/src/app/settings/masters/component/pd-location-approach/pd-location-approach-list/pd-location-approach-list.component.html

@@ -130,7 +130,7 @@
             </mat-row>
           </mat-table>
         
-          <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
 
         <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->

ng6-seed/src/app/settings/masters/component/pd-location-approach/pd-location-approach-list/pd-location-approach-list.component.ts

@@ -37,6 +37,9 @@ export class PdLocationApproachListComponent implements OnInit {
   loader: boolean = false;  
   PdLocationApproachList: any = [];
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   userData = null;
   noRecordFound: boolean = false;
   public dataLength: number;

ng6-seed/src/app/settings/masters/component/pd-type/pd-type-list/pd-type-list.component.html

@@ -130,7 +130,7 @@
             </mat-row>
           </mat-table>
         
-          <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+          <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
         </div>
 
         <!--      -->

ng6-seed/src/app/settings/masters/component/pd-type/pd-type-list/pd-type-list.component.ts

@@ -30,6 +30,9 @@ export class PdTypeListComponent implements OnInit {
   PDTypeList: any = [];
   noRecordFound: boolean = false;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   userData = null;
 
   public dataLength: number;

ng6-seed/src/app/settings/masters/component/product/product-list/product-list.component.html

@@ -82,7 +82,7 @@
       </mat-table>
     
       <!-- <mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator> -->
-      <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+      <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
     </div>
     <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->
 

ng6-seed/src/app/settings/masters/component/product/product-list/product-list.component.ts

@@ -31,6 +31,8 @@ export class ProductListComponent implements OnInit {
   noRecordFound: boolean = false;
   userData = null;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/question-category/question-category-list/question-category-list.component.html

@@ -74,7 +74,7 @@
     </mat-table>
   
     <!-- <mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator> -->
-    <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+    <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
   </div>
   <div *ngIf="noRecordFound" class="nocontent">No records found</div>    
 

ng6-seed/src/app/settings/masters/component/question-category/question-category-list/question-category-list.component.ts

@@ -29,6 +29,8 @@ export class QuestionCategoryListComponent implements OnInit {
   noRecordFound: boolean = false;
   userData = null;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/regions/regions-list/regions-list.component.html

@@ -11,7 +11,7 @@
                     <button mat-fab class="mr-1 mb-1" style="margin-top: 7px;" [color]="color" (click)="addregions()" matTooltip="Add Region" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
                 </div>
           </div>
-    </div>
+    
   
     <mat-table *ngIf="!noRecordFound" [dataSource]="dataSource" matSort >
           
@@ -58,6 +58,7 @@
               <mat-row *matRowDef="let row; columns: displayedColumns;">
               </mat-row>
     </mat-table>
-                  
+    <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+  </div>             
 </mat-card-content>
 <notifier-container></notifier-container>

ng6-seed/src/app/settings/masters/component/regions/regions-list/regions-list.component.ts

@@ -32,6 +32,8 @@ export class RegionsListComponent implements OnInit {
   noRecordFound: boolean = false;
   color = 'primary';
   userData = null;
+  // pagination variable details
+  pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/relation-ship/relation-ship-list/relation-ship-list.component.html

@@ -112,7 +112,7 @@
                </ng-container>
        
               <ng-container matColumnDef="name">
-                <mat-header-cell *matHeaderCellDef mat-sort-header> Relation Ship Name </mat-header-cell>
+                <mat-header-cell *matHeaderCellDef mat-sort-header> Relationship Name </mat-header-cell>
                 <mat-cell *matCellDef="let row"> {{row.name}} </mat-cell>
               </ng-container>
           
@@ -153,7 +153,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->

ng6-seed/src/app/settings/masters/component/relation-ship/relation-ship-list/relation-ship-list.component.ts

@@ -29,6 +29,9 @@ export class RelationShipListComponent implements OnInit {
   RelationShipList: any = [];
   noRecordFound: boolean = false;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   //displayedColumns = ['relationship_id','name','createdon','fk_createdby','updatedon','isactive','fk_updatedby','actions'];
   //relationship_id, name, createdon, fk_createdby, updatedon, fk_updatedby, isactive
   

ng6-seed/src/app/settings/masters/component/states/states-list/states-list.component.html

@@ -176,7 +176,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           

ng6-seed/src/app/settings/masters/component/states/states-list/states-list.component.ts

@@ -29,6 +29,9 @@ export class StatesListComponent implements OnInit {
   loader: boolean = false;  
   StateList: any = [];
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   noRecordFound: boolean = false;
 
   //displayedColumns = ['states_id', 'fk_city_id', 'name', 'createdon', 'fk_createdby', 'updatedon', 'fk_updatedby', 'isactive','actions'];

ng6-seed/src/app/settings/masters/component/sub-product/sub-product-list/sub-product-list.component.html

@@ -165,7 +165,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->

ng6-seed/src/app/settings/masters/component/sub-product/sub-product-list/sub-product-list.component.ts

@@ -33,6 +33,8 @@ export class SubProductListComponent implements OnInit {
 
   userData = null;
   noRecordFound: boolean = false;
+  // pagination variable details
+  pageSize = 10; 
 
   public dataLength: number;
   public dataSource = new MatTableDataSource();

ng6-seed/src/app/settings/masters/component/title/title-list/title-list.component.html

@@ -149,7 +149,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->

ng6-seed/src/app/settings/masters/component/title/title-list/title-list.component.ts

@@ -26,7 +26,10 @@ export class TitleListComponent implements OnInit {
   loader: boolean = false;  
   TitleList: any = [];
   noRecordFound: boolean = false;
-  color = 'primary'; 
+  color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+ 
   //displayedColumns = ['title_id','name','createdon','fk_createdby','updatedon','isactive','fk_updatedby','actions'];
 
   //title_id, name, createdon, fk_createdby, updatedon, fk_updatedby, isactive

ng6-seed/src/app/settings/masters/component/type-of-activity/activity-list/activity-list.component.html

@@ -143,7 +143,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
  
 

ng6-seed/src/app/settings/masters/component/type-of-activity/activity-list/activity-list.component.ts

@@ -33,6 +33,9 @@ export class ActivityListComponent implements OnInit {
   userData = null;
   noRecordFound: boolean = false;
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   public dataLength: number;
   public dataSource = new MatTableDataSource();
   displayedColumns = ['serialno','name','actions', 'isactive'];

ng6-seed/src/app/settings/masters/component/uom/uom-list/uom-list.component.html

@@ -70,7 +70,7 @@
               </mat-row>
             </mat-table>
           
-            <mat-paginator *ngIf="!noRecordFound" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+            <mat-paginator *ngIf="!noRecordFound" [pageSize]="pageSize" [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
           </div>
 
           <!-- <div *ngIf="noRecordFound" class="nocontent">No records found</div>     -->

ng6-seed/src/app/settings/masters/component/uom/uom-list/uom-list.component.ts

@@ -33,6 +33,9 @@ export class UomListComponent implements OnInit {
   loader: boolean = false;  
   UOMList: any = [];
   color = 'primary';
+  // pagination variable details
+  pageSize = 10; 
+
   //displayedColumns = ['uom_id','name','createdon','fk_createdby','updatedon','isactive','fk_updatedby','actions'];
   //uom_id, name, createdon, fk_createdby, updatedon, fk_updatedby, isactive
   

ng6-seed/src/assets/styles/scss/_app.variables.scss

@@ -37,7 +37,7 @@ $main-bg-color:linear-gradient(58deg, #f44336, #673ab7);
 //
 // Typography
 //
-$font-size-base: 0.875rem !default;
+$font-size-base: 1.2rem !default;
 $font-weight-base: 400 !default;
 $font-weight-medium: 500 !default;
 $font-weight-bold: 600 !default;

ng6-seed/src/assets/styles/scss/_material.variables.scss

@@ -4,7 +4,7 @@
 
 @import '~@angular/material/theming';
 /**-- $primary: mat-palette($mat-deep-purple); --*/
-$primary: mat-palette($mat-light-blue);
+$primary: mat-palette($mat-red);
 $accent:  mat-palette($mat-amber, A200, A100, A400);
 $warn: mat-palette($mat-red);
 $theme: mat-light-theme($primary, $accent, $warn);
@@ -24,5 +24,5 @@ $dark-foreground: map-get($dark-theme, foreground);
 
 
 
-
+ 
 

ng6-seed/src/assets/styles/scss/core/_main-header.scss

@@ -91,10 +91,10 @@ mat-toolbar {
     .head-menu {
         font-size: 1.3rem !important;
         border-bottom: 2px solid rgba(255, 255, 255, 0.2);
-        background: linear-gradient(58deg, #f44336, #673ab7);
+        background: linear-gradient(58deg, #ca2126, #ca2126);
         color: #fff;
         &:hover {
-            background: linear-gradient(58deg, #f44336, #673ab7);
+            background: linear-gradient(58deg, #ca2126, #673ab7);
         }
     }
     img {

ng6-seed/src/assets/styles/scss/core/_main-sidebar.scss

@@ -39,7 +39,7 @@
             flex-direction: row;
             align-items: center;
             height: 48px;
-            padding: 0 16px;
+            padding: 0 8px;
             color: $sidebar-menu-color;
         }
         .sub-menu {
@@ -480,7 +480,7 @@
     .sidebar-red {
         .sidebar-panel {
             .bg-overlay {
-                background: rgba(244, 67, 54, 0.8)!important;
+                background: rgb(227, 31, 38)!important;
             }
         }
     }

ng6-seed/src/assets/styles/scss/material/_buttons.scss

@@ -11,6 +11,10 @@ $mat-fab-padding: 16px !default;
   }
 }
 
+[mat-raised-button] {
+  color:red;
+}
+
 [mat-icon-button] {
   &[mat-button-sm] {
     padding: 0;

ng6-seed/src/index.html

@@ -45,7 +45,7 @@
         .sk-cube-grid .sk-cube {
             width: 33%;
             height: 33%;
-            background: #673ab7;
+            background: rgb(227, 31, 38);
             float: left;
             -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
             animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;