fkleuver’s gists

fkleuver / index.html

Last active October 10, 2016 21:07

Aurelia TypeScript

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
	</head>
	<body aurelia-app="src/main">
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/system.js"></script>
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/config-typescript.js"></script>

fkleuver / index.html

Last active October 14, 2016 18:51

Aurelia TypeScript

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<!-- Compiled and minified CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
	<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
	<!-- Compiled and minified JavaScript -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>

fkleuver / app.html

Last active October 15, 2016 01:22 — forked from AshleyGrant/app.html

Materialize Aurelia Gist

	<template>
	<require from="material-select"></require>
	<div class="container">
	<material-select label="Choose an Employee" value.bind="selectedEmployee">
	<option repeat.for="employee of employees" model.bind="employee">${employee.name}</option>
	</material-select>
	<div>Selected Employee's Position: ${selectedEmployee.position}</div>
	</div>
	</template>

fkleuver / index.html

Last active October 15, 2016 00:50

Aurelia TypeScript

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<!-- Compiled and minified CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
	<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
	<!-- Compiled and minified JavaScript -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>

fkleuver / app.html

Created October 15, 2016 01:28

Materialize Aurelia Gist

	<template>
	<require from="material-select"></require>
	<div class="container">
	<material-select label="Choose an Employee" value.bind="selectedEmployee">
	<option repeat.for="employee of employees" model.bind="employee">${employee.name}</option>
	</material-select>
	<div>Selected Employee's Position: ${selectedEmployee.position}</div>
	</div>
	</template>

fkleuver / index.html

Last active October 15, 2016 02:02

Aurelia TypeScript

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
	</head>
	<body aurelia-app="src/main">

fkleuver / index.html

Created November 24, 2016 02:50

Aurelia TypeScript

	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
	</head>
	<body aurelia-app="src/main">
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/system.js"></script>
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/config-typescript.js"></script>

fkleuver / map-property.ts

Created December 2, 2016 13:36

	import { Binding, Scope } from "aurelia-framework";

	export class MapPropertyBindingBehavior {
	public bind(binding: Binding, scope: Scope, instance: any, prop: string): void {
	binding["intercepted-updateTarget"] = binding.updateTarget;
	let updateTarget = binding.updateTarget.bind(binding);
	binding.updateTarget = interceptUpdateTarget.bind(binding, instance, prop, updateTarget);

	binding["intercepted-updateSource"] = binding.updateSource;
	let updateSource = binding.updateSource.bind(binding);

fkleuver / app.html

Created May 21, 2018 22:39 — forked from bigopon/app.html

Aurelia Gist

	<template>
	<p>Hit edit and you'll see two items added to the form instead of one.</p>
	<div if.bind="!editing">
	<h2>${items.length} items!</h2>
	<ul>
	<li repeat.for="item of items">
	${item.name}
	</li>
	</ul>
	<button click.delegate="toggleEditing()">Edit</button>

fkleuver / get-last-release-hashes.gulp.js

Last active June 22, 2018 03:16

Fred Kleuver fkleuver