khash · June 15, 2022 11:02 · khash · Feb 18, 2014 · actionjack · Mar 12, 2014
diff --git a/tfl_status.coffee b/tfl_status.coffee
 class Dashing.TflStatus extends Dashing.Widget
diff --git a/tfl_status.html b/tfl_status.html
 <h1 class="title" data-bind="title"></h1>

 <ul>
  <li data-foreach-item="items">
    <span class="label" data-bind="item.label"></span>
    <span class="value"><div data-bind-class="item.color"><i data-bind-class="item.arrow"></i></div></span>
  </li>
 </ul>

 <p class="more-info" data-bind="moreinfo"></p>
 <p class="updated-at" data-bind="updatedAtMessage"></p>
diff --git a/tfl_status.md b/tfl_status.md
diff --git a/tfl_status.rb b/tfl_status.rb
 require 'httparty'

 lines = ['central','circle','hammersmithcity','metropolitan','northern','victoria']

 SCHEDULER.every '300s', :first_in => 10 do |job|
 	statuses = Array.new

 	result = HTTParty.get("http://api.tubeupdates.com/?method=get.status&lines=#{lines.join(',')}&format=json")
 	raw_stats = JSON.parse(result.parsed_response)['response']['lines'].select { |s| lines.include? s['id']}
 	
 	# the API can return dups so we need to sort them and pick the top one
 	stats = []
 	# group them by line
 	grouped = raw_stats.group_by { |i| i['id'] }
 	# sort each group and pick the most recent update
 	grouped.values.each do |line|
 		line_updates = []
 		begin
 			line_updates = line.sort { |i| DateTime.parse(i['status_starts']) }
 			stats << line_updates.first unless line_updates.empty?
 		rescue 
 			# nop
 		end
 	end
 	
 	stats.each do |line|
 		if line['status'] == 'good service'
 			result = 1
 		elsif line['status'] == 'minor delays'
 			result = 2
 		else
 			result = 0
 		end
 		
 		if result == 1
 			arrow = "icon-ok-sign"
 			color = "green"
 		elsif result == 2
 			arrow = "icon-warning-sign"
 			color = "yellow"
 		else
 			arrow = "icon-warning-sign"
 			color = "red"
 		end

 		statuses.push({label: line['id'], value: result, arrow: arrow, color: color })
 	end

 	send_event('tfl_status', {items: statuses})
 end
diff --git a/tfl_status.scss b/tfl_status.scss
 // ----------------------------------------------------------------------------
 // Sass declarations
 // ----------------------------------------------------------------------------
 $background-color:  #12b0c5;
 $value-color:       #fff;

 $title-color:       rgba(255, 255, 255, 0.7);
 $label-color:       rgba(255, 255, 255, 0.7);
 $moreinfo-color:    rgba(255, 255, 255, 0.7);

 // ----------------------------------------------------------------------------
 // Widget-list styles
 // ----------------------------------------------------------------------------
 .widget-tfl-status {

  background-color: $background-color;
  vertical-align: top;

  .title {
    color: $title-color;
  }

  ol, ul {
    margin: 0 15px;
    text-align: left;
    color: $label-color;
  }

  ol {
    list-style-position: inside;
  }

  li {
    margin-bottom: 5px;
  }

  .list-nostyle {
    list-style: none;
  }

  .label {
    color: $label-color;
  }

  .value {
    float: right;
    margin-left: 12px;
    font-weight: 600;
    color: $value-color;
  }

  .updated-at {
    color: rgba(0, 0, 0, 0.3);
  }

  .more-info {
    color: $moreinfo-color;
  }

  .red {
    color: red;
  }

  .yellow {
    color: yellow;
  }

  .green {
    color: green;
  }
 }
	<h1 class="title" data-bind="title"></h1>

	<ul>
	<li data-foreach-item="items">
	<span class="label" data-bind="item.label"></span>
	<span class="value"><div data-bind-class="item.color"><i data-bind-class="item.arrow"></i></div></span>
	</li>
	</ul>

	<p class="more-info" data-bind="moreinfo"></p>
	<p class="updated-at" data-bind="updatedAtMessage"></p>
	require 'httparty'

	lines = ['central','circle','hammersmithcity','metropolitan','northern','victoria']

	SCHEDULER.every '300s', :first_in => 10 do \|job\|
	statuses = Array.new

	result = HTTParty.get("http://api.tubeupdates.com/?method=get.status&lines=#{lines.join(',')}&format=json")
	raw_stats = JSON.parse(result.parsed_response)['response']['lines'].select { \|s\| lines.include? s['id']}

	# the API can return dups so we need to sort them and pick the top one
	stats = []
	# group them by line
	grouped = raw_stats.group_by { \|i\| i['id'] }
	# sort each group and pick the most recent update
	grouped.values.each do \|line\|
	line_updates = []
	begin
	line_updates = line.sort { \|i\| DateTime.parse(i['status_starts']) }
	stats << line_updates.first unless line_updates.empty?
	rescue
	# nop
	end
	end

	stats.each do \|line\|
	if line['status'] == 'good service'
	result = 1
	elsif line['status'] == 'minor delays'
	result = 2
	else
	result = 0
	end

	if result == 1
	arrow = "icon-ok-sign"
	color = "green"
	elsif result == 2
	arrow = "icon-warning-sign"
	color = "yellow"
	else
	arrow = "icon-warning-sign"
	color = "red"
	end

	statuses.push({label: line['id'], value: result, arrow: arrow, color: color })
	end

	send_event('tfl_status', {items: statuses})
	end
	// ----------------------------------------------------------------------------
	// Sass declarations
	// ----------------------------------------------------------------------------
	$background-color: #12b0c5;
	$value-color: #fff;

	$title-color: rgba(255, 255, 255, 0.7);
	$label-color: rgba(255, 255, 255, 0.7);
	$moreinfo-color: rgba(255, 255, 255, 0.7);

	// ----------------------------------------------------------------------------
	// Widget-list styles
	// ----------------------------------------------------------------------------
	.widget-tfl-status {

	background-color: $background-color;
	vertical-align: top;

	.title {
	color: $title-color;
	}

	ol, ul {
	margin: 0 15px;
	text-align: left;
	color: $label-color;
	}

	ol {
	list-style-position: inside;
	}

	li {
	margin-bottom: 5px;
	}

	.list-nostyle {
	list-style: none;
	}

	.label {
	color: $label-color;
	}

	.value {
	float: right;
	margin-left: 12px;
	font-weight: 600;
	color: $value-color;
	}

	.updated-at {
	color: rgba(0, 0, 0, 0.3);
	}

	.more-info {
	color: $moreinfo-color;
	}

	.red {
	color: red;
	}

	.yellow {
	color: yellow;
	}

	.green {
	color: green;
	}
	}