@progress/kendo-common-tasks 8.0.7-dev.0 → 8.0.7-dev.18

package/docs-public/editor/builder/app/shared/components/grid/grid.component.ts

@@ -1,243 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { Component, ContentChild, Input, Output, OnInit, EventEmitter } from '@angular/core';
-import { GridComponent, GridDataResult, DataStateChangeEvent, SelectionEvent } from '@progress/kendo-angular-grid';
-import { Observable } from 'rxjs/Observable';
-import { FormGroup } from '@angular/forms';
-import { State } from '@progress/kendo-data-query';
-
-import { DataServiceInterface, ModelDataResult } from '../../../core/data/data-services.exports';
-import { GridIncellEditingService } from '../../services/grid-incell-editing.service';
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
-
-const EDIT_MODE_READ_ONLY = 'ReadOnly';
-const EDIT_MODE_INCELL = 'Incell';
-const EDIT_MODE_INLINE = 'Inline';
-const EDIT_MODE_POPUP = 'Popup';
-
-@Component({
-    selector: 'kb-grid',
-    templateUrl: './grid.component.html'
-})
-export class KbGridComponent implements OnInit {
-    @ContentChild(GridComponent) public kendoGrid: GridComponent;
-
-    @Input() public config: any;
-    @Input() public state: State = {};
-    @Input() public dataService: DataServiceInterface<any>;
-    @Input() public view: Observable<GridDataResult>;
-    @Input() get model(): any {
-        return this._model;
-    }
-    set model(value: any) {
-        this._model = value;
-        this.modelChange.emit(value);
-    }
-
-    @Output() public add: EventEmitter<any> = new EventEmitter();
-    @Output() public edit: EventEmitter<any> = new EventEmitter();
-    @Output() public remove: EventEmitter<any> = new EventEmitter();
-    @Output() public cellClick: EventEmitter<any> = new EventEmitter();
-    @Output() public cellClose: EventEmitter<any> = new EventEmitter();
-    @Output() public modelChange: EventEmitter<any> = new EventEmitter();
-
-    public formGroup: FormGroup = new FormGroup({});
-    public isNew: boolean;
-    public popupActive = false;
-    public editDataModel: any;
-    public selectedKeys: number[] = [];
-
-    private editedRowIndex: number;
-    private incellEditingService: GridIncellEditingService;
-    private data: BehaviorSubject<ModelDataResult<any>>;
-    private _model: any;
-
-    public ngOnInit(): void {
-        if (this.config.editing.mode === EDIT_MODE_INCELL) {
-            this.incellEditingService = new GridIncellEditingService(this.dataService, this.state);
-            this.data = this.incellEditingService.dataChanges();
-            this.view = this.data;
-        }
-    }
-
-    public selectionChange(e: SelectionEvent): void {
-        if (e.selectedRows.length) {
-            this.model = e.selectedRows[0].dataItem;
-        } else {
-            this.model = {};
-        }
-
-        if (this.config.events && this.config.events.onRowSelect) {
-            this.config.events.onRowSelect(e);
-        }
-    }
-
-    public dataStateChange(gridState: DataStateChangeEvent): void {
-        this.state = gridState;
-        if (this.config.serverOperations || this.config.editing.mode !== 'Incell') {
-            this.dataService.read(this.state);
-        } else {
-            this.incellEditingService.read(this.state);
-        }
-    }
-
-    public addHandler(e) {
-        const { sender } = e;
-        this.isNew = true;
-        this.editDataModel = this.config.createModel();
-        this.add.emit();
-        if (this.config.events && this.config.events.onRowCreate) {
-            this.config.events.onRowCreate(e);
-        }
-
-        switch (this.config.editing.mode) {
-            case EDIT_MODE_INLINE:
-            case EDIT_MODE_INCELL:
-                this.closeEditor(sender);
-                sender.addRow(this.formGroup);
-                break;
-
-            case EDIT_MODE_POPUP:
-                this.popupActive = true;
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    public editHandler(e) {
-        const { sender, rowIndex, dataItem } = e;
-        this.editDataModel = dataItem;
-        this.isNew = false;
-        this.edit.emit();
-        if (this.config.events && this.config.events.onRowUpdate) {
-            this.config.events.onRowUpdate(e);
-        }
-
-        switch (this.config.editing.mode) {
-            case EDIT_MODE_INLINE:
-                this.closeEditor(sender);
-                this.editedRowIndex = rowIndex;
-                sender.editRow(rowIndex, this.formGroup);
-                break;
-
-            case EDIT_MODE_POPUP:
-                this.popupActive = true;
-                break;
-
-            default:
-                break;
-        }
-    }
-
-    public cancelHandler({ sender, rowIndex }) {
-        this.closeEditor(sender, rowIndex);
-    }
-
-    public saveHandler({ sender, rowIndex, formGroup, isNew }) {
-        switch (this.config.editing.mode) {
-            case EDIT_MODE_INCELL:
-                if (formGroup.valid) {
-                    this.incellEditingService.create(this.editDataModel);
-                    sender.closeRow(rowIndex);
-                }
-                break;
-            case EDIT_MODE_INLINE:
-                const item: any = this.editDataModel;
-
-                if (isNew) {
-                    this.dataService.create(item);
-                } else {
-                    this.dataService.update(item);
-                }
-
-                sender.closeRow(rowIndex);
-
-                break;
-
-            case EDIT_MODE_POPUP:
-                if (this.isNew) {
-                    this.dataService.create(this.editDataModel);
-                } else {
-                    this.dataService.update(this.editDataModel);
-                }
-                this.popupActive = false;
-                break;
-
-            default:
-                break;
-        }
-
-    }
-
-    public removeHandler(e) {
-        const { sender, dataItem } = e;
-        if (this.config.events && this.config.events.onRowDelete) {
-            this.config.events.onRowDelete(e);
-        }
-        if (this.config.editing.mode === EDIT_MODE_INCELL) {
-            this.incellEditingService.remove(dataItem);
-            sender.cancelCell();
-        } else {
-            this.remove.emit();
-            this.dataService.remove(dataItem);
-        }
-    }
-
-    // Used in InCell mode
-    public saveChanges(): void {
-        this.kendoGrid.closeCell();
-        this.kendoGrid.cancelCell();
-
-        this.incellEditingService.saveChanges();
-    }
-
-    // Used in InCell mode
-    public cancelChanges(): void {
-        this.kendoGrid.cancelCell();
-
-        this.incellEditingService.cancelChanges();
-    }
-
-    // Used in InCell mode
-    public cellClickHandler({ sender, rowIndex, columnIndex, dataItem, isEdited }) {
-        if (!isEdited) {
-            this.editDataModel = dataItem;
-            this.cellClick.emit();
-            sender.editCell(rowIndex, columnIndex, this.formGroup);
-        }
-    }
-
-    // Used in InCell mode
-    public cellCloseHandler(args: any) {
-        const { formGroup } = args;
-
-        this.cellClose.emit();
-        if (!formGroup.valid) {
-             // prevent closing the edited cell if there are invalid values.
-            args.preventDefault();
-        } else if (formGroup.dirty) {
-            this.incellEditingService.update(this.editDataModel);
-        }
-    }
-
-    private closeEditor(grid, rowIndex = this.editedRowIndex) {
-        switch (this.config.editing.mode) {
-            case EDIT_MODE_INLINE:
-            case EDIT_MODE_INCELL:
-                grid.closeRow(rowIndex);
-                this.editedRowIndex = undefined;
-                break;
-
-            case EDIT_MODE_POPUP:
-                this.popupActive = false;
-                break;
-
-            default:
-                break;
-        }
-    }
-}

package/docs-public/editor/builder/app/shared/services/grid-incell-editing.service.ts

@@ -1,120 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { Injectable } from '@angular/core';
-
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
-import { ModelDataResult, DataServiceInterface} from '../../core/data/data-services.exports';
-import { process, State } from '@progress/kendo-data-query';
-
-export class GridIncellEditingService {
-    private data: any[] = [];
-    private originalData: any[] = [];
-    private createdItems: any[] = [];
-    private updatedItems: any[] = [];
-    private deletedItems: any[] = [];
-    private dataStream: BehaviorSubject<ModelDataResult<any>> = new BehaviorSubject<ModelDataResult<any>>(null);
-
-    constructor(public dataService: DataServiceInterface<any>, private state: State) {
-        dataService.dataChanges().subscribe(data => {
-            if (data) {
-                this.data = dataService.fetchedData().data;
-                this.originalData = this.cloneData(this.data);
-                this.read(this.state);
-            }
-        });
-    }
-
-    public dataChanges(): BehaviorSubject<ModelDataResult<any>> {
-        return this.dataStream;
-    }
-
-    public read(state: State): void {
-        this.state = state;
-        const currentData: ModelDataResult<any> = process(this.data, state);
-        return this.dataStream.next(currentData);
-    }
-
-    public create(item: any): void {
-        this.createdItems.push(item);
-        this.data.unshift(item);
-        this.read(this.state);
-    }
-
-    public update(item: any): void {
-        if (!this.isNew(item)) {
-            const index = this.itemIndex(item, this.updatedItems);
-            if (index !== -1) {
-                this.updatedItems.splice(index, 1, item);
-            } else {
-                this.updatedItems.push(item);
-            }
-        } else {
-            const index = this.itemIndex(item, this.createdItems);
-            this.createdItems.splice(index, 1, item);
-        }
-    }
-
-    public remove(item: any): void {
-        const dataItemIndex = this.itemIndex(item, this.data);
-        this.data.splice(dataItemIndex, 1);
-
-        const createdItemIndex = this.itemIndex(item, this.createdItems);
-        if (createdItemIndex >= 0) {
-            this.createdItems.splice(createdItemIndex, 1);
-        } else {
-            this.deletedItems.push(item);
-        }
-
-        const updatedItemIndex = this.itemIndex(item, this.updatedItems);
-        if (updatedItemIndex >= 0) {
-            this.updatedItems.splice(updatedItemIndex, 1);
-        }
-
-        this.read(this.state);
-    }
-
-    public hasChanges(): boolean {
-        return Boolean(this.deletedItems.length || this.updatedItems.length || this.createdItems.length);
-    }
-
-    public isNew(item: any): boolean {
-        return this.itemIndex(item, this.createdItems) !== -1;
-    }
-
-    public saveChanges(): void {
-        this.dataService.batch(this.deletedItems, this.createdItems, this.updatedItems);
-        this.reset();
-    }
-
-    public cancelChanges(): void {
-        this.reset();
-
-        this.data = this.originalData;
-        this.originalData = this.cloneData(this.originalData);
-        this.read(this.state);
-    }
-
-    private reset() {
-        this.data = [];
-        this.deletedItems = [];
-        this.updatedItems = [];
-        this.createdItems = [];
-    }
-
-    private cloneData(data: any[]) {
-        return data.map(item => Object.assign({}, item));
-    }
-
-    private itemIndex(item: any, data: any[]): number {
-        const itemStringified = JSON.stringify(item);
-        for (let idx = 0; idx < data.length; idx++) {
-            if (JSON.stringify(data[idx]) === itemStringified) {
-                return idx;
-            }
-        }
-
-        return -1;
-    }
-}

package/docs-public/editor/builder/app/topSection.html

@@ -1,12 +0,0 @@
-<!--
-Add your custom code here.
-This file and any changes you make to it are preserved every time the app is generated.
--->
-<fieldset>
-    <legend>Settings</legend>
-    <label>Allow paging</label>
-    <input #togglePagingChBox type="checkbox" checked="true" (change)="togglePaging(togglePagingChBox.checked)" />
-    <br>
-    <label>Hide Columns</label>
-    <kendo-multiselect [data]="columns" (valueChange)="toggleColumnsVisibility($event)"></kendo-multiselect>
-</fieldset>

package/docs-public/editor/builder/app/topSection.ts

@@ -1,25 +0,0 @@
-/////////////////////////////////////////////////////
-// Add your custom code here.
-// This file and any changes you make to it are preserved every time the app is generated.
-/////////////////////////////////////////////////////
-import { Component, Optional } from '@angular/core';
-import { GridDemoComponent } from './grid-demo.component';
-
-@Component({
-    selector: 'kb-top-section',
-    templateUrl: './topSection.html'
-})
-export class TopSectionComponent {
-    public columns: Array<string> = ['CompanyName', 'ContactName', 'ContactTitle', 'Address'];
-
-    constructor(@Optional() public parent: GridDemoComponent) {
-    }
-
-    public togglePaging(checked: boolean): void {
-        this.parent.togglePaging(checked);
-    }
-
-    public toggleColumnsVisibility(value: Array<string>): void {
-        this.parent.toggleColumnsVisibility(value);
-    }
-}