https://github.com/elwayman02/ember-is-visible

Visibility Detection for Ember Apps
https://github.com/elwayman02/ember-is-visible

addon ember ember-addon emberjs visibility visibility-tracking

Last synced: 2 months ago
JSON representation

Visibility Detection for Ember Apps

• Host: GitHub
• URL: https://github.com/elwayman02/ember-is-visible
• Owner: elwayman02
• License: mit
• Created: 2017-12-27T07:28:56.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-09-27T18:02:51.000Z (about 3 years ago)
• Last Synced: 2024-10-11T11:40:17.804Z (3 months ago)
• Topics: addon, ember, ember-addon, emberjs, visibility, visibility-tracking
• Language: JavaScript
• Homepage: http://jhawk.co/ember-visible-demo
• Size: 2.98 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Ember-Is-Visible

[![Build Status](https://travis-ci.org/elwayman02/ember-is-visible.svg?branch=master)](https://travis-ci.org/elwayman02/ember-is-visible)

[![Ember Observer Score](https://emberobserver.com/badges/ember-is-visible.svg)](https://emberobserver.com/addons/ember-is-visible)

[![Code Climate](https://codeclimate.com/github/elwayman02/ember-is-visible/badges/gpa.svg)](https://codeclimate.com/github/elwayman02/ember-is-visible)

[![Greenkeeper badge](https://badges.greenkeeper.io/elwayman02/ember-is-visible.svg)](https://greenkeeper.io/)

This addon provides a `visibility` service to track whether your app is currently visible.

Click to see the [demo](http://jhawk.co/ember-visible-demo)!

## Installation

* `git clone https://github.com/elwayman02/ember-is-visible` this repository

* `cd ember-is-visible`

* `npm install`

## Usage

Simply inject the `visibility` service and check the `visible` and `lostVisibility` properties:

#### `visible`

Indicates whether the app is currently visible

#### `lostVisibility`

Indicates if the app has ever not been visible during the current session.

## Development

This section outlines the details of collaborating on this Ember addon.

### Running

* `ember serve`

* Visit your app at [http://localhost:4200](http://localhost:4200).

### Running Tests

* `npm test` (Runs `ember try:each` to test your addon against multiple Ember versions)

* `ember test`

* `ember test --server`

### Building

* `ember build`

For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).