Skip to content

Instantly share code, notes, and snippets.

View dtaalbers's full-sized avatar
💻
Doing the computer stuff things..

Tom Aalbers dtaalbers

💻
Doing the computer stuff things..
View GitHub Profile
@dtaalbers
dtaalbers / index.html
Last active January 18, 2024 19:35
slot-ref-aurelia-2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber Gist uses dumber bundler, the default bundle file
@dtaalbers
dtaalbers / app.html
Last active May 28, 2018 09:37
View change event
<template>
<require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
<require from="aurelia-kendoui-bridge/combobox/combobox"></require>
<require from="aurelia-kendoui-bridge/datepicker/datepicker"></require>
<div id="example">
<div class="box wide">
<div class="box-col">
<h4>Current Date</h4>
<input ak-datepicker="k-value.two-way: currentDate" />
@dtaalbers
dtaalbers / app.html
Last active February 24, 2018 14:03
Update checked status
<template>
<div if.bind="selected_rows.length > 0">
Selection (${ selected_rows.length })
</div>
<input type="text" value.bind="query" keyup.delegate="search()" placeholder="Search..">
<table>
<thead>
<tr>
<td></td>
<th>Id</th>
@dtaalbers
dtaalbers / app.html
Last active February 22, 2018 10:29
Aurelia Child Components
<template>
<require from='board'></require>
<require from='boardlane'></require>
<board>
<boardlane></boardlane>
<boardlane></boardlane>
<boardlane></boardlane>
</board>
</template>
@dtaalbers
dtaalbers / app.html
Last active February 22, 2017 10:27 — forked from gist-master/app.html
ComboBox: cascading combobox
<template>
<require from="aurelia-kendoui-bridge/combobox/combobox"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Categories:</h4>
<ak-combobox disabled.bind="disabled" k-option-label="Select category..."
k-data-text-field="CategoryName"
k-data-value-field="CategoryID"
k-widget.bind="categories"
@dtaalbers
dtaalbers / app.html
Last active November 29, 2016 18:07 — forked from gist-master/app.html
Bar chart: Binding to remote data
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="title" k-data-source.bind="datasource" k-legend.bind="legend" k-series-defaults.bind="seriesDefaults"
k-series.bind="series" k-tooltip.bind="tooltip">
</ak-chart>
</template>
@dtaalbers
dtaalbers / app.html
Last active November 23, 2016 11:06 — forked from gist-master/app.html
Line charts: binding to grouped data
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-widget.bind="widget" k-data-source.bind="datasource" k-legend.bind="{position: 'bottom'}" k-series-defaults.bind="seriesDefaults"
k-series.bind="series" k-value-axis.bind="valueAxis" k-category-axis.bind="categoryAxis" k-tooltip.bind="tooltip"
view-model.ref="chart">
</ak-chart>
</template>
@dtaalbers
dtaalbers / app.html
Created November 23, 2016 10:44 — forked from gist-master/app.html
linechart
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Gross Domestic product growth \n /GDP annual %/'}"
k-legend.bind="{position: 'bottom'}"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
</ak-chart>
@dtaalbers
dtaalbers / app.html
Last active October 17, 2016 13:29
Scheduler: basic usage
<template>
${message}
<div id="example">
<ak-combobox k-data-text-field="text"
view-model.ref="box"
k-data-value-field="value"
k-value.two-way="title"
k-data-source.bind="data"
k-on-select.delegate="addSelected($event.detail)"
k-filter="contains"
@dtaalbers
dtaalbers / app.html
Last active September 28, 2016 11:55
Routes example
<template>
<router-view></router-view>
</template>