Jason Carreira jasoncarreira

jasoncarreira / app.html

Last active June 1, 2017 18:50 — forked from Thanood/app.html

Aurelia-Materialize bridge input fields

	<template>
	<require from="./au-input"></require>
	<md-colors></md-colors>

	<au-input label="A" value.bind="foo.a" percent.bind="foo.percent" salary.bind="foo.salary"></au-input>

	<au-input label="B" value.bind="foo.b" percent.bind="foo.percent" salary.bind="foo.salary"></au-input>

	<md-input md-label="Test" md-value.bind="foo.a & validate" md-validate="true"
	md-validate-success="good">

jasoncarreira / app.html

Created May 24, 2017 15:38

Percent / Dollar input

	<template>
	<require from="./au-input"></require>
	<au-input value.bind="value" label.bind="label" percent.bind="percent" salary.bind="salary"></au-input>

	<au-input value.bind="value" label="label" percent.bind="percent" salary.bind="salary"></au-input>

	<au-input value.bind="value2" label.bind="label" percent.bind="percent" salary.bind="salary"></au-input>

	<button click.delegate="onClick()">Change</button>

jasoncarreira / app.html

Last active April 4, 2018 04:19

Percent / Dollar input

	<template>
	<require from="./au-input"></require>
	<au-input value.bind="value" label.bind="label" percent.bind="percent" salary.bind="salary"></au-input>



	<button click.delegate="onClick()">Change</button>

	</template>

jasoncarreira / app.html

Last active May 15, 2017 15:43

Custom element value binding

	<template>
	<require from="./au-input"></require>
	<au-input value.bind="value" type="number" prefix.bind="prefix" suffix.bind="suffix" label.bind="label" view-model.ref="inputModel"></au-input>

	<au-input value.bind="value" type="number" prefix="$$"></au-input>
	</template>

jasoncarreira / app.html

Last active April 26, 2016 06:14 — forked from Thanood/app.html

Aurelia - Materialize Range

	<template>
	<require from="./slider-value.html"></require>

	<md-colors md-primary-color="#ee6e73" md-accent-color="#009688"></md-colors>


	<section class="au-animate">
	<h2>YourChoices</h2>

	<slider-value propertyName.two-way="retirementAge" label="Retirement Age" callback="onRetirementAgeChanged"></slider-value>