Skip to content

Instantly share code, notes, and snippets.

@davidlav
davidlav / app.html
Last active October 27, 2016 22:48
SVG Dimensions in Aurelia (doesn't work)
<template>
<link rel="stylesheet" href="style.css">
<div class="place-holder" id="splash-banner"></div>
<div id="under-splash-banner">
<div class="place-holder" id="news-feed"></div>
<div id="resizable-panels">
<div id="patient-info">
<div class="place-holder" id="order-history"></div>
<div class="place-holder" id="health-status"></div>
<div class="place-holder" id="to-do"></div>
@davidlav
davidlav / index.html
Created October 27, 2016 22:48
SVG Dimensions without Aurelia (does work)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EDIS</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="place-holder" id="splash-banner"></div>
@davidlav
davidlav / index.html
Last active October 29, 2016 22:28
How do I prevent the green box from growing and force it to scroll internally instead?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EDIS</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="place-holder" id="splash-banner"></div>
System.config({
baseURL: "/",
defaultJSExtensions: true,
transpiler: "typescript",
typescriptOptions: {
"emitDecoratorMetadata": true,
"experimentalDecorators": true
},
paths: {
"github:*": "jspm_packages/github/*",
@davidlav
davidlav / app.html
Last active December 12, 2016 22:38
Aurelia Minimum Working Example
<template>
Hello World
</template>
@davidlav
davidlav / app.html
Last active December 12, 2016 23:27
Aurelia Troubleshooting Element Dimesions
<template>
<style>
html {
box-sizing:border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
@davidlav
davidlav / app.html
Last active January 21, 2017 04:00
Aurelia Custom Element with List Repeater
<template>
<require from='./list.html'></require>
<list title="${title}" list="${arr}"></list>
</template>
import {autoinject} from 'aurelia-dependency-injection';
import {Project, ProjectItem, CLIOptions, UI} from 'aurelia-cli';
import * as path from 'path';
@autoinject()
export default class StyledComponentGenerator {
constructor(private project: Project, private options: CLIOptions, private ui: UI) { }
execute() {
return this.ui
{
"name": "All",
"children": [
{
"name": "MGunCore",
"children": [
{
"name": "MGun",
"children": [
{
This file has been truncated, but you can view the full file.
{
"name": "All",
"children": [
{
"name": "AllVehicles",
"children": [
{
"name": "Land",
"children": [
{