cosmoz-moment

cosmoz-moment is a Polymer component for centralized management of Moment.js with locale change distributed notification.

Example

<dom-bind>
    <template is="dom-bind">
        <paper-dropdown-menu label="Locale" value="{{ locale }}">
            <paper-listbox class="dropdown-content" slot="dropdown-content" selected="0">
                <paper-item>en</paper-item>
                <paper-item>fr</paper-item>
                <paper-item>sv</paper-item>
            </paper-listbox>
        </paper-dropdown-menu>
        <cosmoz-moment locale="[[ locale ]]"></cosmoz-moment>
        <div class="message">
            <div><b>Page was loaded</b> <cosmoz-moment-timeago></cosmoz-moment-timeago><br/></div>
            <div><b>Polymer was created</b> <cosmoz-moment-timeago date="2015-05-27"></cosmoz-moment-timeago><br/></div>
        </div>
    </template>
</dom-bind>

Usage

Install

bower install --save Neovici/cosmoz-moment

Add the cosmoz-moment import

<link rel="import" href="bower_components/cosmoz-moment/cosmoz-moment.html" />
<link rel="import" href="bower_components/cosmoz-moment/cosmoz-moment-timeago.html" />

Use it inside your element

cosmoz-moment should only be used once per app to manage the locale and moment.js.

cosmoz-moment-timeago can be used within elements, or directly in the app, multiple times.

<cosmoz-moment locale="[[locale]]"></cosmoz-moment>
<cosmoz-moment-timeago date="2017-06-15"></cosmoz-moment-timeago>

Documentation

See docs for more details

License

cosmoz-moment is created under the terms of the Apache-2.0 license.