Ein Dashboard könnte auch in einem Empfangsbereich einer Firma genutzt werden. Neben aktuellen Informationen wie eventuell Zahlen der Firma können andere Informationesquellen wie Wetter oder Nachrichten eingebunden werden.
In diesem Fall habe ich ein kleines rss Widget erstellt, welches den Heise rss Feeds inklusive dem Artikelbild ausgibt.
rss.coffee
class Dashing.Rss extends Dashing.Widget
# constructor: ->
# super
onData: (data) ->
node = $(@node)
node.addClass("blinking")
setTimeout ( =>
node.removeClass("blinking")
), 5000
rss.html
<h1 class="title" data-bind="title"></h1>
<div data-bind="titel" class="titel"></div>
<div class="bild">
<img data-bind-src="bild" align="left">
</div>
<div class="beschreibung">
<span data-bind="beschreibung | raw"></span>
</div>
<div style="clear:both"></div>
<p class="more-info" data-bind="moreinfo"></p>
<p class="updated-at" data-bind="updatedAtMessage"><
rss.scss
.widget-rss {
background-color: $background-color;
}
.more-info {
color: $moreinfo-color;
}
.updated-at {
color: rgba(255, 255, 255, 0.7);
}
li {
font-size: 15px;
margin-top: 8px;
text-indent: 10px;
font-weight: normal;
}
.title {
color: $title-color;
}
.beschreibung {
font-size:25px;
width:450px;
float:left;
text-align:left;
}
.bild {
float:left;
width:270px;
}
&.blinking {
animation: blink 1s linear infinite;
animation-iteration-count: 1;
}
}
job
require 'nokogiri'
require 'open-uri'
require 'xpath'
require 'split'
require 'sub'
SCHEDULER.every '10m', :first_in => 0 do |job|
@doc = Nokogiri::HTML(open("http://www.heise.de/newsticker/heise-atom.xml"))
beschreibung = @doc.xpath('//entry//summary')
titel = @doc.xpath('//entry//title')
bild = @doc.xpath('//entry//img')
bild = @doc.xpath('//entry//img')
zaehler = 1
while zaehler < titel.length
#puts titel[zaehler]
bil = bild[zaehler].to_s.sub("<img src=\"", "").split('"')[0]
tit = titel[zaehler].to_s.sub("<title type=\"text\">", "").to_s.sub("</title>", "")
besch = beschreibung[zaehler].to_s.sub("<summary type=\"html\">", "").to_s.sub("</summary>", "")
send_event("heise",{ titel: tit , beschreibung: besch, bild: bil })
sleep 30
zaehler += 1
end
end
How do you implement this on the dashboard.erb? Thank you!
You can implement IT with