MaximBalaganskiy · May 10, 2018 12:00
diff --git a/index.html b/index.html
 <!doctype html>
 <html>

 <head>
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>

 <body>
 	<div aurelia-app="src/configure">
 		Loading...
 	</div>

 	<script src="https://rawgit.com/aurelia-ui-toolkits/demo-materialize/gh-pages/jspm_packages/system.js"></script>
 	<script src="https://rawgit.com/aurelia-ui-toolkits/demo-materialize/gh-pages/jspm.config.js"></script>
 	<script>
 		System.import("aurelia-bootstrapper");
 	</script>
 </body>

 </html>
diff --git a/src\app.html b/src\app.html
 <template>
 	<div>
 		<md-input label="put some text here" value.bind="textValue" disabled.bind="disabledValue"></md-input>
 		<br /> You entered: ${textValue}
 		<br />
 		<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setText()">set text to something</button>
 		<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setDisabled()">Toggle Input Disabling</button>

 		<md-input label="readonly - bound to the field above" value.bind="textValue" readonly.bind="true"></md-input>
 		<br />
 		This is an inline input field:
 		<md-input label="put some text here" value.bind="textValue" disabled.bind="disabledValue" inline="true"></md-input>
 	</div>
 </template>
diff --git a/src\app.ts b/src\app.ts
 export class App {
 	textValue = "";
 	disabledValue = false;
 	setText() {
 		this.textValue = "something";
 	}
 	setDisabled() {
 		this.disabledValue = !this.disabledValue;
 	}
 }
diff --git a/src\configure.ts b/src\configure.ts
 export async function configure(aurelia) {
 	await aurelia.loader.loadModule("materialize-css");
 	aurelia.use
 		.standardConfiguration()
 		.developmentLogging()
 		.plugin("aurelia-materialize-bridge", bridge => bridge.useAll())
 		.plugin("aurelia-validation")
 		.globalResources("src/shared/logger");

 	await aurelia.start();
 	aurelia.setRoot("src/app");
 }
	<!doctype html>
	<html>

	<head>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	</head>

	<body>
	<div aurelia-app="src/configure">
	Loading...
	</div>

	<script src="https://rawgit.com/aurelia-ui-toolkits/demo-materialize/gh-pages/jspm_packages/system.js"></script>
	<script src="https://rawgit.com/aurelia-ui-toolkits/demo-materialize/gh-pages/jspm.config.js"></script>
	<script>
	System.import("aurelia-bootstrapper");
	</script>
	</body>

	</html>
	<template>
	<div>
	<md-input label="put some text here" value.bind="textValue" disabled.bind="disabledValue"></md-input>
	<br /> You entered: ${textValue}
	<br />
	<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setText()">set text to something</button>
	<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setDisabled()">Toggle Input Disabling</button>

	<md-input label="readonly - bound to the field above" value.bind="textValue" readonly.bind="true"></md-input>
	<br />
	This is an inline input field:
	<md-input label="put some text here" value.bind="textValue" disabled.bind="disabledValue" inline="true"></md-input>
	</div>
	</template>
	export class App {
	textValue = "";
	disabledValue = false;
	setText() {
	this.textValue = "something";
	}
	setDisabled() {
	this.disabledValue = !this.disabledValue;
	}
	}
	export async function configure(aurelia) {
	await aurelia.loader.loadModule("materialize-css");
	aurelia.use
	.standardConfiguration()
	.developmentLogging()
	.plugin("aurelia-materialize-bridge", bridge => bridge.useAll())
	.plugin("aurelia-validation")
	.globalResources("src/shared/logger");

	await aurelia.start();
	aurelia.setRoot("src/app");
	}