Skip to content

Instantly share code, notes, and snippets.

@plwalters
plwalters / app.html
Created March 31, 2016 05:13
Aurelia Small Div Gist
<template>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="font-awesome/css/font-awesome.css"></require>
<require from='./small-div'></require>
<button id="btnSmallDiv" click.trigger="SmallDivService()">
Small Div Service2
</button>
@plwalters
plwalters / app.html
Created April 12, 2016 16:00
Aurelia If Bind test on <content>
<template>
<require from="./parent"></require>
<parent></parent>
</template>
@plwalters
plwalters / app.html
Created May 9, 2016 18:27 — forked from AshleyGrant/app.html
Aurelia - Sortable
<template>
<require from="./sortable-custom-attribute"></require>
<ul sortable="array.bind: left; options.bind: { group: 'test' }">
<li repeat.for="item of left">${item}</li>
</ul>
<ul sortable="array.bind: right; options.bind: { group: 'test' }">
<li repeat.for="item of right">${item}</li>
</ul>
</template>
@plwalters
plwalters / app.html
Last active July 23, 2016 16:32 — forked from jdanyow/app.html
ast visualizer
<template>
<require from="./my-element"></require>
<my-element>Hey</my-element>
</template>
@plwalters
plwalters / app.html
Last active July 23, 2016 16:44
ast visualizer
<template>
<require from="./my-custom-element"></require>
<my-custom-element>Hey</my-custom-element>
</template>
@plwalters
plwalters / app.html
Last active October 3, 2016 13:02
ast visualizer
<template>
<ul>
<li repeat.for="person of people" click.delegate="changeColor(person, $event)" style="background-color: ${person.color}">
${person.name}
<div repeat.for="item of items" click.delegate="changeColor(item, $event)" style="color: ${item.color}">
${item.checked}
<input type="checkbox" click.delegate="stopPropagation($event)"/>
</div>
</li>
</ul>
@plwalters
plwalters / app.html
Created October 20, 2016 15:13
DI inheritance
<template>
<require from="./customel"></require>
<customel attribute="0"></customel>
<customel attribute="2"></customel>
</template>
@plwalters
plwalters / app.html
Created October 23, 2016 14:02 — forked from bcanzanella/app.html
dialog not re-binding
<template>
<button click.delegate="prompt()">open dialog</button>
<br><br>
(app [inline]) inner data:<br>
<div repeat.for="s of outer.inner">${s.name}</div>
</template>
@plwalters
plwalters / app.html
Created October 23, 2016 16:04
DI inheritance
<template>
<template repeat.for="app of apps" show.bind="selectedApp === app">
${app.name}
</template>
</template>
@plwalters
plwalters / app.html
Created October 24, 2016 18:58 — forked from pjschreifels/app.html
Aurelia update form values from custom component.
<template>
<require from='./records'></require>
<require from='./record-form'></require>
<div class="container-fluid">
<div class="row mt-1">
<div class="col-xs-12">
<p class="lead text-muted">${heading}</p>
</div>
</div>