11 changed files
projects/igniteui-angular-extras | ||
src/lib/context-menu | ||
chart-dialog | ||
chart-dialog.component.scss | ||
chart-dialog.component.ts | ||
context-menu.component.html | ||
context-menu.component.scss | ||
igx-context-menu.directive.ts | ||
package.json | ||
src | ||
app | ||
grid-data-analysis | ||
grid-data-analysis.component.html | ||
app.module.ts | ||
styles.scss | ||
package-lock.json | ||
package.json | ||
chart-dialog.component.scss
/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.scss-1+1/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.scss
Add comment 1 @use '@infragistics/igniteui-angular/lib/core/styles/themes/_index' as *;
Add comment 2 $scrollbar-theme: scrollbar-theme(
Add comment 3 Minus $scrollbar-size: 8px
Add comment 3 Plus $sb-size: 8px
Add comment 4 );
Add comment 5
Add comment 6 .ig-chart-legend-items-list {
chart-dialog.component.ts
/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.ts-3+7/projects/igniteui-angular-extras/src/lib/context-menu/chart-dialog/chart-dialog.component.ts
Add comment 1 Minus import { AfterViewInit, Component, EventEmitter, HostBinding,
Add comment 2 Minus Output, ViewChild, ViewContainerRef, ViewEncapsulation, ElementRef} from '@angular/core';
Add comment 1 Plus import {
Add comment 2 Plus AfterViewInit, Component, EventEmitter, HostBinding,
Add comment 3 Plus Output, ViewChild, ViewContainerRef, ViewEncapsulation, ElementRef
Add comment 4 Plus } from '@angular/core';
Add comment 3 5 import * as charts from '../../../images/charts';
Add comment 4 6 import { Subject } from 'rxjs';
Add comment 5 7 import { ResizeObserver } from '@juggle/resize-observer';
Add comment 52 54
Add comment 53 55 public ngAfterViewInit() {
Add comment 54 56
Add comment 55 Minus this.contentObserver = new ResizeObserver ( (args) => this.chartDialogResizeNotify.next(args));
Add comment 57 Plus this.contentObserver = new ResizeObserver((args) => this.chartDialogResizeNotify.next(args));
Add comment 56 58 this.contentObserver.observe(this.element.nativeElement);
Add comment 57 59
Add comment 58 60 this.createChart(this.currentChartType);
Add comment 69 71 public createChart(chartType) {
Add comment 70 72 this.currentChartType = chartType;
Add comment 71 73 this.title = chartType.split(/(?=[A-Z])/).toString().replace(',', ' ');
Add comment 74 Plus try {
Add comment 72 75 this.chartArea.clear();
Add comment 76 Plus } catch (e) { }
Add comment 73 77 this.chartDirective.chartFactory(chartType, this.chartArea);
Add comment 74 78 }
Add comment 75 79 }
context-menu.component.html
/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.html-2+2/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.html
Add comment 51 </span>
Add comment 52 <span class="more-action chart" [ngClass]="{'disableButton': !chartTypes.length}"
Add comment 53 (click)="openDialog()">
Add comment 54 Minus <button class="more-btn more-icon" igxIconButton="flat" igxButtonBackground="#EBEBEB"
Add comment 55 Minus igxButtonColor="black">
Add comment 54 Plus <button class="more-btn more-icon" igxIconButton="flat" [style.--background]="'#EBEBEB'"
Add comment 55 Plus [style.--foreground]="'black'">
Add comment 56 <igx-icon class="icon" family="material">more_horiz</igx-icon>
Add comment 57 </button>
Add comment 58 <span class="name btn">More...</span>
context-menu.component.scss
/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.scss-1+1/projects/igniteui-angular-extras/src/lib/context-menu/context-menu.component.scss
Add comment 2 $font-family: "Titillium Web", "Roboto", "Helvetica Neue", sans-serif;
Add comment 3
Add comment 4 $scrollbar-theme: scrollbar-theme(
Add comment 5 Minus $scrollbar-size: 8px
Add comment 5 Plus $sb-size: 8px
Add comment 6 );
Add comment 7
Add comment 8 .analytics-btn {
igx-context-menu.directive.ts
/projects/igniteui-angular-extras/src/lib/context-menu/igx-context-menu.directive.ts-4+4/projects/igniteui-angular-extras/src/lib/context-menu/igx-context-menu.directive.ts
Add comment 17
Add comment 18 public formatters = [];
Add comment 19 public charts = [];
Add comment 20 Minus public gridResizeNotify = new Subject();
Add comment 20 Plus public gridResizeNotify = new Subject<void>();
Add comment 21 private contentObserver: ResizeObserver;
Add comment 22 private _range;
Add comment 23 private _id;
Add comment 24 private _collapsed = true;
Add comment 25 Minus private destroy$ = new Subject<any>();
Add comment 25 Plus private destroy$ = new Subject<boolean>();
Add comment 26 private _analyticsBtnSettings: OverlaySettings = {
Add comment 27 closeOnOutsideClick: false,
Add comment 28 modal: false
Add comment 117 horizontalDirection: HorizontalAlignment.Right,
Add comment 118 horizontalStartPoint: HorizontalAlignment.Right,
Add comment 119 verticalStartPoint: VerticalAlignment.Bottom,
Add comment 120 Minus verticalDirection: VerticalAlignment.Bottom, closeAnimation: null,
Add comment 121 Minus target: cell.nativeElement
Add comment 120 Plus verticalDirection: VerticalAlignment.Bottom, closeAnimation: null
Add comment 122 121 });
Add comment 122 Plus this._analyticsBtnSettings.target = cell.nativeElement;
Add comment 123 this._analyticsBtnSettings.scrollStrategy = new AbsoluteScrollStrategy();
Add comment 124 const info = this.overlayService.getOverlayById(this._id);
Add comment 125 if (info) {
package.json
/projects/igniteui-angular-extras/package.json/projects/igniteui-angular-extras/package.json
grid-data-analysis.component.html
/src/app/grid-data-analysis/grid-data-analysis.component.html/src/app/grid-data-analysis/grid-data-analysis.component.html