README.md

Attributes

moment-custom-attribute

Formats and updates relative dates in a global timer loop. You have to trigger the update loop by publishing the UiUpdateEvent on your on.

Template

<span moment.bind="unixTimeStampOrFormattedDateString">&nbsp;</span>

ViewModel

import {UiUpdateEvent} from '../events/ui-update-event'
import {EventAggregator} from 'aurelia-event-aggregator';
import {autoinject} from 'aurelia-framework';

@autoinject()
export class App {
    private _uiUpdateInterval:any;
    constructor(
        private _eventAggregator:EventAggregator
    ) {
        
    }
    
    bind() {
         this._uiUpdateInterval = window.setInterval(()=>{
            this._eventAggregator.publish(UiUpdateEvent.NAME, new UiUpdateEvent());
        }, 10000);
    }
    unbind() {
        window.clearInterval(this._uiUpdateInterval)
    }
}

become-visible-custom-attribute

Fires an event when an element became visible in the viewport.

Template

<div visible.delegate="_elementVisibility($event)" become-visible>

ViewModel

private _elementVisiblity($event:CustomEvent) {
    console.log("element visible:", $event.detail);
}