AshleyGrant’s gists

AshleyGrant / app.html

Last active December 21, 2017 15:26 — forked from bigopon/app.html

Aurelia let element

	<template>
	<require from='./card.html'></require>
	<require from='./card-with-slot.html'></require>
	<style>
	b { font-weight: bold; }
	label { display: block; }
	</style>
	<div ref="myDiv"
	msg.bind='message'
	fun-message.bind='myDiv.msg \| fun'

AshleyGrant / app.html

Last active September 5, 2017 15:51 — forked from avrahamcool/app.html

Aurelia Gist

	<template>
	<require from="stringify"></require>
	<h1>${message}</h1>

	<div repeat.for="i of arr">
	i = ${i}
	<br/>
	$parent.message = ${$parent.message}
	<br/>
	$parent.someVar = ${$parent.someVar}

AshleyGrant / a.js

Created May 30, 2017 21:35 — forked from len-ro/a.js

Grid: basic usage

	import {customAttribute, dynamicOptions, inject, DOM} from 'aurelia-framework';

	@customAttribute('my-attribute')
	@dynamicOptions
	@inject(DOM.Element)
	export class MyAttribute {

	constructor(element) {
	this.element = element;
	}

AshleyGrant / app.html

Last active November 20, 2017 00:37 — forked from jdanyow/app.html

Aurelia Gist

AshleyGrant / app.html

Created April 17, 2017 17:42 — forked from kyelaman/app.html

Binding in Aurelia

	<template>
	<input type="text" value.one-way="firstName" />
	<input type="text" value.one-time="lastName" />
	${fullName}

	<br /><button click.trigger="updateValues()">Update in VM</button>
	</template>

AshleyGrant / app.html

Created April 17, 2017 16:40 — forked from jdanyow/app.html

Different Bindings in Aurelia

	<template>
	<label>Two-Way Bound<input type="text" value.two-way="firstName" /></label><br />
	<label>One-Way Bound<input type="text" value.one-way="firstName" /></label><br />
	<label>One-Time Bound<input type="text" value.one-time="firstName" /></label><br />
	firstName: ${firstName}
	</template>

AshleyGrant / app.html

Last active March 17, 2017 17:39 — forked from BruceL33t/app.html

	<template>
	<style>
	.active a { color: red; font-weight: bold; }
	</style>
	<ul>
	<li repeat.for="row of router.navigation" class="${row.isActive ? 'active' : ''}">
	<a href.bind="row.href">${row.title}</a>
	</li>
	</ul>
	<router-view layout-view="shared-parent.html" layout-view-model="shared-parent"></router-view>

AshleyGrant / app.html

Last active February 28, 2017 22:32 — forked from lstarky/app.html

Aurelia Validation with JSON rules

	<template>
	<form role="form" class="form-horizontal" with.bind="user">
	<div class="form-group">
	<label class="col-sm-2 control-label">First Name</label>
	<div class="col-sm-3">
	<input value.bind="firstName & validate" type="text" placeholder="first name" class="form-control">
	</div>
	</div>

	<div class="form-group">

AshleyGrant / ajv-validator.js

Last active March 16, 2017 22:24 — forked from mbroadst/ajv-validator.js

Aurelia Validation using AJV

	import {ValidateResult} from 'aurelia-validation';

	export class AjvValidator {
	cache = new Map;
	ajv = new Ajv({ v5: true, allErrors: true, format: 'full' });

	validateObject(object) {
	this.parseSchema(object);
	let schemaId = this._schemaId(object);
	if (!this.cache.has(schemaId)) {

AshleyGrant / app.html

Created February 24, 2017 14:19 — forked from brylie/app.html

Aurelia Gist

	<template>
	<require from="bootstrap/css/bootstrap.css"></require>
	<nav class="navbar navbar-default" role="navigation">
	<div class="navbar-header">
	<a class="navbar-brand" href="#">
	<i class="fa fa-user"></i>
	<span>
	Open API Designer
	</span>
	</a>

Ashley Grant AshleyGrant