https://github.com/lozjackson/ember-clock-face

Clock-face for Ember
https://github.com/lozjackson/ember-clock-face

Last synced: 9 days ago
JSON representation

Clock-face for Ember

• Host: GitHub
• URL: https://github.com/lozjackson/ember-clock-face
• Owner: lozjackson
• License: mit
• Created: 2015-10-25T12:06:10.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-07-25T19:28:59.000Z (over 6 years ago)
• Last Synced: 2024-10-13T02:08:59.643Z (about 1 month ago)
• Language: JavaScript
• Size: 224 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ember-clock-face

This is an Ember addon that provides a clock face.  

It uses [ember-clock](https://github.com/lozjackson/ember-clock) as a dependency.  If you don't need a clock face, but you want to use a clock to update time sensitive properties, use [ember-clock](https://github.com/lozjackson/ember-clock) instead.

## Use

Basic clock face using the default parameters.

  ```

  {{clock-face}}

  ```

Clock face, 150px in size, with numbers.

  ```

  {{clock-face size="150" showClockNumbers=true}}

  ```

## Styling

The clock can be styled using CSS.

The clock face's svg element has the class name `clock-face`.  The circle that makes up the background of the clock face has a class name of `face`.

The clock hands have `hour-hand`, `minute-hand` and `second-hand` class names.  

The markers have `hour-mark` and `minute-mark` class names.

The clock numbers have the class name `clock-number`.

## Dependencies

* [ember-clock](https://github.com/lozjackson/ember-clock)

## Installation

`npm install ember-clock-face --save-dev`

## Demo

To try out a demo..

* `git clone` this repository

* `npm install`

* `bower install`

* `ember server`

* Visit the demo app at http://localhost:4200.

## Running Tests

* `ember test`

* `ember test --server`

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