guillaumegarcia13

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-root',
  template: '<button (click)="addToHomeScreen()" *ngIf="showButton">Add to Home Scree</button>',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  deferredPrompt: any;

guillaumegarcia13

HTML Forms

In order that you never go to W3Schools (never go there), here is a basic cheat sheet for writing simple HTML forms.

This is culled from a few sources, [the most important being MDN][MDN]. MDN (the Mozilla Developer Network) should be seen as "the docs" when you are having an issue with HTML.

guillaumegarcia13

<ng-template #followingpost let-author="author" let-age="age" let-text="text" let-badge="badge">
    <div class="container-fluid">
        <div class="card">
            <div class="header">
                <h4 class="title">{{ author }}</h4>
                <p class="category">il y a {{ age }} jours</p>
            </div>

            <div class="content" [innerHTML]="text">
            </div>

guillaumegarcia13

/* Animating with globe emoji */
@keyframes rotateEmoji {
  0%   { content: "\01F30D"; }
  33%  { content: "\01F30E"; }
  66%  { content: "\01F30F"; }
}
.my-own-tile .nepTileTitle .nepTileClickable::before {
    content: "\01F30D";
}
.my-own-tile:hover .nepTileTitle .nepTileClickable::before {

guillaumegarcia13

declare global {
    interface Array<T> {
        groupBy(prop: T): Array<T>;
    }
}

if (!Array.prototype.groupBy) {
    Array.prototype.groupBy = (prop: string) => {
        return this.reduce(function(groups, item) {
            const val = item[prop];

guillaumegarcia13

//---------------------------------------------------------------------------------
// Set custom links for your Elementor Carousel Image
// Usage:
//   o set the list of links (comma-separated) in the Custom URL
//   o add a new HTML widget in the page and copy the JS below
//   o (optional) you might copy the CSS as well
//
// Author: Guillaume GARCIA
// Date  : 1-feb-2021
//

guillaumegarcia13

/*====================================================================================================================
 * Author: Guillaume GARCIA (https://www.linkedin.com/in/guillaumegarcia/)
 * Date  : 30-november-2020
 *
 * Usage
 * -----
 *
 * Go to a LinkedIn post URL 
 *   such as: https://www.linkedin.com/feed/update/urn:li:activity:6738104526265446400/
 * Open Chrome DevTools

guillaumegarcia13

// You will also need to create a gmail filter to add the 'send-to-slack' label
// to any emails you want sent to slack

function sendEmailsToSlack() {
    var label = GmailApp.getUserLabelByName('send-to-slack');
    var messages = [];
    var threads = label.getThreads();
  
    for (var i = 0; i < threads.length; i++) {
        messages = messages.concat(threads[i].getMessages())

guillaumegarcia13

var inspect = function(ctrl, prototypeLevel = 1) {
    let output = [];
    let level  = prototypeLevel;

    // local auxiliary helper
    const _fillDictionary = (subObj, depth, originalObj = subObj) => {
        Object.keys(subObj).forEach(key => {
            // only consider 'getter' and catch any error (such as mandatory parameters)
            if (key.startsWith('get') && typeof originalObj[key] === 'function') {
                try {

guillaumegarcia13

// See: https://stackoverflow.com/questions/24586110/resolve-promises-one-after-another-i-e-in-sequence/31070150#31070150
//      https://decembersoft.com/posts/promises-in-serial-with-array-reduce/

/*
 * Serialize promises (or rather tasks because once created, a Promise starts executing immedialtely
 */
const promiseSerializer = (tasks: Array<()=>Promise<any>>) => {
    return tasks.reduce((promiseChain: Promise<any>, currentTask: ()=>Promise<any>) => {
        return promiseChain.then(chainResults =>
            currentTask().then(currentResult =>