Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
{
aggregate: (parent: any, data: any[]) => {
return parent.Change / (parent.Price - parent.Change) * 100;
},
field: "Change(%)"
}
];
public primaryKey = "ID";
public childDataKey = "Children";
public groupColumnKey = "Categories";
public items: any[] = [{ field: "Export native" }, { field: "Export JS Excel" }];
public _positionSettings: PositionSettings = {
horizontalDirection: HorizontalAlignment.Left,
horizontalStartPoint: HorizontalAlignment.Right,
verticalStartPoint: VerticalAlignment.Bottom
};
public _overlaySettings: OverlaySettings = {
closeOnOutsideClick: true,
modal: false,
positionStrategy: new ConnectedPositioningStrategy(this._positionSettings),
scrollStrategy: new AbsoluteScrollStrategy()
};
private subscription;
private selectedButton;
private _timer;
private volumeChanged;
// tslint:disable-next-line: max-line-length
{
aggregate: (parent: any, data: any[]) => {
return parent.Change / (parent.Price - parent.Change) * 100;
},
field: "Change(%)"
}
];
public primaryKey = "ID";
public childDataKey = "Children";
public groupColumnKey = "Categories";
public items: any[] = [{field: "Export native"}, { field: "Export JS Excel"}];
public _positionSettings: PositionSettings = {
horizontalDirection: HorizontalAlignment.Left,
horizontalStartPoint: HorizontalAlignment.Right,
verticalStartPoint: VerticalAlignment.Bottom
};
public _overlaySettings: OverlaySettings = {
closeOnOutsideClick: true,
modal: false,
positionStrategy: new ConnectedPositioningStrategy(this._positionSettings),
scrollStrategy: new AbsoluteScrollStrategy()
};
private subscription;
private selectedButton;
private _timer;
// tslint:disable-next-line:member-ordering
constructor(private zone: NgZone, private localService: LocalDataService, private elRef: ElementRef) {
public showOverlay() {
if (!this._overlayId) {
const positionSettings: PositionSettings = {
target: this.buttonElement.nativeElement,
horizontalDirection: HorizontalAlignment.Left,
verticalDirection: VerticalAlignment.Top,
horizontalStartPoint: HorizontalAlignment.Right,
verticalStartPoint: VerticalAlignment.Top
};
const strategy = new ConnectedPositioningStrategy(positionSettings);
// Initialize and use overlay settings
const overlaySettings: OverlaySettings = {
// Pass in the positioning strategy
positionStrategy: strategy
};
this._overlayId = this.overlayService.attach(MyDynamicCardComponent, overlaySettings);
}
this.overlayService.show(this._overlayId);
}
public localData: any[];
public dealsSummary = DealsSummary;
public earliestSummary = EarliestSummary;
public soonSummary = SoonSummary;
public cols: QueryList;
public hiddenColsLength: number;
public pinnedColsLength: number;
public searchText: string = "";
public caseSensitive: boolean = false;
public _positionSettings: PositionSettings = {
horizontalDirection: HorizontalAlignment.Left,
horizontalStartPoint: HorizontalAlignment.Right,
verticalStartPoint: VerticalAlignment.Bottom
};
public _overlaySettings: OverlaySettings = {
closeOnOutsideClick: true,
modal: false,
positionStrategy: new ConnectedPositioningStrategy(this._positionSettings),
scrollStrategy: new CloseScrollStrategy()
};
private frmt: Intl.DateTimeFormat;
constructor(private excelExporterService: IgxExcelExporterService) { }
public ngOnInit() {
const employees = data;
public ngOnInit(): void {
const positionSettings: PositionSettings = {
closeAnimation: scaleOutBottom,
horizontalDirection: HorizontalAlignment.Right,
horizontalStartPoint: HorizontalAlignment.Left,
openAnimation: scaleInTop,
target: this.igxSelect.inputGroup.element.nativeElement,
verticalDirection: VerticalAlignment.Bottom,
verticalStartPoint: VerticalAlignment.Bottom
};
this.customOverlaySettings = {
positionStrategy: new ConnectedPositioningStrategy(
positionSettings
),
scrollStrategy: new AbsoluteScrollStrategy()
};
}
}
public onClickPosition(horAlign, vertAlign) {
const positionSettings =
Object.assign(Object.assign({}, this._defaultPositionSettings), {
target: this.positionDemo.nativeElement,
horizontalStartPoint: horAlign, verticalStartPoint: vertAlign,
horizontalDirection: HorizontalAlignment.Right, verticalDirection: VerticalAlignment.Bottom
});
const showSettings =
Object.assign(Object.assign({}, this._overlaySettings), {
positionStrategy: new ConnectedPositioningStrategy(positionSettings)
});
this.overlay.show(this.overlayDemo, showSettings);
}
public onClickModal(event: Event, strat: string) {
event.stopPropagation();
const positionSettings = Object.assign(Object.assign({}, this._defaultPositionSettings), {
target: this.modalDemo.nativeElement,
horizontalDirection: HorizontalAlignment.Right,
horizontalStartPoint: HorizontalAlignment.Right,
verticalDirection: VerticalAlignment.Bottom,
verticalStartPoint: VerticalAlignment.Bottom
});
let positionStrategy;
switch (strat) {
case ("auto"):
positionStrategy = new AutoPositionStrategy(positionSettings);
break;
case ("connected"):
positionStrategy = new ConnectedPositioningStrategy(positionSettings);
break;
default:
positionStrategy = new GlobalPositionStrategy(Object.assign(positionSettings, {
horizontalDirection: HorizontalAlignment.Center,
verticalDirection: VerticalAlignment.Middle
}));
public toggleChartSelectionDialog(event) {
if (!this.chartSelectionDialog.isOpen) {
this._chartSelectionDilogOverlaySettings.outlet = this.outlet;
const positionStrategy = {
verticalStartPoint: VerticalAlignment.Bottom,
target: event.target
};
if (((this.grid.visibleColumns.length - 1) - this.colIndex) < 2 || !this.grid.navigation.isColumnFullyVisible(this.colIndex + 1)) {
positionStrategy["horizontalDirection"] = HorizontalAlignment.Left;
positionStrategy["horizontalStartPoint"] = HorizontalAlignment.Right;
} else {
positionStrategy["horizontalDirection"] = HorizontalAlignment.Center;
positionStrategy["horizontalStartPoint"] = HorizontalAlignment.Center;
}
this._chartSelectionDilogOverlaySettings.positionStrategy = new AutoPositionStrategy({ ...positionStrategy });
this.chartSelectionDialog.open(this._chartSelectionDilogOverlaySettings);
} else {
this.chartSelectionDialog.close();
}
}
} from "igniteui-angular";
@Component({
encapsulation: ViewEncapsulation.None,
selector: "app-dropdown-menu",
styleUrls: ["./dropdown-menu.component.scss"],
templateUrl: "./dropdown-menu.component.html"
})
export class DropdownMenuComponent {
public items: Array<{ text: string }> =
[{ text: "Add New Contact" }, { text: "Edit Contact" }, { text: "Refresh" }, { text: "Help" }];
public text: string;
public overlaySettings = {
positionStrategy: new ConnectedPositioningStrategy({
horizontalDirection: HorizontalAlignment.Left,
horizontalStartPoint: HorizontalAlignment.Right,
verticalStartPoint: VerticalAlignment.Bottom
}),
scrollStrategy: new NoOpScrollStrategy()
};
public onSelection(eventArgs: ISelectionEventArgs) {
this.text = eventArgs.newSelection.value;
eventArgs.cancel = true;
}
}
public onClickModal(event: Event, strategy: string) {
event.stopPropagation();
const positionSettings = Object.assign(Object.assign({}, this._defaultPositionSettings), {
target: this.modalDemo.nativeElement,
horizontalDirection: HorizontalAlignment.Right,
horizontalStartPoint: HorizontalAlignment.Right,
verticalDirection: VerticalAlignment.Bottom,
verticalStartPoint: VerticalAlignment.Bottom
});
let positionStrategy;
switch (strategy) {
case ("auto"):
positionStrategy = new AutoPositionStrategy(positionSettings);
break;
case ("elastic"):
positionStrategy = new ElasticPositionStrategy(positionSettings);
break;
case ("connected"):
positionStrategy = new ConnectedPositioningStrategy(positionSettings);
break;
default: