Skip to content

Instantly share code, notes, and snippets.

View jpray's full-sized avatar

John Daniel Pray jpray

View GitHub Profile
import {LitElement} from './node_modules/@polymer/lit-element/lit-element.js'
import { html } from './node_modules/lit-html/lib/lit-extended.js';
class MySweetValentine extends LitElement {
constructor() {
super();
}
render() {
@jpray
jpray / index.html
Last active June 13, 2018 12:18
iframe embed test
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DEEP-UI Playground</title>
<link rel="stylesheet" href="https://cdn.voya.com/global/deep-ui/2.x/deep-ui-core.css">
<link rel="stylesheet" href="https://cdn.voya.com/global/deep-ui/2.x/voya-button.css">
<link rel="stylesheet" href="https://cdn.voya.com/global/deep-ui/2.x/voya-header.css">
<link rel="stylesheet" href="my-app.css">
@jpray
jpray / app.html
Last active May 10, 2018 00:24
Aurelia Select Disable
<template>
<table>
<thead>
<tr>
<th>selects</th>
<th>inputs</th>
</tr>
</thead>
<tbody>
<tr repeat.for="item of items">
@jpray
jpray / aurelia-factory.js
Created April 16, 2018 17:43
Aurelia Factory
import { Container, Loader, Aurelia } from 'aurelia-framework';
import { starting, bootstrap } from 'aurelia-bootstrapper';
//GistRun Issue: none of the above imports are defined due to some syntax error it claims
// Returns: a promise that resolves with a new Aurelia instance
export function aureliaFactory() {
return starting.then(function() {
return (Container.instance ? Promise.resolve() : bootstrap(function(){})).then(function() {
return new Aurelia(
Container.instance.get(Loader),
@jpray
jpray / app.html
Last active April 16, 2018 16:11
Aurelia Factory
<template>
<require from='./my-element'></require>
<my-element some-boolean.bind="someBoolean"></my-element>
</template>
@jpray
jpray / app.html
Created February 15, 2018 10:05
Aurelia HttpClient Headers example
<template>
<h1>HttpClient Headers</h1>
<h3>headers</h3>
<ul>
<li repeat.for="header of headers">
${header}
</li>
</ul>
@jpray
jpray / app.html
Created November 30, 2017 14:28
Aurelia Gist
<template>
<div class="pending-transaction" innerhtml.bind="message"></div>
</template>
@jpray
jpray / app.html
Last active October 5, 2017 12:58
Aurelia RequireJS Gist
<template>
<require from='./my-element'></require>
<my-element some-boolean.bind="someBoolean"></my-element>
</template>
@jpray
jpray / app.html
Last active April 25, 2017 10:17
Aurelia Compose and change hooks
<template>
<require from='./my-element'></require>
<my-element some-boolean.bind="someBoolean"></my-element>
</template>
@jpray
jpray / app.html
Created September 23, 2016 17:08
Aurelia RequireJS Gist
<template>
<require from='./my-element'></require>
<my-element some-boolean.bind="someBoolean"></my-element>
</template>