ajayvikas’s gists

ajayvikas / app.html

Created November 14, 2017 17:35 — forked from davismj/app.html

Aurelia function computedFrom

	<template>
	<style>
	label {display: block; padding: 4px 0;}
	</style>

	<hr/>
	<label>
	First Name: <input value.bind='firstName' />
	</label>
	<label>

ajayvikas / app.html

Last active February 14, 2017 21:15 — forked from jdanyow/app.html

Aurelia Validation Demo

	<template>
	<require from="./registration-form"></require>

	<registration-form></registration-form>
	</template>

ajayvikas / app.html

Last active October 2, 2016 23:10

Slot Issue - @child is not being populated in the dynamic component

	<template>
	<require from="./summary"></require>
	<require from="./dynamic-comp"></require>
	<summary items.bind="summaryItems">
	<span style="background-color: skyblue">from app:</span>
	</summary>
	<dc></dc>
	</template>

ajayvikas / app.html

Last active March 2, 2017 05:13

Aurelia Grid Column Render Issue

	<template>
	<require from="./grid"></require>
	<require from="./grid-column"></require>
	<h2>Grid Test</h2>
	<div style="margin-bottom: 20px;">
	<button type="button" click.delegate="toggleNameColumn()">${buttonText}</button>
	</div>
	<grid items.bind="customers" grid.ref="customerGrid">
	<grid-column field="id" title="ID"></grid-column>
	<grid-column field="name" title="NAME"></grid-column>

ajayvikas / app.html

Last active September 21, 2016 18:34 — forked from jdanyow/app.html

Minesweeper

	<template>
	<require from="./minesweeper.viewmodel"></require>
	<minesweeper game.bind="game" view-model.ref="minesweeper"></minesweeper>
	<ul class="actions">
	<li><a click.delegate="startNewGame()">New game</a></li>
	<li><a click.delegate="minesweeper.undo()" hidden.bind="!minesweeper.canUndo()">Undo</a></li>
	</ul>
	</template>

ajayvikas / app.html

Last active October 2, 2016 17:09 — forked from jdanyow/app.html

Repeater of Children issue

	<template>
	<require from="./grid"></require>
	<require from="./grid-column"></require>
	<grid items.bind="orders">
	<grid-column field="id" title="ID"></grid-column>
	<grid-column field="rate" title="RATE"></grid-column>
	<grid-column field="qty" title="QTY"></grid-column>
	<grid-column field="amount" title="AMT"></grid-column>
	</grid>
	</template>

ajayvikas / app.html

Last active October 2, 2016 01:14

Compose Element Modification

	<template>
	<require from="./test"></require>
	<require from="./compose"></require>
	Works with custom element as node name
	<br/>
	<br/>
	<test>
	<div slot="slot1">
	Some slot content
	</div>

ajayvikas / app.html

Created August 20, 2016 20:22

Aurelia Observer Issue

	<template>
	<div>
	<label>id</label>
	<label>rate</label>
	<label>qty</label>
	<span>amt</label>
	</div>
	<div repeat.for="order of orders">
	<label>${order.id}</label>
	<label>${order.rate}</label>