Gildas Niyigena gildniy

🌏

Remote

🚀 AI Enthusiast | Code Artisan 🎨 | Fine Art Aficionado 🎭

gildniy / random-hex-color.ts

Last active March 1, 2019 22:29

Generate random Hex Color string value in Javascript

randomHexColor:string = () => `#${(Math.random()*0xFFFFFF<<0).toString(16)}`;

Created December 17, 2018 23:45

This is the error am getting after updating my Capacitor Ionic project to Angular 6

	"C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" run start --scripts-prepend-node-path=auto

	> [email protected] start C:\Users\KiraMed\Documents\COURSES\heedd-admin
	> run-p pug-it:w server


	> [email protected] pug-it:w C:\Users\KiraMed\Documents\COURSES\heedd-admin
	> pug src -P -w

gildniy / app.js

Created July 6, 2018 07:56

Express.JS 4 generator with Socket.io (Modified files to make this work)

	var createError = require('http-errors');
	var express = require('express');
	var path = require('path');
	var cookieParser = require('cookie-parser');
	var logger = require('morgan');
	var sassMiddleware = require('node-sass-middleware');

	var indexRouter = require('./routes/index');
	var usersRouter = require('./routes/users');

gildniy / tsconfig.app.json

Created December 12, 2017 03:03

How to register typings in Angular 4, after they have been installed by:'npm install @types/{package}'

gildniy / validation.ts

Created December 12, 2017 03:00

Angular 4 validation service

	import { Injectable } from '@angular/core';
	import { AbstractControl } from '@angular/forms';

	// TODO: Check these: https://auth0.com/blog/angular2-series-forms-and-custom-validation/

	@Injectable()
	export class ValidationService {
	static getValidatorErrorMessage(validatorName: string, validatorValue?: any) {
	let config = {
	'required': 'Required',

gildniy / route-segment.ts

Created December 12, 2017 02:59

Route segment Angular 4 service

	import { Injectable } from '@angular/core';
	import { PRIMARY_OUTLET, Router, UrlSegment, UrlSegmentGroup, UrlTree } from '@angular/router';

	@Injectable()
	export class RouteSegment {

	constructor(private router: Router) {
	}

	path(position: number): string {

gildniy / debounce-click.directive.ts

Created December 12, 2017 02:57

Angular 4 debounce click directive

	import { Directive, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from '@angular/core';
	import { Subject } from 'rxjs/Subject';
	import { Subscription } from 'rxjs/Subscription';
	import { debounceTime } from 'rxjs/operators';

	@Directive({
	selector: '[kiraDebounceClick]'
	})
	export class DebounceClickDirective implements OnInit, OnDestroy {
	@Input() debounceTime = 500;

gildniy / capitalize.pipe.ts

Created December 12, 2017 02:56

Capitalize pipe

	import { Pipe, PipeTransform } from '@angular/core';

	/*
	* Capitalize the first letter of the string
	* Takes a string as a value.
	* Usage:
	* value \| capitalize
	* Example:
	* // value.name = daniel
	* {{ value.name \| capitalize }}

gildniy / spinner.component.ts

Created December 12, 2017 02:55

Spinner the Angular 4 way!

	import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
	import { SpinnerService } from './spinner.service';

	@Component({
	selector: 'spinner',
	template: `
	<span *ngIf="show">
	<img *ngIf="loadingImage" [src]="loadingImage"/>
	<ng-content></ng-content>
	</span>

gildniy / pager.component.html

Created December 12, 2017 02:53

Angular 4 pagination

	<!-- pager -->
	<div *ngIf="pager.pages && pager.pages.length" class="ui right floated pagination menu">
	<a [ngClass]="{disabled:pager.currentPage === 1}" (click)="setPage(1)" class="icon item">
	<i class="angle double left icon"></i>
	</a>
	<div *ngIf="pager.startPage > 1" class="disabled item">...</div>
	<a [ngClass]="{disabled:pager.currentPage === 1}" (click)="setPage(pager.currentPage - 1)" class="icon item">
	<i class="angle left icon"></i>
	</a>
	<a *ngFor="let page of pager.pages" [ngClass]="{active:pager.currentPage === page}" (click)="setPage(page)"