Skip to content

Instantly share code, notes, and snippets.

View JeroenVinke's full-sized avatar

Jeroen Vinke JeroenVinke

36 followers · 4 following
View GitHub Profile
@JeroenVinke
JeroenVinke / app.html
Created February 20, 2017 13:55
Aurelia KendoUI component - problem report
<template>
<require from="aurelia-kendoui-bridge/button/button"></require>
<ul ak-menu="k-open-on-click.bind:true; k-no-init.bind: true" ak-menu.ref="menuVM" class="rgk-action-menu">
<li><i class="fa fa-bars" aria-hidden="true"></i>
<ul>
<li repeat.for="status of ds"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;${status.statusLabel}</li>
</ul>
</li>
</ul>
@JeroenVinke
JeroenVinke / app.html
Created February 20, 2017 13:51
Aurelia KendoUI component - problem report
<template>
<require from="aurelia-kendoui-bridge/button/button"></require>
<ul ak-menu="k-open-on-click.bind:true" class="rgk-action-menu">
<li><i class="fa fa-bars" aria-hidden="true"></i>
<ul>
<li repeat.for="status of ds"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;${status.statusLabel}</li>
</ul>
</li>
</ul>
@JeroenVinke
JeroenVinke / app.html
Last active February 20, 2017 13:48
Aurelia KendoUI component - problem report
<template>
<require from="aurelia-kendoui-bridge/button/button"></require>
<ul ak-menu="k-open-on-click.bind:true" class="rgk-action-menu">
<li><i class="fa fa-bars" aria-hidden="true"></i>
<ul>
<li repeat.for="status of ds"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;${status.statusLabel}</li>
</ul>
</li>
</ul>
@JeroenVinke
JeroenVinke / app.html
Last active February 20, 2017 10:11
Slider: basic usage
<template>
<require from="./basic-use.css!css"></require>
<require from="aurelia-kendoui-bridge/slider/slider"></require>
<div id="example">
<div id="slider-basicuse">
<div class="demo-section k-content">
<h4 style="padding-top: 2em;">Equalizer</h4>
<div id="equalizer">
<input repeat.for="slider of sliders"
@JeroenVinke
JeroenVinke / app.html
Created February 20, 2017 08:58
Drag and Drop: area
<template>
<require from="./area.css!css"></require>
<require from="aurelia-kendoui-bridge/draggable/draggable"></require>
<require from="aurelia-kendoui-bridge/drop-target/drop-target-area"></require>
<div id="example">
<div class="demo-section k-content" if.bind="visible">
<div ak-drop-target-area="k-filter: .test1, .test2"
k-on-dragenter.delegate="droptargetOnDragEnter($event.detail)"
k-on-dragleave.delegate="droptargetOnDragLeave($event.detail)"
@JeroenVinke
JeroenVinke / app.html
Last active February 20, 2017 08:36
Grid: command
<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>
<require from="aurelia-kendoui-bridge/button/button"></require>
<require from="aurelia-kendoui-bridge/grid/grid-command"></require>
<ak-grid k-data-source.bind="datasource" k-on-data-bound.delegate="onDataBound($event.detail)" k-widget.two-way="grid">
<ak-col k-title="Contact Name" k-field="ContactName"></ak-col>
@JeroenVinke
JeroenVinke / app.html
Created February 19, 2017 21:31
Grid: command
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<require from="aurelia-kendoui-bridge/grid/grid-command"></require>
<ak-grid k-data-source.bind="datasource" k-on-data-bound.delegate="onDataBound($event.detail)">
<ak-col k-title="OrderId" k-field="OrderID"></ak-col>
<ak-col>
<ak-grid-command k-name="details" k-text="Details" k-click.call="details($event)"></ak-grid-command>
</ak-col>
@JeroenVinke
JeroenVinke / app.html
Last active February 21, 2017 15:53 — forked from gist-master/app.html
Grid: command
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<require from="aurelia-kendoui-bridge/grid/grid-command"></require>
<ak-grid k-data-source.bind="datasource" k-on-data-bound.delegate="onDataBound($event.detail)">
<ak-col k-title="OrderId" k-field="OrderID"></ak-col>
<ak-col>
<ak-grid-command k-name="details" k-text="Details" k-click.call="details($event)"></ak-grid-command>
</ak-col>
@JeroenVinke
JeroenVinke / app.html
Created February 18, 2017 10:28 — forked from gist-master/app.html
Slider: basic usage
<template>
<require from="./basic-use.css!css"></require>
<require from="aurelia-kendoui-bridge/slider/slider"></require>
<div id="example">
<div id="slider-basicuse">
<div class="demo-section k-content">
<button click.delegate="updateSliders()">Update sliders</button>
<h4 style="padding-top: 2em;">Equalizer</h4>
@JeroenVinke
JeroenVinke / app.html
Created February 18, 2017 10:23
Slider: basic usage
<template>
<require from="./basic-use.css!css"></require>
<require from="aurelia-kendoui-bridge/slider/slider"></require>
<div id="example">
<div id="slider-basicuse">
<div class="demo-section k-content">
<h4>Balance</h4>
<input ak-slider="k-increase-button-title: Right;
k-decrease-button-title: Left;