Tommy Dunn tommydunn

is "ready"

To check if an HTML5 video element is "ready" in an Angular 18 application, you can leverage the events and properties of the native HTMLMediaElement.

1. Using `canplaythrough` event:

The canplaythrough event fires when the user agent estimates that it can play the media to the end without stopping for further buffering. This is typically the most reliable indicator that the video is truly ready for smooth playback. TypeScript

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

Mac /usr/local/mysql/bin
Windows /Program Files/MySQL/MySQL version/bin
Xampp /xampp/mysql/bin

Add mysql to your PATH

Set up macOS Big Sur 11.2

Contents:

1 git
2 Homebrew
3 rbenv
4 ruby
5 Atom
6 Databases

Generate guard

ng g guard guards/auth
  -> select "canActivate"

auth.guard.ts

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';

	<!-- GIF Image for everywhere else -->

	<!--[if (gte mso 9)\|(IE)]><!-->
	<img src="https://cdn.zmbz.com/lpl_gif_example.gif"
	style="display: block; padding:0; margin:0; height: auto; max-width: 100%;" border="0"
	alt="" width="538" height="269" />
	<!--<![endif]-->

	<!--Fallback Static Image for Outlook-->

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

	@Pipe({name: 'slugify'})
	export class SlugifyPipe implements PipeTransform {
	transform(input: string): string {
	return input.toString().toLowerCase()
	.replace(/\s+/g, '-') // Replace spaces with -
	.replace(/[^\w\-]+/g, '') // Remove all non-word chars
	.replace(/\-\-+/g, '-') // Replace multiple - with single -
	.replace(/^-+/, '') // Trim - from start of text

	∇ app
	∇ core
	∇ guards
	auth.guard.ts
	module-import.guard.ts
	no-auth.guard.ts
	∇ interceptor
	token.interceptor.ts
	error.interceptor.ts
	∇ services

	/* To use this example:
	1. Download this html file
	2. Replace the form action url with your own from the MailChimp supplied embed code
	3. Within the action url, replace "subscribe/post" with "subscribe/post-json"
	4. Be sure the action url starts with http://. If it doesn't, the form will hang when testing the html as a local file in your browser.
	5. Open this file in a browser on your local machine
	*/

	git config --global url."[email protected]:".insteadOf https://github.com/
	git config --global url."git://".insteadOf https://