Skip to content

Instantly share code, notes, and snippets.

View vegarringdal's full-sized avatar
💭
Having fun with lit-html

Vegar Ringdal vegarringdal

💭
Having fun with lit-html
View GitHub Profile
@vegarringdal
vegarringdal / app.html
Last active June 7, 2025 16:53
aurelia-v-grid - Track changes on row with full undo button & send back event to VM test
<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-row-data-edited.delegate="rowDataEdited($event)"
@vegarringdal
vegarringdal / app.html
Last active August 19, 2016 15:13 — forked from johntom/app.html
aurelia-v-grid - Demo: max length input, with options
<template>
<div class="row">
<v-grid
class="col-md-6"
style="height:350px"
v-row-height="25"
@vegarringdal
vegarringdal / gist:07e6fb3745662d6f3263b0f337810fbc
Created August 14, 2016 20:05
clean windows install electron
download node: https://nodejs.org/en/ version 6.x.x
install node
npm set progress=false
download git : https://git-scm.com/downloads
install git (with defaults)
open powershell.exe with admin access
npm install --global --production windows-build-tools npm@next
restart pc
go under my documents shift-click -> select "open command window here"
git clone https://github.com/monterey-framework/monterey
@vegarringdal
vegarringdal / app.html
Last active July 22, 2016 10:27
aurelia-v-grid - Demo: Generate Columns
<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
vegarringdal / div linker
Last active July 18, 2016 21:10
cocos 2d JS
http://discuss.cocos2d-x.org/t/how-to-pass-parameters-between-scenes-transition-scenes-in-cocos-creator/30364/3
@vegarringdal
vegarringdal / app.html
Last active December 14, 2016 22:45
cytoscape -aurelia test- with elbow
<template>
<div id="tools">
<button if.bind="!showTools" click.delegate="showConfig()" >Show config</button>
<button if.bind="!showTools" click.delegate="generateImage()" >generateImage</button>
<div class="col-md-12 col-md-offset-1" if.bind="showTools">
<h3>Block generator</h3>
<div class="row">
<button click.delegate="generate()">Generate</button>
</div>
@vegarringdal
vegarringdal / app.html
Last active July 17, 2016 11:14
cytoscape -aurelia test
<template>
<div id="tools">
<button click.delegate="generate()">Generate</button>
<textarea value.bind="textArea"></textarea>
</div>
<div style="width:100%;height:100%" id="cy"></div>
</template>
@vegarringdal
vegarringdal / index.html
Last active July 16, 2016 19:36
cytoscape with cables
<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet" />
<meta charset=utf-8 />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<title>Compound nodes</title>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/2.7.0/cytoscape.min.js"></script>
@vegarringdal
vegarringdal / app.html
Last active July 14, 2016 15:13
aurelia-v-grid -: adding simple select
<template>
<require from="valueConverters"></require>
<require from="v-grid-control-form.html"></require>
<button click.delegate="simpleSortBtn('name')">sort by name</button>
<button click.delegate="multisort('name')">multisort</button>
<div class="row">
<style>
.select-helper {
@vegarringdal
vegarringdal / app.html
Last active July 22, 2016 10:33
aurelia-v-grid -: Simple sorting with button:
<template>
<require from="valueConverters"></require>
<require from="v-grid-control-form.html"></require>
<button click.delegate="simpleSortBtn('name')">sort by name</button>
<button click.delegate="multisort('name')">multisort</button>
<div class="row">
<v-grid
class="col-md-6"
style="height:350px"