Skip to content

Instantly share code, notes, and snippets.

@plwalters
plwalters / app.html
Last active July 23, 2016 16:32 — forked from jdanyow/app.html
ast visualizer
<template>
<require from="./my-element"></require>
<my-element>Hey</my-element>
</template>
@plwalters
plwalters / app.html
Created May 9, 2016 18:27 — forked from AshleyGrant/app.html
Aurelia - Sortable
<template>
<require from="./sortable-custom-attribute"></require>
<ul sortable="array.bind: left; options.bind: { group: 'test' }">
<li repeat.for="item of left">${item}</li>
</ul>
<ul sortable="array.bind: right; options.bind: { group: 'test' }">
<li repeat.for="item of right">${item}</li>
</ul>
</template>
@plwalters
plwalters / app.html
Created April 12, 2016 16:00
Aurelia If Bind test on <content>
<template>
<require from="./parent"></require>
<parent></parent>
</template>
@plwalters
plwalters / app.html
Created March 31, 2016 05:13
Aurelia Small Div Gist
<template>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="font-awesome/css/font-awesome.css"></require>
<require from='./small-div'></require>
<button id="btnSmallDiv" click.trigger="SmallDivService()">
Small Div Service2
</button>
@plwalters
plwalters / app.html
Last active March 25, 2016 21:49
Aurelia Gist
<template>
<h1>${message}</h1>
</template>
@plwalters
plwalters / app.html
Last active July 6, 2017 14:59 — forked from jdanyow/app.html
Aurelia Gist
<template>
<h1>${message}</h1>
<input ref="control" />
<button click.delegate="log()">Log</button>
</template>
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
body {
background-color:#e0e0e0;
-webkit-font-smoothing: antialiased;
font: normal 14px Roboto,arial,sans-serif;
}
/*.navbar-default {background-color:#f4f4f4;margin-top:50px;border-width:0;z-index:5;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover > a {border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;}
.navbar-default .dropdown-menu {background-color:#ffffff;}
.navbar-default .dropdown-menu li > a {padding-left:30px;}
So I talked with Luke last night for a while and I think we have some general ideas for how we can split the two repositories up and get some tasks in place. The big blocker that I can foresee is that thus far I've only been helping with some maintenance and easy tasks so I need to dive deeper in to the 'flow' of validation to make sure we maintain everything properly. I spent a few hours last night combing through the code to get a better technical understanding. I'm proposing that for the beta releases we make sure the validation library is rock-solid and that aurelia-templating-validation is priority #2. Removing the DOM manipulation that currently takes place in Validation seems like it is going to greatly simplify things and enable implementing better hooks for templating but it seems that the DOM-related stuff is all Bootstrap and I'm not certain if it adds as much value up front as having a stabilized and rock-solid API for validation. Most of the DOM manipulation should be able to be accomplished in a
@plwalters
plwalters / index.html
Last active November 10, 2015 04:33
Accompanying enhance samples
<!DOCTYPE html>
<html>
<head>
<title>Aurelia</title>
<link rel="stylesheet" href="jspm_packages/npm/[email protected]/css/font-awesome.min.css">
<link rel="stylesheet" href="jspm_packages/github/twbs/[email protected]/css/bootstrap.min.css">
<link rel="stylesheet" href="styles/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
@plwalters
plwalters / build.js
Last active October 1, 2015 16:48
Bundling framework files only
var gulp = require('gulp');
var runSequence = require('run-sequence');
var changed = require('gulp-changed');
var plumber = require('gulp-plumber');
var to5 = require('gulp-babel');
var sourcemaps = require('gulp-sourcemaps');
var paths = require('../paths');
var compilerOptions = require('../babel-options');
var assign = Object.assign || require('object.assign');