TylerJPresley

<template>
  <h1>${message}</h1>
  
  <div repeat.for="line of lines">
      <input type="number" placeholder="Quantity" value.bind="line.quantity">                             
      <input type="number" placeholder="Price" value.bind="line.price">
      ${line.quantity * line.price}
  </div>  
  
  total: ${total}

TylerJPresley

<template>
  <require from="./page"></require>
  
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12">
        <page></page>
      </div>
    </div>
  </div>

TylerJPresley

...
<pagination url="/widgets" pagination.bind="pagination" params.bind="paginationParams"></pagination>
...

TylerJPresley

1. run npm install github:hakanersu/AmaranJS --save

2. add the entry to app-bundle in aurelia.json

  "jquery",
  {
    "name": "AmaranJS",
    "path": "../node_modules/AmaranJS/dist/js/",
    "main": "jquery.amaran"
 },

TylerJPresley

<template>
  <require from="resources/components/adaptive-input"></require>

  <adaptive-input input-class="form-control date" type="text" id.bind="id" label.bind="label" value.bind="value"></adaptive-input>
</template>

TylerJPresley

$nprogresscolor:#4FC3F7;

#nprogress {
  .bar { background-color: $nprogresscolor!important; height: 3px!important; position: fixed; width: 100%; top: 0; left: 0; z-index:999999; }
  .peg { box-shadow: 0 0 10px $nprogresscolor, 0 0 5px $nprogresscolor; }
  .spinner { display:none!important; }
}

TylerJPresley

<template>

  <router-view></router-view>

  <div id="page-loading" show.bind="_router.isNavigating">
    <div id="page-loading-inner">
      <!-- Loading animation or text -->
    </div>
  </div>

TylerJPresley

.toast-title { font-weight: bold; }
.toast-message { -ms-word-wrap: break-word; word-wrap: break-word; }
.toast-message a,
.toast-message label { color: #ffffff; }
.toast-message a:hover { color: #cccccc; text-decoration: none; }
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;

TylerJPresley

import { Cookie } from './cookie';

import * as moment from 'moment';
import * as store from 'store';

/**
 * AppStorage class
 *
 * @module _resources/app-storage
 */

TylerJPresley

import gulp from 'gulp';
import changedInPlace from 'gulp-changed-in-place';
import project from '../aurelia.json';
import htmlMin from 'gulp-htmlmin';
import {build} from 'aurelia-cli';

export default function processMarkup() {
  return gulp.src(project.markupProcessor.source)
    .pipe(changedInPlace({ firstPass: true }))
    .pipe(htmlMin({ collapseWhitespace: true} ))