bryandh

General TypeScript Utilities

Contains some helpful TypeScript functions.

bryandh

Font Awesome 5 icon binding issue (fixed)

See => https://stackoverflow.com/questions/48904240/font-awesome-5-icons-class-binding-change-doesnt-affect-the-icon

The fix: <i innerhtml="&lt;i class='${iconClass}'&gt;&lt;/i&gt;"></i>

bryandh

Aurelia Breadcrumbs

Gathers the navigation instructions and displays the taken routes to get to the current route.

How it works

Requires your routing to be set up with child routing to achieve multiple layers of routing. Refreshes on Aurelia's router:navigation:complete event.

bryandh

Aurelia Validation rule extending

See => https://stackoverflow.com/questions/48968988/extend-aurelia-validation-rules-on-a-per-class-basis

bryandh

Aurelia InlineSvg component

Renders an SVG from file path.

How to use

``

bryandh

Service Worker Setup

bryandh

$ docker rmi $(docker images -q -f dangling=true)

bryandh

import { JSEncrypt } from 'jsencrypt';

export class CryptographyUtils {
    private private_key = '-----BEGIN RSA PRIVATE KEY-----' +
        'MIICXQIBAAKBgQDg2FPu8j317CkARCRDBXDp8Ury7W+VPjqrRhwTaqKGGLXeT2u/' +
        'Ne13R9lNIhdWP/qbS8yI5RfPElzZ8PnXI8ihv4ij8bd9cdy/mDVeI+venwIDAQAB' +
        'AoGBAKjYCn9/DaRlCY0XnptttJMZDY1LW+WY63m+lkrGYvGMENa2kVTdXp3tMI1d' +
        'nGT+PTZAXYl52BAA7wYt3208q9PwTd7Cb7WwEu24QtsDFbkcm8RD7jntSgECQGN3' +
        'sEYqeb+sPrSwuHx0/WcCQQCQ0o3W+tX4wTnZCp+ReqPHzzE7uSkcTzg7AEVSsjlI' +
        'kgmaAt3txI7oABf8nDdi29s1o8KDV8UzQn+Jh9LXYdxs' +

bryandh

export class AsyncBindingBehavior {
    private bind(binding: any, source: any): void {
        binding.originalupdateTarget = binding.updateTarget;
        binding.updateTarget = (target: Promise<any>) => {
            // When we have a promise
            if (typeof target.then === 'function') {
                // Set temp value to loading so we know its loading
                binding.originalupdateTarget('Loading...');

                // Process the promise

bryandh

export class ObjectUtilities {
    public static merge<T extends object = object>(target: T, ...sources: T[]): T {
        if (!sources.length)
            return target;

        const source = sources.shift();
        if (source === undefined)
            return target;

        if (ObjectUtilities.isMergeableObject(target) && ObjectUtilities.isMergeableObject(source))