AhsanAyaz

type Vehicle = IMotorcycle | ICar | ITruck;

AhsanAyaz

const evaluationFactor = Math.PI; // some global factor
function evaluatePrice(vehicle: Vehicle) {
  return vehicle.capacity * evaluationFactor;
}
const myTruck: ITruck = {vType: "truck", capacity: 9.5};
evaluatePrice(myTruck);

AhsanAyaz

function evaluatePrice(vehicle: Vehicle) {
  switch(vehicle.vType) {
    case "car":
      return vehicle.transmission * evaluationFactor;
    case "truck":
      return vehicle.capacity * evaluationFactor;
    case "motorcycle":
      return vehicle.make * evaluationFactor;
  }
}

AhsanAyaz

interface IBicycle {
  vType: "bicycle";
  make: number;
}
type Vehicle = IMotorcycle | ICar | ITruck | IBicycle;

AhsanAyaz

function evaluatePrice(vehicle: Vehicle) {
  switch(vehicle.vType) {
    case "car":
      return vehicle.transmission * evaluationFactor;
    case "truck":
      return vehicle.capacity * evaluationFactor;
    case "motorcycle":
      return vehicle.make * evaluationFactor;
    default:
      const invalidVehicle: never = vehicle;

AhsanAyaz

function evaluatePrice(vehicle: Vehicle) {
  switch(vehicle.vType) {
    case "car":
      return vehicle.transmission * evaluationFactor;
    case "truck":
      return vehicle.capacity * evaluationFactor;
    case "motorcycle":
      return vehicle.make * evaluationFactor;
    case "bicycle":
      return vehicle.make * evaluationFactor;

AhsanAyaz

<!-- USAGE -->

<!-- Transoforming strings -->
<div class="users">
  <div class="users__user" *ngFor="let user of users">
    {{user.name | appTitleCase}}
  </div>
</div>

<!-- Transforming Arrays -->

AhsanAyaz

/* You can add global styles to this file, and also import other style files */

.cdk-overlay-container {
  display: block;
  &.z-index-top {
    z-index: 2050;
  }
}

.duplicate-modal-overlay {

AhsanAyaz

import { AfterViewInit, ChangeDetectorRef, Directive, Input, Renderer2, SimpleChanges } from '@angular/core';

@Directive({
  selector: '[appPopoverPositionalClass]'
})
export class PopoverPositionalClassDirective implements AfterViewInit {
  @Input() originY: string;
  @Input() targetSelector: string;
  @Input() inverseClass;
  @Input() initialDirection = 'bottom';

AhsanAyaz

/**
  Replace the "<DOCID>" with your document ID, or the entire URL per say. Should be something like:
  var EMAIL_TEMPLATE_DOC_URL = 'https://docs.google.com/document/d/asdasdakvJZasdasd3nR8kmbiphqlykM-zxcrasdasdad/edit?usp=sharing';
*/

var EMAIL_TEMPLATE_DOC_URL = 'https://docs.google.com/document/d/<DOCID>/edit?usp=sharing';
var EMAIL_SUBJECT = 'This is an important email';

/**
 * Sends a customized email for every response on a form.