Jeroen Vinke JeroenVinke

JeroenVinke / app.html

Last active June 29, 2017 17:31

Mediaplayer: events

	<template>
	<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>
	<require from="./logger"></require>

	<div id="example">
	<div class="demo-section k-content">
	<div id="mediaPlayer" style="height:360px" ak-mediaplayer="k-media.bind: { title: 'Recap of Progress', source: 'https://www.youtube.com/watch?v=tc3xhD24iTU' };
	k-auto-play.bind: true;
	k-navigatable.bind: true;
	k-widget.bind: mediaPlayer"

JeroenVinke / app.html

Last active June 29, 2017 17:31

Mediaplayer: playlist

	<template>
	<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>
	<require from="aurelia-kendoui-bridge/listview/listview"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<div id="mediaPlayer" style="height:360px" ak-mediaplayer="k-autoPlay.bind: true; k-widget.bind: mediaPlayer">
	</div>
	<div class="k-list-container playlist">
	<ul id="listView" class="k-list"></ul>
	<ak-list-view k-data-source.bind="videos"

JeroenVinke / app.html

Created June 24, 2017 14:03

Switch: value binding

	<template>
	<require from="aurelia-kendoui-bridge/switch/switch"></require>
	<require from="./value-binding.css!css"></require>

	<div id="example">
	<div class="demo-section k-content">
	<p>Notifications are ${isChecked ? 'enabled' : 'disabled'}</p>
	<input type="checkbox" checked.bind="isChecked"/>

	<div class="settings-head"></div>

JeroenVinke / app.html

Last active June 24, 2017 13:59 — forked from gist-master/app.html

Switch: value binding

	<template>
	<require from="aurelia-kendoui-bridge/switch/switch"></require>
	<require from="./value-binding.css!css"></require>

	<div id="example">
	<div class="demo-section k-content">
	<p>Notifications are ${isChecked ? 'enabled' : 'disabled'}</p>
	<input type="checkbox" checked.bind="isChecked"/>

	<div class="settings-head"></div>

JeroenVinke / gist:381b5d607c126ff36321b7a709bea61d

Created June 10, 2017 09:24

	import gulp from 'gulp';
	import {Server as Karma} from 'karma';
	import {CLIOptions} from 'aurelia-cli';
	import build from './build';
	import watch from './watch';
	import * as path from 'path';

	let karma = done => {
	new Karma({
	configFile: path.join(__dirname, '/../../karma.conf.js'),

JeroenVinke / app.html

Created June 6, 2017 07:45 — forked from gist-master/app.html

ListView:selection

	<template>
	<require from="./logger.js"></require>
	<require from="./selection.css!css"></require>
	<require from="aurelia-kendoui-bridge/listview/listview"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<style>
	.red { background-color: red }
	</style>

JeroenVinke / app.html

Created June 2, 2017 07:53

Grid: datasource read

	<template>
	<compose view-model="app1"></compose>
	</template>

JeroenVinke / app.html

Created June 2, 2017 07:08 — forked from pKrav75/app.html

Grid: datasource read

	<template>
	<compose view-model="app1"></compose>
	</template>

JeroenVinke / app.html

Created June 2, 2017 07:07

Datepicker: basic usage

	<template>
	<button type="button" click.delegate="add()">add</button>
	<button type="button" click.delegate="del()">del</button>
	Iteration ${cnt}
	<div id="modules-container">
	</div>
	<div if.bind="show">
	<compose view.bind="formName" model.bind="this"></compose>
	</div
	</template>

JeroenVinke / app.html

Last active May 30, 2017 19:27 — forked from SaucyJack/app.html

Editor: basic usage

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

	<div id="example">
	<textarea ak-rich-editor value.bind="bodyContent" style="height:440px">
	</textarea>
	</div>
	</template>