aurelia-value-converters

Table of Contents

• Summary
• Download
• Sort
• Group
• DateFormat
• Setup

Summary

A package full of common value converters used across my projects

Download

npm install aurelia-value-converters
main.js

import 'bootstrap';

export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin('aurelia-value-converters');

  aurelia.start().then(() => aurelia.setRoot());
}

Sort

Dependencies (lodash.topath)

sort by a property named requested

<!-- Ascending order -->
<div repeat.for="r of requests | sort:'requested'"></div>

<!-- Descending order -->
<div repeat.for="r of requests | sort:'requested':'desc'"></div>

<!-- sort by a nested property within the bar property -->
<div repeat.for="r of requests | sort:'bar.requested'"></div>

Group

Dependencies (lodash.topath)

group by a property named requested (nested properties supported too)

<div repeat.for="grp of requests | group:'dateGroup'">
  <span class="text-muted">Name of the group: ${grp.group}</span>

  <!-- The group values as an array -->
  <div repeat.for="val of grp.values"></div>

</div>

DateFormat

Dependencies

moment date formats are supported

<span>${date | dateFormat: format || 'MM/DD/YYYY'}</span>

Setup

git clone https://github.com/jmzagorski/aurelia-value-converters.git
cd aurelia-value-converters
npm i
node_modules/.bin/jspm install
// do work
node_modules/.bin/jspm test