Skip to content

Instantly share code, notes, and snippets.

View charlespockert's full-sized avatar

Charles Pockert charlespockert

15 followers · 1 following
View GitHub Profile
@charlespockert
charlespockert / app.html
Last active May 7, 2019 14:24
Composition test
<template>
<require from="./composition"></require>
<component-renderer view-model.bind="testVm" element.bind="comp" ref="comp"></component-renderer>
</template>
@charlespockert
charlespockert / app.html
Created May 7, 2019 14:23
DI inheritance
<template>
<h1>${message}</h1>
</template>
@charlespockert
charlespockert / app.html
Last active September 7, 2016 12:04
Aurelia router with layouts
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<layout-router-view layout-view="main-layout.html"></layout-router-view>
</div>
</template>
@charlespockert
charlespockert / app.html
Last active July 7, 2016 13:47
Aurelia router with layouts
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view layout-view="main-layout.html"></router-view>
<div class="${ someJson.value === undefined ? 'red' : someJson.value }">
@charlespockert
charlespockert / alt-layout.html
Last active June 17, 2016 01:09
Aurelia router with layouts
<template>
<section class="au-animate">
<div class="well">
<content select="#navigation"></content>
</div>
<div>
<content select="#content"></content>
</div>
</section>
</template>
@charlespockert
charlespockert / app.html
Last active June 16, 2016 21:26
Aurelia router with layouts
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view></router-view>
</div>
</template>
@charlespockert
charlespockert / app.html
Last active June 4, 2016 12:38 — forked from danghongthanh/app.html
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view></router-view>
</div>
</template>
@charlespockert
charlespockert / app.html
Last active June 4, 2016 11:36
Aurelia router with layouts
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view></router-view>
</div>
</template>
@charlespockert
charlespockert / alt-layout.html
Created June 4, 2016 11:18
Aurelia router with layouts
<template>
<require from="page4"></require>
<div class="well">
This page uses a layout with a bootstrap grid layout where the left column contains a custom element that's not in the main layout
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-4">
<page4></page4>
</div>
@charlespockert
charlespockert / app.html
Last active June 1, 2016 22:57
<template>
<require from="nav-bar.html"></require>
<require from="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></require>
<nav-bar router.bind="router"></nav-bar>
<div class="page-host" style="margin-top:50px">
<router-view></router-view>
</div>
</template>