https://github.com/samie/timerlabel

Vaadin component for showing time counting up or down.
https://github.com/samie/timerlabel

timer ui-components vaadin web-application

Last synced: 21 days ago
JSON representation

Vaadin component for showing time counting up or down.

• Host: GitHub
• URL: https://github.com/samie/timerlabel
• Owner: samie
• Created: 2016-08-04T11:31:56.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-04-19T14:52:18.000Z (over 3 years ago)
• Last Synced: 2023-03-14T09:15:30.684Z (over 1 year ago)
• Topics: timer, ui-components, vaadin, web-application
• Language: CSS
• Homepage: http://vaadin.com/framework
• Size: 49.8 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
TimerLabel component for Vaadin

==============

This is a special Label component that displays time in minutes and seconds. The component can count up or down:

		// Create a TimerLabel from 0s to 10s with 5s alert

		TimerLabel timerLabel = new TimerLabel(0, 5, 10);

		content.addComponent(timerLabel2);

		

		

Special style class names are applied for alert and overtime, that you can apply in your theme:

		/* Default styles for the TimeLabel */

		.timerlabel {

		}

		/* Alert time styles for the TimeLabel */

		.timerlabel.alert { 

			color: orange; 

		}

  

		/* Overtime styles for the TimeLabel */

		.timerlabel.overtime {

			color: red;

		}

		

Online demo

=======

Demo is available at [sami.app.fi/timerlabel](http://sami.app.fi/timerlabel)

Running the demo locally

=======

To run the demo application, run "mvn jetty:run" and open http://localhost:8080/ .

		git clone https://github.com/samie/timerlabel.git

		cd timerlabel

		mvn package jetty:run