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.