https://github.com/thisissoon/angular-timesince
A simple lightweight library for Angular which returns the number of seconds, minutes, days, months or years since any Date object based on the current system time
https://github.com/thisissoon/angular-timesince
ago angular ngx ngx-library ngx-time-ago ngx-time-since ngx-timesince pipe since time time-ago time-since
Last synced: 6 months ago
JSON representation
A simple lightweight library for Angular which returns the number of seconds, minutes, days, months or years since any Date object based on the current system time
- Host: GitHub
- URL: https://github.com/thisissoon/angular-timesince
- Owner: thisissoon
- License: mit
- Created: 2015-07-01T11:10:24.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2019-02-06T16:06:38.000Z (over 6 years ago)
- Last Synced: 2024-11-29T01:38:35.644Z (7 months ago)
- Topics: ago, angular, ngx, ngx-library, ngx-time-ago, ngx-time-since, ngx-timesince, pipe, since, time, time-ago, time-since
- Language: TypeScript
- Homepage:
- Size: 482 KB
- Stars: 1
- Watchers: 5
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular TimeSince
[![Build Status][circle-badge]][circle-badge-url]
[![Coverage Status][coveralls-badge]][coveralls-badge-url]
[![Commitizen friendly][commitizen-badge]][commitizen]
[![code style: prettier][prettier-badge]][prettier-badge-url]
A simple lightweight library for [Angular][angular] which removes excess text and add timesince symbol to end of text before text overflows container.
This is a simple library for [Angular][angular], implemented in the [Angular Package Format v5.0](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/edit#heading=h.k0mh3o8u5hx).
## Install
`npm i @thisissoon/angular-timesince --save`
`app.module.ts`
```ts
import { TimeSinceModule } from '@thisissoon/angular-timesince';
@NgModule({
imports: [TimeSinceModule]
})
export class AppModule {}
```
## Example
`app.component.html`
```html
{{ date | timeSince }} ago
```
Result:
```html
7 years ago
```
`app.component.ts`
Use any `Date` object or `Date` parsable value
```ts
export class AppComponent {
date = new Date('2010-08-24T16:16:09.540Z');
// or
// date = "2010-08-24T16:16:09.540Z"
}
```
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
## Making Commits
This repo uses [Commitizen CLI](http://commitizen.github.io/cz-cli/) and [Conventional Changelog](https://github.com/conventional-changelog/conventional-changelog) to create commits and generate changelogs. Instead of running `git commit` run `git cz` and follow the prompts. Changelogs will then be generated when creating new releases by running `npm run release`.
## Making Releases
Run `npm run release` to create a new release. This will use [Standard Version](https://github.com/conventional-changelog/standard-version) to create a new release. [Standard Version](https://github.com/conventional-changelog/standard-version) will generate / update the changelog based on commits generated using [Commitizen CLI](http://commitizen.github.io/cz-cli/), update the version number following semantic versioning rules and then commit and tag the commit for the release. Simply run `git push --follow-tags origin master`.
[circle-badge]: https://circleci.com/gh/thisissoon/angular-timesince.svg?style=shield
[circle-badge-url]: https://circleci.com/gh/thisissoon/angular-timesince
[coveralls-badge]: https://coveralls.io/repos/github/thisissoon/angular-timesince/badge.svg?branch=master
[coveralls-badge-url]: https://coveralls.io/github/thisissoon/angular-timesince?branch=master
[angular]: https://angular.io/
[commitizen]: http://commitizen.github.io/cz-cli/
[commitizen-badge]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[prettier-badge]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=shield
[prettier-badge-url]: https://github.com/prettier/prettier