len-ro’s gists

len-ro / a.js

Created May 31, 2017 10:16

Grid: basic usage

	import {customAttribute, dynamicOptions, inject, DOM} from 'aurelia-framework';

	@customAttribute('my-attribute')
	@dynamicOptions
	@inject(DOM.Element)
	export class MyAttribute {

	constructor(element) {
	this.element = element;
	}

len-ro / a.js

Last active May 29, 2017 07:26

Grid: basic usage

	import {customAttribute, dynamicOptions, inject, DOM, bindable} from 'aurelia-framework';

	@customAttribute('my-attribute')
	@inject(DOM.Element)
	export class MyAttribute {

	@bindable a;
	@bindable b;

	constructor(element) {

len-ro / a.js

Last active May 30, 2017 21:35 — forked from JeroenVinke/app.html

Grid: basic usage

	import {customAttribute, dynamicOptions, inject, DOM} from 'aurelia-framework';

	@customAttribute('my-attribute')
	@dynamicOptions
	@inject(DOM.Element)
	export class MyAttribute {

	constructor(element) {
	this.element = element;
	}

len-ro / app.html

Created April 4, 2017 12:34 — forked from gist-master/app.html

Grid: editing custom editor

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

	<div id="example">
	<ak-grid k-pageable.bind="true" k-height.bind="500" k-toolbar.bind="['create']" k-editable.bind="true" k-data-source.bind="dataSource" k-on-save.delegate="testLen($event)">
	<ak-col k-field="ProductName" k-title="Product Name"></ak-col>
	<ak-col k-field="Category" k-title="Category" k-width="180px" k-editor.bind="categoryDropDownEditor" k-template.bind="categoryTemplate"></ak-col>
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="130px"></ak-col>
	<ak-col k-command="destroy" k-title=" " k-width="150px"></ak-col>

len-ro / app.html

Created April 4, 2017 12:34 — forked from gist-master/app.html

Grid: editing custom editor

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

	<div id="example">
	<ak-grid k-pageable.bind="true" k-height.bind="500" k-toolbar.bind="['create']" k-editable.bind="true" k-data-source.bind="dataSource" k-on-save.delegate="testLen($event)">
	<ak-col k-field="ProductName" k-title="Product Name"></ak-col>
	<ak-col k-field="Category" k-title="Category" k-width="180px" k-editor.bind="categoryDropDownEditor" k-template.bind="categoryTemplate"></ak-col>
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="130px"></ak-col>
	<ak-col k-command="destroy" k-title=" " k-width="150px"></ak-col>

len-ro / app.html

Last active February 7, 2017 12:07

Datepicker: basic usage

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

	<div id="example">
	<div class="demo-section k-content">
	<input type="button" click.delegate="showRef()" value="Show ref"/>
	<h4>Date input</h4>
	<input if.bind="showDate" ref="inputRef" ak-datepicker="k-value.bind:'10/10/2011'" style="width: 100%" />

	</div>

len-ro / app.html

Created February 7, 2017 12:01

Datepicker: basic usage

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

	<div id="example">
	<div class="demo-section k-content">
	<input type="checkbox" checked.bind="showDate">Show date</input>
	<h4>Show e-mails from:</h4>
	<input if.bind="showDate" ak-datepicker="k-value.bind:'10/10/2011'" style="width: 100%" />

	</div>

len-ro / app.html

Last active February 7, 2017 15:53 — forked from gist-master/app.html

Datepicker: basic usage

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

	<div id="example">
	<div class="demo-section k-content">
	<input type="checkbox" checked.bind="showDate">Show date</input>
	<h4>Show e-mails from:</h4>
	<input if.bind="showDate" ak-datepicker="k-value.bind:'10/10/2011'" style="width: 100%" />
	</div>
	</div>

len-ro / app.html

Last active April 1, 2017 12:45 — forked from gist-master/app.html

Datepicker: basic usage

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

len-ro / app.css

Last active January 30, 2017 14:02 — forked from gist-master/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);