aboudard

import { EntityMetadataMap } from '@ngrx/data';

/**
 * Compare function for Entities sort
 * @param {string} a
 * @param {string} b
 * @returns {number}
 */
export function sortByTitle(
  a: { title: string },

aboudard

import { PropsFilterFnFactory, EntityMetadataMap } from '@ngrx/data';

/**
 * Filter for entities whose name matches the case-insensitive pattern
 * The filter works on ALL properties
 * @param {T[]} entities
 * @param {string} pattern
 * @return {any[]}
 */
export function textFilter<T extends { title: string; description: string }>(

aboudard

import { EntitySelectorsFactory } from "@ngrx/data";
import { createSelector } from "@ngrx/store";
import { Todo } from "../dto/todo";

export const todoSelectors = new EntitySelectorsFactory().create<Todo>('Todo');

export const selectTodoByCategory = (category: string) => createSelector(
  todoSelectors.selectEntities,
  (data) => data.filter(c => c.category === category)
);

aboudard

import { EntityMetadataMap } from '@ngrx/data';

export function activeFilter(entities: { active: boolean }[], search: boolean) {
  return entities.filter(e => e.active === search);
}

const entityMetadata: EntityMetadataMap = {
  Todo: {
    filterFn: activeFilter
  }

aboudard

language: node_js
node_js:
  - "10"
dist: trusty
sudo: required
addons:
  chrome: stable
  sonarcloud:
    organization: "aboudard"
branches:

aboudard

import { NgbDatepickerConfig, NgbDateParserFormatter } from '@ng-bootstrap/ng-bootstrap';
import { NgbDateFRParserFormatter } from "./ngb-date-fr-parser-formatter"

@Component({
    providers: [{provide: NgbDateParserFormatter, useClass: NgbDateFRParserFormatter}]
})
export class AppComponent {}

aboudard

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

aboudard

p { color: red; }

aboudard

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(90deg, #ccc, yellow);
min-height: 100%;

aboudard

a { color: white; font-weight: bold; 
padding: 10px; background: red; 
text-decoration: none; 
transition-property: background;
transition-duration: 1000ms;}
a:hover { background: blue; }