Merge pull request #3131 from IgniteUI/sstoychev/dark-crm-2-master

adding dark param for crm grid - master

Author: ChronosSF

projects/app-crm/src/app/app.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterModule } from '@angular/router';
 import {
     IgxAutocompleteModule, IgxButtonModule, IgxIconModule, IgxInputGroupModule, IgxLayoutModule,
     IgxRippleModule, IgxGridModule, IgxAvatarModule
@@ -25,6 +26,7 @@ import { GridCRMComponent } from './grid-crm/grid-crm.component';
         IgxAvatarModule,
         IgxInputGroupModule,
         BrowserModule,
+        RouterModule.forRoot([]),
         BrowserAnimationsModule,
         IgxButtonModule,
         FormsModule,

projects/app-crm/src/app/grid-crm/grid-crm.component.html

@@ -1,4 +1,4 @@
-<div class="grid__wrapper">
+<div [ngClass]="{'grid__wrapper': true, 'dark_grid': dark === true }">
     <igx-grid #grid1 [igxPreventDocumentScroll]="true" id="grid1" [data]="localData" [height]="'430px'" [moving]="true" [width]="'100%'" [rowSelection]="selectionMode" displayDensity="cosy" rowHeight="50" [allowFiltering]="true">
         <igx-grid-toolbar>
             <igx-grid-toolbar-actions>
@@ -35,7 +35,7 @@
                                     </span>
                                 </div>
                                 <div class="caseSensitiveButton">
-                                    <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()" [igxButtonBackground]="caseSensitive? 'rgb(73, 180, 254)' : 'transparent'">
+                                    <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()" [class]="caseSensitive? 'case-sensitive--active' : ''">
                                         <igx-icon class="caseSensitiveIcon" family="material">text_fields</igx-icon>
                                     </button>
                                 </div>