Merge pull request #1432 from IgniteUI/mpavlov/groupby-styling-sample

Removing some unused code in the GroupBy styling sample

Author: mpavlinov

src/app/grid/grid-groupby-styling/grid-groupby-styling.component.scss

@@ -24,10 +24,6 @@ $custom-chips-theme: igx-chip-theme(
     $hover-text-color: #e7e7e7
 );
 
-$custom-checkbox-theme: igx-checkbox-theme(
-    $fill-color: #ffcd0f
-);
-
 /* Palette */
 
 // $black-color: #292826;
@@ -51,6 +47,12 @@ $custom-checkbox-theme: igx-checkbox-theme(
 //     $cell-active-border-color: igx-color($custom-palette, "secondary", 600)
 // );
 
+// $custom-chips-theme: igx-chip-theme(
+//     $background: igx-color($custom-palette, "primary", 300),
+//     $text-color: igx-contrast-color($custom-palette, "primary", 500),
+//     $hover-text-color: igx-contrast-color($custom-palette, "primary", 600)
+// );
+
 /* Schema */
 
 // $custom-grid-schema: extend($_light-grid,
@@ -78,49 +80,9 @@ $custom-checkbox-theme: igx-checkbox-theme(
 //   $schema: $my-custom-schema
 // );
 
-.igx-grid__grouparea-connector {
-    color: #000;
-}
-
-.grid-controls {
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: space-between;
-    margin: 0 16px 24px;
-
-    igx-switch {
-        margin-top: 24px;
-    }
-
-}
-
-.grid__wrapper {
-    margin: 0;
-}
-
-.header-icon {
-    font-size: 1.4em;
-    width: 1.1em;
-    height: 1.1em;
-    float: right;
-    cursor: pointer;
-}
-
-.header {
-    height: 100%;
-}
-
-.igx-grid__th .title {
-    width: 100%;
-    cursor: auto;
-}
-
 :host {
     ::ng-deep {
         @include igx-grid($custom-theme);
         @include igx-chip($custom-chips-theme);
-        @include igx-checkbox($custom-checkbox-theme);
     }
 }
-
-

src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts

@@ -34,16 +34,4 @@ export class GridGroupByStyling {
     public formatCurrency(value: number) {
         return "$" + value.toFixed(2);
     }
-    public isDate(value: any) {
-        if (value instanceof Date) {
-            return true;
-        } else {
-            return false;
-        }
-    }
-    public calc2017(values: any[]) {
-        const startDate = new Date("1/1/2017");
-        const endDate = new Date("12/31/2017");
-        return values.filter((x) => x.OrderDate >= startDate && x.OrderDate <= endDate).length;
-    }
 }