Vegar Ringdal vegarringdal

💭

Having fun with lit-html

Like to make stuff with js/ts :-)

vegarringdal / JSPM notes

Last active July 3, 2016 19:08

aurelia-cli generate project

	Note to myself...
	Made a copy of you NPM plugin and called all that was "npm" to "jspm"

	DO not use! this can mess up your project :-)

	```
	install() {
	if (this._installing) {
	alert('Already installing');
	return;

vegarringdal / app.html

Last active July 9, 2016 03:33

aurelia-v-grid - Tooltip

	<template>
	<require from="valueConverters"></require>
	<div class="row">

	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="25"
	v-header-height="50"
	v-row-onclick.delegate="singleClick($event.detail)"

vegarringdal / app.html

Last active August 5, 2016 14:46

aurelia css attribute- Is this a bug?

	<template>

	<div css="height:200px;width:200px;background-color:blue">I'm missing my style!!! :-(</div>


	<div css="${cssHack};height:200px;width:200px;background-color:blue:color:white">Yay :-)</div>

	</template>

vegarringdal / app.html

Last active July 7, 2016 12:11

aurelia-v-grid - Demo: READ ONLY

	<template>
	<require from="valueConverters"></require>
	<require from="v-grid-control-form.html"></require>
	<div class="row">

	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="25"
	v-header-height="50"

vegarringdal / app.html

Last active July 22, 2016 10:38

aurelia-v-grid - Search icon

	<template>
	<style>
	.vgrid-header-input-search-icon-top{
	position:absolute;
	top:5.5px;
	left:3px;
	}

	.vgrid-header-input-search-icon-bottom{
	position:absolute;

vegarringdal / app.html

Last active July 22, 2016 10:37

aurelia-v-grid - Track changes on row

	<template>
	<p>Change value in one of the cells in the first 2 columns</p>
	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="25"
	v-header-height="50"
	v-multi-select="true"
	v-row-on-draw.call="onRowDraw($event)"
	v-collection.bind=myCollection

vegarringdal / app.html

Last active July 22, 2016 10:37

aurelia-v-grid - Track changes on row with cancel button

	<template>
	<p>Change value in one of the cells in the first 2 columns</p>
	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="40"
	v-header-height="50"
	v-multi-select="true"
	v-collection.bind=myCollection
	v-grid-context.bind=myGrid>

vegarringdal / app.html

Last active July 10, 2016 16:00

aurelia-v-grid - Track changes on row with full undo button

	<template>
	<p>Change value in one of the cells in the first 2 columns</p>
	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="36"
	v-header-height="50"
	v-multi-select="true"
	v-collection.bind=myCollection
	v-grid-context.bind=myGrid>

vegarringdal / app.html

Last active July 11, 2016 21:05

aurelia-v-grid - Highlight row on attached

	<template>
	<p>Change value in one of the cells in the first 2 columns</p>
	<v-grid
	class="col-md-6"
	style="height:350px"
	v-row-height="36"
	v-header-height="50"
	v-multi-select="true"
	v-collection.bind=myCollection
	v-grid-context.bind=myGrid>

vegarringdal / app.html

Last active July 13, 2016 15:12

aurelia-v-grid - Test responsive layout

	<template>
	<style>
	.vGrid-body{
	max-height:600px;
	}
	.vGrid-footer{
	padding:0 !important;
	}
	</style>
	<p>Change value in one of the cells in the first 2 columns</p>