ngrx-entity-crud 13.1.0-beta.2 → 13.1.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngrx-entity-crud",
-  "version": "13.1.0-beta.2",
+  "version": "13.1.0-beta.3",
   "repository": "https://github.com/jucasoft/ngrx-entity-crud",
   "license": "MIT",
   "schematics": "./schematics/collection.json",

package/schematics/ng-add/files/app/core/directive/ng-let.directive.ts

@@ -0,0 +1,32 @@
+import {Directive, Input, NgModule, OnInit, TemplateRef, ViewContainerRef} from '@angular/core';
+
+export class NgLetContext {
+    $implicit: any = null;
+    ngLet: any = null;
+}
+
+@Directive({
+    selector: '[ngLet]'
+})
+export class NgLetDirective implements OnInit {
+    private _context = new NgLetContext();
+
+    @Input()
+    set ngLet(value: any) {
+        this._context.$implicit = this._context.ngLet = value;
+    }
+
+    constructor(private _vcr: ViewContainerRef, private _templateRef: TemplateRef<NgLetContext>) {
+    }
+
+    ngOnInit() {
+        this._vcr.createEmbeddedView(this._templateRef, this._context);
+    }
+}
+
+@NgModule({
+    declarations: [NgLetDirective],
+    exports: [NgLetDirective]
+})
+export class NgLetModule {
+}

package/schematics/ng-add/files/app/core/pipe/json-form.pipe.ts

@@ -0,0 +1,30 @@
+import {Pipe, PipeTransform} from '@angular/core';
+import {FormGroup} from '@angular/forms';
+
+@Pipe({
+  name: 'jsonForm', pure: false
+})
+export class JsonFormPipe implements PipeTransform {
+
+  transform(value: FormGroup, args?: any): any {
+    const result = {
+      errors: value.errors,
+      controls: [],
+      value: value.value,
+      rawValue: value.getRawValue(),
+      status: value.status,
+      touched: value.touched,
+      valid: value.valid,
+    };
+    for (const key  in value.controls) {
+      const val = {};
+      val[key] = value.controls[key].errors;
+      if (!!val[key] && !!val[key].getMessage) {
+        val[key]._messageRendered = val[key].getMessage();
+      }
+      result.controls.push(val);
+    }
+    return result;
+  }
+
+}

package/schematics/ng-add/files/app/core/pipe/pipes.module.ts

@@ -0,0 +1,24 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {JsonFormPipe} from './json-form.pipe';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [
+    JsonFormPipe,
+  ],
+  exports: [
+    CommonModule,
+    JsonFormPipe,
+  ]
+})
+export class PipesModule {
+  static forRoot() {
+    return {
+      ngModule: PipesModule,
+      providers: [],
+    };
+  }
+}

package/schematics/ng-add/files/app/core/utils/j-utils.ts

@@ -0,0 +1,83 @@
+export function evalData<T>(fn: Function, def: any = null): T {
+  try {
+    return fn();
+  } catch (e) {
+    return def;
+  }
+}
+
+export function stringifyCompare(a: any, b: any): boolean {
+  return evalData(() => JSON.stringify(a) === JSON.stringify(b), false);
+}
+
+export const getUrlParam = (key) => {
+  const matches = window.location.href.match(new RegExp(`[?&]${key}=([^&#]+)\\b`));
+  return (matches && matches.length > 0) ? matches[1] : null;
+};
+
+export function clone<T>(value: T): T {
+  return JSON.parse(JSON.stringify(value)) as T;
+}
+
+export function getFlattenInObject<T, R>(propertyName, inputArray: T[], distinct: boolean): R[] {
+  let result = [];
+  inputArray.forEach(item => {
+    if (!distinct || (distinct && result.indexOf(item[propertyName]) === -1)) {
+      result.push(item[propertyName]);
+    }
+  });
+  return result;
+}
+
+export function getDuplicateInObject<T>(propertyName, inputArray: T[]): T[] {
+
+  var sorted_arr = [...inputArray].sort(function(a, b) {
+    return ('' + a[propertyName]).localeCompare(b[propertyName]);
+  });
+
+  var results: T[] = [];
+  for (var i = 0; i < sorted_arr.length - 1; i++) {
+    if (sorted_arr[i + 1][propertyName] == sorted_arr[i][propertyName] && !results.find(item => item[propertyName] === sorted_arr[i][propertyName])) {
+      results.push(sorted_arr[i]);
+    }
+  }
+
+  return results;
+
+}
+
+
+export function debounce(func, wait, immediate) {
+  let timeout;
+  return function() {
+    let context = this, args = arguments;
+    let later = function() {
+      timeout = null;
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    };
+    let callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+};
+
+export const parseQueryString = (qs) => {
+  const items = qs.split('&');
+  return items.reduce((data, item) => {
+    const [key, value] = item.split('=');
+    if (data[key] !== undefined) {
+      if (!Array.isArray(data[key])) {
+        data[key] = [data[key]];
+      }
+      data[key].push(value);
+    } else {
+      data[key] = value;
+    }
+    return data;
+  }, {});
+};

package/schematics/ng-add/files/app/main/components/search/search.component.ts

@@ -0,0 +1,30 @@
+import {Component, Input, OnInit} from '@angular/core';
+import {Store} from '@ngrx/store';
+import {RootStoreState} from '@root-store/index';
+import {parseQueryString} from '@core/utils/j-utils';
+import {Actions} from 'ngrx-entity-crud';
+
+@Component({
+  selector: 'app-search',
+  template: `
+    <input #search type="text" (keyup.enter)="onSearch(search.value)"/>
+  `,
+  styles: []
+})
+export class SearchComponent implements OnInit {
+
+  @Input()
+  actions: Actions<any>;
+
+  constructor(protected store$: Store<RootStoreState.State>) {
+  }
+
+  ngOnInit() {
+  }
+
+  onSearch(value: string) {
+    this.store$.dispatch(this.actions.SearchRequest({queryParams: parseQueryString(value)}));
+  }
+}
+
+

package/schematics/ng-add/files/app/main/components/search/search.module.ts

@@ -0,0 +1,17 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SearchComponent} from './search.component';
+
+@NgModule({
+  declarations: [
+    SearchComponent
+  ],
+  imports: [
+    CommonModule
+  ],
+  exports: [
+    SearchComponent
+  ]
+})
+export class SearchModule {
+}