Skip to content

Instantly share code, notes, and snippets.

View Thanood's full-sized avatar

Daniel Bendel Thanood

  • Cologne, Germany
View GitHub Profile
@Thanood
Thanood / app.html
Last active April 11, 2016 19:25
Aurelia - attr interpolation
<template>
<require from="./my-attribute"></require>
<table>
<tr repeat.for="name of names">
<td>Name</td>
<td my-attribute="value:${name};"></td>
</tr>
</table>
</template>
@Thanood
Thanood / app.html
Last active April 18, 2016 09:15
Aurelia - Materialize Modal
<template>
<router-view></router-view>
</template>
@Thanood
Thanood / app.html
Created April 19, 2016 12:20
Aurelia - optional viewport
<template>
<div>invisible<router-view name="toolbar"></router-view></div>
<div><router-view></router-view></div>
</template>
@Thanood
Thanood / app.html
Created April 20, 2016 07:49
Aurelia - Materialize Waves
<template>
<div>
<button md-button md-waves="color: light;">test</button>
</div>
</template>
@Thanood
Thanood / app.html
Created April 20, 2016 08:45
Aurelia - Materialize Colors
<template>
<md-colors md-primary-color="#0084DE" md-accent-color="#FF9E5F"></md-colors>
<div>
<md-pagination md-pages="6" md-active-page.bind="activePage"></md-pagination>
</div>
<div>
active page: ${activePage}
</div>
<div>
<button md-button>accent</button>
@Thanood
Thanood / app.html
Last active April 29, 2016 09:18
Aurelia - Materialize Range
<template>
<require from="./combined.html"></require>
<!--<div>
<md-range md-value.bind="rangeValue"></md-range>
<md-input md-label="put some text here" md-value.bind="rangeValue"></md-input><br />
</div>
<div>
range: ${rangeValue}
</div>-->
@Thanood
Thanood / app.html
Created April 26, 2016 06:01 — forked from jasoncarreira/app.html
Aurelia - Materialize Range
<template>
<require from="./slider-value.html"></require>
<md-colors md-primary-color="#ee6e73" md-accent-color="#009688"></md-colors>
<section class="au-animate">
<h2>YourChoices</h2>
<slider-value propertyName.two-way="retirementAge" label="Retirement Age" callback="onRetirementAgeChanged"></slider-value>
@Thanood
Thanood / app.html
Created April 26, 2016 20:38
Aurelia - Materialize Checkbox click
<template>
<require from="./combined.html"></require>
<!--<div>
<md-range md-value.bind="rangeValue"></md-range>
<md-input md-label="put some text here" md-value.bind="rangeValue"></md-input><br />
</div>
<div>
range: ${rangeValue}
</div>-->
@Thanood
Thanood / app.html
Created April 28, 2016 06:31
Aurelia - ag-grid element
<template>
<!--<require from="./ag-grid"></require>-->
<ag-grid ref="myGrid" rowclicked.trigger="onRowClicked($event)" class="ag-fresh"></ag-grid>
<div>
<button click.delegate="addData()">add a row</button>
</div>
</template>
@Thanood
Thanood / app.html
Last active April 28, 2016 06:36
Aurelia - ag-grid element
<template>
<ag-grid ref="myGrid" rowclicked.trigger="onRowClicked($event)" class="ag-blue"></ag-grid>
<div show.bind="selected">
selected row: ${selected.make} ${selected.model}
</div>
<div>
<button click.delegate="addData()">add a row</button>
</div>
</template>