Skip to content

Instantly share code, notes, and snippets.

View johntom's full-sized avatar

John Tomaselli johntom

View GitHub Profile
<template>
<!-- <link rel="stylesheet" media="screen" href="styles/materializeAlt.css" /> -->
<section class="au-animate">
<main>
<div class="container">
<div class="row">
<div class="col s12">
@johntom
johntom / app.html
Last active July 6, 2016 18:42 — forked from vegarringdal/app.html
test filter bug
<template>
<require from="valueConverters"></require>
<div class="row">
<v-grid
class="col-md-6"
style="height:350px"
v-row-height="25"
v-current-entity.bind=myCurrentEntity
v-collection.bind="myCollection| selected:'isSelected':showOnlySelected"
v-grid-context.bind=myGrid>
@johntom
johntom / app.html
Last active July 7, 2016 18:56 — forked from vegarringdal/app.html
aurelia-v-grid - Demo: READ ONLY
<template>
<require from="valueConverters"></require>
<require from="v-grid-control-form.html"></require>
<div class="row">
<v-grid
class="col-md-6"
style="height:350px"
v-row-height="25"
v-header-height="50"
<template>
<require from="valueConverters"></require>
<div class="row">
<div class="col s6">
<button type="submit" click.delegate="exportContacts()" class="btn btn-sm btn-block btn-success"> Export to Excel</button>
</div>
</div>
<div class="row">
<v-grid
@johntom
johntom / app.html
Created August 19, 2016 14:59
aurelia-v-grid - Demo: max length input
<template>
<div class="row">
<v-grid
class="col-md-6"
style="height:350px"
v-row-height="25"
@johntom
johntom / actions-route
Last active September 16, 2016 05:36
passProps react-native native-starter-kit
'use strict';
import type {Action} from './types'
export const PUSH_NEW_ROUTE = "PUSH_NEW_ROUTE";
export const REPLACE_ROUTE = "REPLACE_ROUTE";
export const REPLACE_OR_PUSH_ROUTE = "REPLACE_OR_PUSH_ROUTE";
export const POP_ROUTE = "POP_ROUTE";
export const POP_TO_ROUTE = "POP_TO_ROUTE";
export function replaceRoute(route:string, passProps:any):Action {
return {
@johntom
johntom / app.html
Last active September 30, 2016 14:38
Grid: basic usage
<template>
<!--k-excel.bind="{ fileName: 'Kendo UI Grid Export.xlsx' , allPages: true }"-->
<!-- k-toolbar.bind="['excel','pdf']", margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" }, landscape: true,repeatHeaders: true,template: $("#page-template").html(), scale: 0.8,allPages: true }''-->
<!--k-on-excel-export.delegate="excelExport($event.detail)"-->
<ak-grid id="grid" k-data-source.bind="datasource" k-pageable.bind="{ refresh: true, pageSizes: true, buttonCount: 10 }"
k-sortable.bind="true" k-reorderable.bind="true" k-groupable.bind="true" k-resizable.bind="true" k-filterable.bind="true"
k-column-menu.bind="true" k-toolbar.bind="['excel']"
>
@johntom
johntom / app.html
Last active October 7, 2016 13:51
Kendo templating Aurelia Grouping Export
<template>
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
,
.k-grid .ra,
.k-numerictextbox .k-input {
@johntom
johntom / app.html
Last active December 1, 2016 19:58
Aurelia: Kendo TemplatesGrouping Exports https://gist.run/?id=53582770b5d72003fe3969c740b8fb6e
<template>
<!--<base href="http://demos.telerik.com/kendo-ui/grid/excel-export">-->
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-material.min.css" />
@johntom
johntom / 0_reuse_code.js
Created December 31, 2016 17:42
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console