WPF-Kanban

WPF Control

Explore Now

CodeBlockEndTag

VisualStudio Extension

Find out more

Dilbert by Scott Adams

Atlassian Confluence Extension

Explore Now

C# StreamTokenizer

Helper Class

Find out more

Android Tasker ProcessRunning

Android App

Find out more
Our intension

It's all about the fun

Read Blog

VisualStudio

Adding functions for other devs

Look here

Apps

Building apps that matter

Browse Apps

Recent posts

CodeBlockEndTag (VS 2015/2017/2019/2022)

This extension for VisualStudio 2015, 2017, 2019 and 2022 adds a tag to every closing bracket of a code block. These tags help you to understand and navigate your code faster.

CodeBlockEndTag (VS 2015/2017/2019/2022)

C# StreamTokenizer

A very usefull class in Java, that I needed in C# some time ago. This is my implementation of the StreamTokenizer. Have a look at this small sample application parsing a JSON file.

C# StreamTokenizer

WPF-Kanban

A WPF Control used to display Kanban boards with Columns, Swimlanes and Cards.

WPF-Kanban

Some numbers

Public GitHub Repos
NuGet Packages
Android Apps
VisualStudio Extensions
Confluence Extensions
Polymer Elements
Facebook Follower
Years of service
Donations Received

A Polymer timer element. Have your variables updated with the current time in a fixed interval.

 

 

 

Description

The kc-timer is a Polymer element which fills bound variables with timer values like:

timestamp, milliseconds, seconds, minutes, hours, day, month, year and date

You can choose any combination of these values and set a specific interval to update the variables.

There is also a timer event you can listen to.

Source

The kc-timer project is hosted on GitHub.

Install package

You can install the package from Bower.io and add this element to your project:

$ bower install kc-timer

To use the bower command, you'll need some dev tools first:

  1. Git
  2. Node.js

Install both and then run this command to install bower to the global node cache:

$ npm install -g bower

See the offical bower help for more details.

Demo

Find the complete demo source here: Demo on GitHub

This will give you data-bound variables for each possible timer property. Note that you'll need to set the output property for each value that should be updated.

You also need to enable the timer via the active property. You may set this through code or data-binding, too.

Finally the fire-on-activate attribute, will ensure, that the timer is fired once it is activated. Otherwise it will take one timer cycle to set the bound variables.

<kc-timer interval="1000" 
	timestamp="{{ts}}" 
	milliseconds="{{ms}}"
	seconds="{{sec}}"
	minutes="{{min}}"
	hours="{{hr}}"
	day="{{dow}}"
	date="{{dat}}"
	month="{{mon}}"
	year="{{y}}"
	output="ts,ms,sec,hr,min,dow,dat,mon,y" 
	active
	fire-on-activate>
</kc-timer>

The full demo uses these variables to output them and it looks like this:

Just wait
what the
future will
bring

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.