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

package/docs-public/editor/builder/app/core/data/data-services.exports.ts

@@ -1,71 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-
-import { Injectable } from '@angular/core';
-import { DataResult } from '@progress/kendo-data-query';
-import { EventEmitter } from '@angular/core';
-
-import { Observable } from 'rxjs/Observable';
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
-
-import { State } from '@progress/kendo-data-query';
-
-import { DataService } from './data.service';
-
-export class PrimaryKeyField {
-    public name: string;
-    public type: string;
-}
-
-export class DataServiceConfig {
-    public dataProviderName: string;
-    public serverOperations = false;
-    public mapData?: (dataItem: any) => any;
-}
-
-export class ModelDataResult<T> implements DataResult {
-    public data: T[];
-    public total: number;
-}
-
-export interface DataServiceInterface<T> {
-    errors: BehaviorSubject<Error>;
-    events: EventEmitter<DataServiceEvent>;
-    fetchedData(): ModelDataResult<T>;
-    dataChanges(): BehaviorSubject<ModelDataResult<T>>;
-    read(state: State): void;
-    create(item: any): void;
-    update(item: any): void;
-    remove(item: any): void;
-    batch(deletedItems: any[], createdItems: any[], updatedItems: any[]): void;
-}
-
-export class DataServiceEvent {
-    action: string;
-}
-
-export class DataServiceRequest {
-    url: string;
-    routeParams?: { [param: string]: any };
-    queryString?: string;
-}
-
-export abstract class DataServiceFactory {
-    public abstract getService<T>(config: DataServiceConfig): DataService<T>;
-}
-
-export class ODataServiceConfig extends DataServiceConfig {
-    public tableName: string;
-    public primaryKeys: PrimaryKeyField[];
-}
-
-@Injectable()
-export class DataProviderService {
-    public get(providerName: string) {
-        return {
-            serviceUri: 'https://odatasampleservices.azurewebsites.net/V4/Northwind/Northwind.svc/'
-        };
-    }
-}

package/docs-public/editor/builder/app/core/data/data.service.ts

@@ -1,183 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { EventEmitter } from '@angular/core';
-import { HttpClient, HttpResponse, HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
-
-import { Observable } from 'rxjs/Observable';
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
-import { zip } from 'rxjs/observable/zip';
-import { tap } from 'rxjs/operators/tap';
-import { map } from 'rxjs/operators/map';
-import { publish } from 'rxjs/operators/publish';
-import { last } from 'rxjs/operators/last';
-
-import { process, State } from '@progress/kendo-data-query';
-
-import { DataServiceInterface, DataServiceConfig, DataServiceRequest, ModelDataResult, DataProviderService, DataServiceEvent} from './data-services.exports';
-
-export abstract class DataService<T> implements DataServiceInterface<T> {
-    // In case someone wants to refresh the data with the current state
-    public state: State;
-    public readonly errors = new BehaviorSubject<Error>(null);
-    public readonly events = new EventEmitter<DataServiceEvent>();
-
-    protected dataResult: ModelDataResult<T>;
-
-    private shouldFetch = true;
-    private dataStream: BehaviorSubject<ModelDataResult<T>> = new BehaviorSubject<ModelDataResult<T>>(null);
-
-    constructor(
-        protected config: DataServiceConfig,
-        protected http: HttpClient,
-        protected dataProviderService: DataProviderService,
-        protected initialState: State = {}
-    ) {
-		
-	}
-
-    public dataChanges(): BehaviorSubject<ModelDataResult<T>> {
-        return this.dataStream;
-    }
-
-    public read(state?: State): void {
-        if (state) {
-            this.state = state;
-        } else {
-            this.state = this.initialState;
-        }
-
-        if (!this.config.serverOperations && this.dataResult && this.dataResult.data.length) {
-            const currentData: ModelDataResult<T> = process(this.dataResult.data, this.state);
-            return this.dataStream.next(currentData);
-        }
-
-        if (this.shouldFetch) {
-            this.shouldFetch = false;
-            const requestState = this.config.serverOperations ? this.state : {};
-
-            this.readRequest(requestState)
-                .pipe(
-                    map(response => this.parseResponse(response)),
-                    tap(data => this.dataResult = data)
-                )
-                .subscribe(data => {
-                    this.shouldFetch = true;
-
-                    if (!this.config.serverOperations) {
-                        data = process(data.data, this.state);
-                    }
-
-                    this.dataStream.next(data);
-                }, (err: HttpErrorResponse) => {
-                    this.shouldFetch = true;
-                    this.handleError(err);
-                    this.dataStream.next(this.dataResult || { data: [], total: 0 });
-                });
-        }
-    }
-
-    public create(item: any): void {
-        this.handleRequest(this.createRequest(item), { action: 'create' });
-    }
-
-    public update(item: any): void {
-        this.handleRequest(this.updateRequest(item), { action: 'update' });
-    }
-
-    public remove(item: any): void {
-        this.handleRequest(this.removeRequest(item), { action: 'remove' });
-    }
-
-    public batch(deletedItems: any[], createdItems: any[], updatedItems: any[]): void {
-        deletedItems.forEach(item => {
-            this.remove(item);
-        });
-        updatedItems.forEach(item => {
-            this.update(item);
-        });
-        createdItems.forEach(item => {
-            this.create(item);
-        });
-    }
-
-    public fetchedData(): ModelDataResult<T> {
-        return this.dataResult;
-    }
-
-    protected request(method: string, url: string, options: {
-        body?: any;
-        headers?: HttpHeaders | {
-            [header: string]: string | string[];
-        };
-        reportProgress?: boolean;
-        observe: 'response';
-        params?: HttpParams | {
-            [param: string]: string | string[];
-        };
-        responseType?: 'json';
-        withCredentials?: boolean;
-    }): Observable<HttpResponse<Object>> {
-        options.headers = options.headers || new HttpHeaders();
-
-        return this.http.request(method, url, options);
-    }
-
-    protected handleRequest(request: Observable<any>, event: DataServiceEvent): void {
-        this.reset();
-
-        request.subscribe(() => {
-            this.read(this.state);
-            this.events.emit(event);
-        }, (err: HttpErrorResponse) => {
-            this.handleError(err);
-        });
-    }
-
-    protected abstract readRequest(state: State): Observable<HttpResponse<Object>>;
-    protected abstract createRequest(data: any): Observable<any>;
-    protected abstract updateRequest(data: any): Observable<any>;
-    protected abstract removeRequest(data: any): Observable<any>;
-    protected abstract parseResponse(response: HttpResponse<Object>): ModelDataResult<T>;
-
-    protected getAbsoluteUrl(request: DataServiceRequest): string {
-        const dataProvider = this.dataProviderService.get(this.config.dataProviderName);
-        let serviceUri = dataProvider ? dataProvider.serviceUri : '';
-        serviceUri = serviceUri.replace(/[/]$/, '') + '/';
-
-        const resourceUrl = Object.keys(request.routeParams || {}).reduce((prev, current) => {
-            const regEx = new RegExp(':' + current, 'gi');
-            return prev.replace(regEx, request.routeParams[current]);
-
-        }, request.url);
-
-        const queryString = request.queryString && request.queryString.length ? '?' + request.queryString : '';
-
-        return `${serviceUri}${resourceUrl}${queryString}`;
-    }
-
-    protected getQueryString(state: State): string {
-        return '';
-    }
-
-    protected mapData(data: any[]): T[] {
-        if (this.config.mapData) {
-            return data.map(item => this.config.mapData(item));
-        }
-
-        return data;
-    }
-
-    protected handleError(err: HttpErrorResponse) {
-        if (err.error instanceof Error) {
-            this.errors.next(err.error);
-        } else {
-            this.errors.next(new Error(`${err.status} - ${err.statusText}`));
-        }
-    }
-
-    private reset(): void {
-        this.dataResult = null;
-    }
-}

package/docs-public/editor/builder/app/core/data/odata-service-factory.ts

@@ -1,23 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-
-import { State } from '@progress/kendo-data-query';
-
-import { DataProviderService, DataServiceFactory, ODataServiceConfig} from './data-services.exports';
-import { DataService } from './data.service';
-import { ODataService } from './odata.service';
-
-@Injectable()
-export class ODataServiceFactory extends DataServiceFactory {
-    constructor(protected http: HttpClient, protected dataProviderService: DataProviderService) {
-        super();
-    }
-
-    public getService<T>(config: ODataServiceConfig, state?: State): DataService<T> {
-        return new ODataService<T>(config, this.http, this.dataProviderService, state);
-    }
-}

package/docs-public/editor/builder/app/core/data/odata.service.ts

@@ -1,88 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { HttpClient, HttpResponse } from '@angular/common/http';
-
-import { Observable } from 'rxjs/Observable';
-
-import { State, toODataString } from '@progress/kendo-data-query';
-
-import { DataService } from './data.service';
-import { PrimaryKeyField, ModelDataResult, DataProviderService, ODataServiceConfig } from './data-services.exports';
-
-export class ODataService<T> extends DataService<T> {
-    constructor(protected config: ODataServiceConfig, http: HttpClient, dataProviderService: DataProviderService, state: State) {
-        super(config, http, dataProviderService, state);
-    }
-
-    protected getQueryString(state: State): string {
-        return `${toODataString(state)}&$count=true`;
-    }
-
-    protected readRequest(state: State): Observable<HttpResponse<Object>> {
-        const url = this.getAbsoluteUrl({
-            url: this.config.tableName,
-            queryString: this.getQueryString(state || {})
-        });
-
-        return this.request('GET', url, { observe: 'response' });
-    }
-
-    protected createRequest(data: any): Observable<any> {
-        const url = this.getAbsoluteUrl({
-            url: this.config.tableName
-        });
-
-        return this.request('POST', url, {
-            body: data,
-            observe: 'response'
-        });
-    }
-
-    protected updateRequest(data: any): Observable<any> {
-        const url = this.getAbsoluteUrl({
-            url: this.getResourcePath(data)
-        });
-
-        return this.request('PUT', url, {
-            body: data,
-            observe: 'response'
-        });
-    }
-
-    protected removeRequest(data: any): Observable<any> {
-        const url = this.getAbsoluteUrl({
-            url: this.getResourcePath(data)
-        });
-
-        return this.request('DELETE', url, { observe: 'response' });
-    }
-
-    protected parseResponse(response: HttpResponse<Object>): ModelDataResult<T> {
-        return {
-            data: this.mapData(response.body['value']),
-            total: parseInt(response.body['@odata.count'], 10)
-        };
-    }
-
-    private getResourcePath(data) {
-        let keys;
-
-        if (this.config.primaryKeys.length === 1) {
-            keys = this.getPrimaryKeyValue(data, this.config.primaryKeys[0]);
-        } else {
-            keys = this.config.primaryKeys
-                .map(item => {
-                    return `${item.name}=${this.getPrimaryKeyValue(data, item)}`;
-                })
-                .join(',');
-        }
-
-        return `${this.config.tableName}(${keys})`;
-    }
-
-    private getPrimaryKeyValue(data: any, key: PrimaryKeyField) {
-        return key.type === 'string' ? `'${data[key.name]}'` : `${data[key.name]}`;
-    }
-}

package/docs-public/editor/builder/app/core/module.config.ts

@@ -1,19 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { HttpClientModule } from '@angular/common/http';
-
-import { DataProviderService } from './data/data-services.exports';
-import { ODataServiceFactory } from './data/odata-service-factory';
-
-export const config = {
-    imports: [
-        HttpClientModule
-    ],
-    providers: [
-        { provide: 'Window',  useValue: window },
-        DataProviderService,
-        ODataServiceFactory
-    ]
-};

package/docs-public/editor/builder/app/data/odata-provider/customer.config.ts

@@ -1,17 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { ODataServiceConfig } from '../../core/data/data-services.exports';
-
-export const CustomerConfig: ODataServiceConfig = {
-    dataProviderName: 'OdataProvider',
-    serverOperations: false,
-    tableName: 'Customers',
-    primaryKeys: [
-        {
-            name: 'CustomerID',
-            type: 'string'
-        },
-    ]
-};

package/docs-public/editor/builder/app/data/odata-provider/customer.model.ts

@@ -1,17 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-export class OdataProviderCustomer {
-    public CustomerID: string;
-    public CompanyName: string;
-    public ContactName: string;
-    public ContactTitle: string;
-    public Address: string;
-    public City: string;
-    public Region: string;
-    public PostalCode: string;
-    public Country: string;
-    public Phone: string;
-    public Fax: string;
-}

package/docs-public/editor/builder/app/grid-demo.base.component.ts

@@ -1,107 +0,0 @@
-///////////////////
-// Auto-generated
-// Do not edit!!!
-///////////////////
-import { Component, Injector, ViewChild, OnInit, AfterViewInit, OnDestroy } from '@angular/core';
-import { FormGroup, FormControl } from '@angular/forms';
-
-import { State } from '@progress/kendo-data-query';
-
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
-import { Observable } from 'rxjs/Observable';
-
-import { KbGridComponent } from './shared/components/grid/grid.component';
-
-import { DataService } from './core/data/data.service';
-import { DataServiceFactory, ModelDataResult } from './core/data/data-services.exports';
-import { ODataServiceFactory } from './core/data/odata-service-factory';
-import { OdataProviderCustomer } from './data/odata-provider/customer.model';
-import { CustomerConfig } from './data/odata-provider/customer.config';
-
-@Component({
-    templateUrl: './grid-demo.component.html'
-})
-export class GridDemoBaseComponent implements OnInit, AfterViewInit, OnDestroy {
-    @ViewChild('grid') public grid: KbGridComponent;
-
-    public $oDataServiceFactory: ODataServiceFactory;
-    public $dataServices: { [key: string]: DataService<any> };
-    public $dataServicesData: { [key: string]: Observable<any> };
-    public $dataServicesResult: { [key: string]: BehaviorSubject<ModelDataResult<any>> };
-
-    public $dataServicesModel: { [key: string]: any } = {
-        'Customers': {
-            'createModel': () => new OdataProviderCustomer()
-        }
-    };
-    public $dataServicesState: { [key: string]: State } = {
-        'Customers': {
-            skip: 0,
-            take: 5
-        }
-    };
-    public $config: any = {
-        title: '<Title>',
-        grid: {
-            filterable: true,
-            groupable: false,
-            pageable: this.$dataServicesState['Customers'].take !== undefined,
-            pageSize: 5,
-            reorderable: false,
-            resizable: false,
-            sortable: true,
-            commandColumnWidth: 220,
-            editing: {
-                mode: 'ReadOnly'
-            },
-            events: {
-                onRowSelect: (e) => {
-                    this['onRowSelect'](e);
-                }
-            }
-        }
-    };
-
-    constructor(public injector: Injector) {
-        this.$oDataServiceFactory = this.injector.get(ODataServiceFactory);
-        this.$dataServices = {
-            'Customers': this.$oDataServiceFactory.getService<OdataProviderCustomer>(CustomerConfig, this.$dataServicesState['Customers'])
-        };
-        this.$dataServicesData = {
-            'Customers': this.getDataChanges('Customers')
-        };
-        this.$dataServicesResult = {
-            'Customers': this.getDataResult('Customers')
-        };
-    }
-
-    public ngOnInit(): void {
-        this['onInit']();
-
-        for (const dataSourceName of Object.keys(this.$dataServices)) {
-            this.read(dataSourceName);
-        }
-    }
-
-    public ngAfterViewInit(): void {
-        this['onShow']();
-    }
-
-    public ngOnDestroy(): void {
-        this['onHide']();
-    }
-
-    public read(dataSourceName): void {
-        this.$dataServices[dataSourceName].read();
-    }
-
-    public getDataChanges(dataSourceName): Observable<any[]> {
-        const dataService = this.$dataServices[dataSourceName];
-        return dataService.dataChanges()
-            .map(response => response ? response.data : []);
-    }
-
-    public getDataResult(dataSourceName): BehaviorSubject<ModelDataResult<any>> {
-        return this.$dataServices[dataSourceName].dataChanges();
-    }
-}

package/docs-public/editor/builder/app/grid-demo.component.html

@@ -1,37 +0,0 @@
-<!--
-Auto-generated
-Do not edit!!!
--->
-<div class="data-grid">
-    <div class="row">
-        <div class="col-12">
-            <kb-top-section></kb-top-section>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col-12">
-            <h2>{{ $config.title }}</h2>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col-12">
-            <kb-grid #grid [config]="$config.grid" [dataService]="$dataServices['Customers']" [state]="$dataServicesState['Customers']"
-                [view]="$dataServicesResult['Customers']">
-                <kendo-grid [pageable]="grid.config.pageable" [sortable]="grid.config.sortable" [filterable]="grid.config.filterable" [groupable]="grid.config.groupable"
-                    [data]="grid.view | async" [pageSize]="grid.state.take" [skip]="grid.state.skip" [sort]="grid.state.sort"
-                    [filter]="grid.state.filter" [group]="grid.state.group" (dataStateChange)="grid.dataStateChange($event)"
-                    kendoGridSelectBy [selectedKeys]="grid.selectedKeys" [selectable]="{ mode: 'single' }" (selectionChange)="grid.selectionChange($event)"
-                    [resizable]="grid.config.resizable" [reorderable]="grid.config.reorderable">
-                    <kendo-grid-column [field]="'CompanyName'" [filterable]="true" [sortable]="true" [title]="'CompanyName'">
-                    </kendo-grid-column>
-                    <kendo-grid-column [field]="'ContactName'" [filterable]="true" [sortable]="true" [title]="'ContactName'">
-                    </kendo-grid-column>
-                    <kendo-grid-column [field]="'ContactTitle'" [filterable]="true" [sortable]="true" [title]="'ContactTitle'">
-                    </kendo-grid-column>
-                    <kendo-grid-column [field]="'Address'" [filterable]="true" [sortable]="true" [title]="'Address'">
-                    </kendo-grid-column>
-                </kendo-grid>
-            </kb-grid>
-        </div>
-    </div>
-</div>

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

@@ -1 +0,0 @@
-#= appComponentContent #

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

@@ -1,5 +0,0 @@
-<!--
-Auto-generated
-Do not edit!!!
--->
-<ng-content></ng-content>