JeroenVinke’s gists

JeroenVinke / importer-callback.js

Created January 16, 2017 20:11

	'use strict';

	const templates = require('./templates');
	const logger = require('aurelia-logging').getLogger('aurelia-i18n');
	const Q_SETUP = `Would you like to setup Aurelia I18N automatically?
	This includes modifying your src/main.js file as well as creating default translations files`;

	module.exports = class {

	static inject() { return ['project', 'ui', 'fs']; };

JeroenVinke / app.html

Created January 13, 2017 16:02 — forked from martyns/app.html

Grid: binding to local data

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<div repeat.for="a of b">
	<ak-grid k-data-source.bind="datasource"
	k-pageable.bind="{ input: true, numeric: false}"
	k-filterable.bind="true"
	k-sortable.bind="true"

JeroenVinke / app.css

Created January 13, 2017 12:24

Grid: basic usage

	.customer-photo {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);

JeroenVinke / app.css

Last active January 12, 2017 12:13 — forked from johntom/app.css

Grid: basic usage

	.customer-photo {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);

JeroenVinke / app.css

Created January 10, 2017 20:12 — forked from Reverbe/app.css

Grid: basic usage

	.customer-photo {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);

JeroenVinke / a.html

Last active January 10, 2017 18:59 — forked from Reverbe/app.css

Grid: basic usage

JeroenVinke / importer-callbacks.js

Created January 8, 2017 14:29

custom importer in node_modules/aurelia-kendoui-bridge/importer-callbacks.js

	'use strict';

	const logger = require('aurelia-logging').getLogger('aurelia-kendoui-bridge importer');

	module.exports = class {

	static inject() { return ['package', 'project', 'ui', 'fs']; };

	constructor(pkg, project, ui, fs) {
	this.package = pkg;

JeroenVinke / app.html

Created January 7, 2017 15:30 — forked from gist-master/app.html

Gantt: column resizing

	<template>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<div k-on-click.delegate="test()">
	<button ak-button k-on-click.trigger="test($event)">Test</button>
	</div>
	</template>

JeroenVinke / app.html

Created January 5, 2017 19:40

	<template>
	<div style="width:200px;">
	<require from="aurelia-kendoui-bridge/autocomplete/autocomplete"></require>
	<ak-autocomplete k-data-source.bind="items" k-value.two-way="selectedValue">
	<input style="width: 100%;">
	</ak-autocomplete>
	<p class="demo-hint" style="word-break: break-all">Type a name, available values in the list are: ${ items } </p>

	<br />Selected Value:
	<input type="text" value.bind="selectedValue">

JeroenVinke / app.html

Created January 5, 2017 13:15

DateTimePicker: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>

	<div id="example">
	<div class="demo-section k-content" with.bind="person">
	<h2>Datetimes</h4>
	<button click.delegate="toggle()">Toggle dates</button>
	<h5>${value.date.dateOfBirth}</h5>
	<input ak-datetimepicker="k-format: yyyy-MM-dd HH:mm:ss; k-value.two-way: person.value.date.dateOfBirth" />

Jeroen Vinke JeroenVinke