Tom Aalbers dtaalbers

💻

Doing the computer stuff things..

Fullstack software developer, Space Enthusiast

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / app.html

Last active September 28, 2016 11:55

Routes example