Skip to content

Instantly share code, notes, and snippets.

View charlespockert's full-sized avatar

Charles Pockert charlespockert

15 followers · 1 following
View GitHub Profile
@charlespockert
charlespockert / alt-layout.html
Last active May 20, 2016 17:05
Aurelia router with layouts
<template>
<section class="au-animate">
<div class="well">
<content select="#navigation"></content>
</div>
<div>
<content select="#content"></content>
</div>
</section>
</template>
@charlespockert
charlespockert / alt-layout.html
Created May 18, 2016 10:41
Aurelia router with layouts
<template>
<section class="au-animate">
<div class="well">
<content select="#navigation"></content>
</div>
<div>
<content select="#content"></content>
</div>
</section>
</template>
@charlespockert
charlespockert / alt-layout.html
Last active December 23, 2016 17:09
Aurelia router with layouts
<template>
<section class="au-animate">
<div class="well">
<content select="#navigation"></content>
</div>
<div>
<content select="#content"></content>
</div>
</section>
</template>
@charlespockert
charlespockert / app.html
Last active May 17, 2016 17:54 — forked from haiau79/app.html
<template>
<form role="form">
<div data-toggle="buttons">
<label repeat.for="option of someOptions" class="btn btn-primary">
<input type="checkbox" model.bind="option.value" checked.two-way="selectedOptions">${option.name}
</label>
</div>
</form>
Selected:
@charlespockert
charlespockert / add-suffix.js
Last active May 21, 2016 05:34
Async value converted using binding behaviour
export class AddSuffixValueConverter {
toView(val, suffix) {
return new Promise((res, rej) => {
setTimeout(() => {
res(val + ' ' + suffix);
}, 1000);
});
}
}
@charlespockert
charlespockert / app-config.js
Last active May 16, 2016 15:13
export class AppConfig {
routes = [
{
route: [''],
name: 'route1',
moduleId: './route1',
title: 'Route 1'
}
]
}
@charlespockert
charlespockert / app.html
Created May 15, 2016 19:17
<template>
<require from="button1"></require>
<require from="panel"></require>
<div class="page-host">
<panel buttons.bind="[{ name: 'button1' }, {name: 'button2'}, {name: 'button3' }]">
<template replace-part="button-template">
<button>${button.name}</button>
</template>
</panel>
</div>
@charlespockert
charlespockert / app.html
Last active May 15, 2016 10:48
Aurelia Dependency-Injection Example
<template>
<h1>${b.message}</h1>
</template>
@charlespockert
charlespockert / app.html
Created May 14, 2016 14:02
Aurelia + i18n plugin issue with binding behaviour
<template>
<require from="tbind.js"></require>
<h1>${message}</h1>
<h2>${prop}</h2>
<div>${'val1' & t2}</div>
<div>${'val1' & t2}</div>
<hr/>
<div>
<compose containerless view.bind="'custom-view.html'"></compose>
</div>
@charlespockert
charlespockert / app.html
Created May 14, 2016 14:02
Aurelia + i18n plugin issue with binding behaviour
<template>
<require from="tbind.js"></require>
<h1>${message}</h1>
<h2>${prop}</h2>
<div>${'val1' & t2}</div>
<div>${'val1' & t2}</div>
<hr/>
<div>
<compose containerless view.bind="'custom-view.html'"></compose>
</div>