Aurelia Plus - A collection of common use case tools for use in Aurelia applications

Framework Knowledge
1

Noticed @davismj just released Aurelia Plus (AU+) - “a collection of common use case tools for use in Aurelia applications.”

Looks really useful!

http://aurelia.plus

6 Likes
2

Thanks! I’d love your feedback.

4 Likes
3

@davismj That would be helpful since those value converters are virtually common on every app. well done!

here we also created some components, may I have your thoughts about it?

4

This is one of the very first attempts to sell Aurelia tools. Happy to see this :smirk:!

5

The HTML tabs of the examples on aurelia.plus appears to be displaying incorrectly. For example, in the value converters section:

<template>
  <div>
    <strong>Original:</strong>
    <pre class="d-inline">new Date()</pre>
  </div>
  <div>
    <strong>As a date:</strong>
    <span>Invalid Date</span>
  </div>
  <div>
    <strong>As a time:</strong>
    <span>Invalid Date</span>
  </div>
  <div>
    <strong>As a date-time:</strong>
    <span>Invalid Date</span>
  </div>
</template>

But it appears this should actually be

<template>
  <div>
    <strong>Original:</strong>
    <pre class="d-inline">${ date }</pre>
  </div>
  <div>
    <strong>As a date:</strong>
    <span>${ date | date }</span>
  </div>
  <div>
    <strong>As a time:</strong>
    <span>${ date | time }</span>
  </div>
  <div>
    <strong>As a date-time:</strong>
    <span>${ date | dateTime }</span>
  </div>
</template>

30%20PM
Screen Shot 2018-01-30 at 6.26.30 PM.png465×502 28.1 KB

6

Nice, I instantly recognized a bunch of these as being implemented by us too! I think that’s good grounds for making a library.

@davismj It appears that these article links from the contents aren’t “working”:

  • Type=”number” Custom Attribute
  • Date/Time Value Converters

It looks like the id removes the ‘/’, ‘=’ and ‘"’, but the anchor fragment includes them.

1 Like
7

@thinkOfaNumber @NickShallee Appreciate the extra pair of eyes. Fixed.

@sahabganji Nice work. It’s a little tricky to follow with the bootstrap / jquery / purejs structure, but with a bit more docs I think you’re on to something. Feel free to submit a PR to aurelia-plus if there’s something you think is missing.

2 Likes