This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { NgModule } from '@angular/core'; | |
import { BrowserModule } from '@angular/platform-browser'; | |
import { FormQLModule } from '@formql/core'; | |
import { FormQLEditorModule } from '@formql/editor'; | |
import { FormQLMaterialModule } from '@formql/material' | |
import { HttpClientModule } from '@angular/common/http'; | |
import { TextMaskModule } from 'angular2-text-mask'; | |
import { DummyService } from './app-service'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Component, Input, forwardRef, OnInit, ChangeDetectionStrategy } from '@angular/core'; | |
import { ControlValueAccessor, NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormControl } from '@angular/forms'; | |
import { FormValidator, FormComponent } from '@formql/core'; | |
@Component({ | |
selector: 'app-mortgage-schedule', | |
template: `<div id="chart-container" style="margin: 0px auto; width: 500px"> | |
<canvas *ngIf="chartData && !noData" baseChart | |
[datasets]="lineChartData" | |
[labels]="lineChartLabels" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Component, Input, forwardRef, OnInit } from '@angular/core'; | |
import { ControlValueAccessor, NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators, FormControl } from '@angular/forms'; | |
import { FormValidator, FormComponent } from '@formql/core'; | |
@Component({ | |
selector: 'app-formql-chart', | |
template: `<div id="chart-container" style="margin: 0px auto; width: 500px"> | |
<canvas *ngIf="chartData && chartLabels && !noData" baseChart | |
[chartType]="'doughnut'" | |
[data]="chartData" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Monthly Payment - schema = contact.mortgageMonthlyPayments | |
contact.mortgageAmount * (contact.mortgageInterestRate/100/12) * | |
(Math.pow(1 + (contact.mortgageInterestRate/100/12), (contact.mortgagePeriod*12))) | |
/ | |
(Math.pow(1 + (contact.mortgageInterestRate/100/12), (contact.mortgagePeriod*12)) - 1) | |
// Total cost of mortgage - schema = contact.mortgageTotalCost | |
contact.mortgagePeriod * 12 * contact.mortgageMonthlyPayments | |
// Total payments - schema = contact.mortgageTotalPayments |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"prefix": "£", | |
"suffix": "", | |
"includeThousandsSeparator": true, | |
"thousandsSeparatorSymbol": ",", | |
"allowDecimal": true, | |
"decimalSymbol": ".", | |
"decimalLimit": 2, | |
"integerLimit": null, | |
"requireDecimal": false, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"contact": { | |
"mortgageAmount": 0, | |
"mortgageInterestRate": 0, | |
"mortgagePeriod": 0, | |
"mortgageMonthlyPayments": 0, | |
"mortgageTotalCost": 0, | |
"mortgageTotalPayments": 0 | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>Lag Radar</title> | |
<style> | |
BODY { | |
color: white; | |
background: white; | |
font-family: Futura, "Trebuchet MS", sans-serif; | |
margin: 3em auto; |
NewerOlder