Skip to content

Instantly share code, notes, and snippets.

View pjschreifels's full-sized avatar

Patrick Schreifels pjschreifels

5 followers · 1 following
View GitHub Profile
@pjschreifels
pjschreifels / app.html
Last active November 12, 2016 18:54
Call method from Aurelia custom element.
<template>
<require from="navbar.html"></require>
<navbar router.bind="router" sign-out.call="signOut()"></navbar>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12" style="margin-top: 15px;">
<router-view></router-view>
@pjschreifels
pjschreifels / app.html
Last active November 21, 2016 21:14
Aurelia <let> binding example.
<template>
<require from="./value-converter"></require>
<div repeat.for="item of dataSet | filter">
<p>${item.title}</p>
</div>
</template>
@pjschreifels
pjschreifels / app.html
Last active November 22, 2016 01:39
Base Aurelia App for GistRun
<template>
<p>${title}</p>
</template>
@pjschreifels
pjschreifels / app.html
Created December 1, 2016 22:35
Aurelia pub/sub.
<template>
<h1>${message}</h1>
</template>
@pjschreifels
pjschreifels / app.html
Last active December 15, 2016 20:29
Select all trigger for checked.bind values.
<template>
<require from='./value-converter'></require>
<div class="container">
<div class="row">
<h5 class="mt-1">${title}</h5>
<table class="table">
<thead>
<tr>
<th width="5%">
@pjschreifels
pjschreifels / app.html
Created December 15, 2016 20:35 — forked from TylerJPresley/app.html
Select all trigger for checked.bind values.
<template>
<require from="./page"></require>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<page></page>
</div>
</div>
</div>
@pjschreifels
pjschreifels / organizations-menu.html
Last active August 3, 2017 08:19
Bootstrap Popover using Aurelia customAttribute that fetches data from Firebase and inserts it into the popover content area using a dynamic Compose view.
<template>
<div class="dropdown-item ${items.isLoading ? '' : 'hide'}">
<p class="mb5"><i class="fa fa-refresh mr5"></i> Loading data...</p>;
</div>
<div class="dropdown-item" repeat.for="item of items">
<p class="mb5">
<span class="mr10">${item.__firebaseKey__}</span>
</p>
</div>
@pjschreifels
pjschreifels / Margin Loop for LESS
Created June 29, 2013 23:32
#layout #less - Create top, right, bottom and left margin classes from 0px to 50px in 5px increments. Use as .mt_x, mb_x, mr_x, ml_x (top, bottom, right left margin, respectively), where x is a number from 0 to 50.
// Margin classes
// -------------------------
@from : 0;
@to : 50;
.loop(@index) when(@index =< @to) {
.mt_@{index} {
margin-top: unit(@index, px);
}
@pjschreifels
pjschreifels / margins-padding
Created January 9, 2014 17:59
#sass #css-layout — Margin and Padding loop for SASS.
// Margins and Padding
// -------------------------
$i: 0;
@while $i <= 50 {
.mt#{$i} { margin-top: 1px * $i; }
.mb#{$i} { margin-bottom: 1px * $i; }
.ml#{$i} { margin-left: 1px * $i; }
.mr#{$i} { margin-right: 1px * $i; }
.pt#{$i} { padding-top: 1px * $i; }
@pjschreifels
pjschreifels / app.html
Last active August 26, 2018 11:31 — forked from jdanyow/app.html
Base Aurelia app for gist.run with Bootstrap@4.0.0-alpha.5 and Font Awesome.
<template>
<h1>${message}</h1>
</template>