diff --git a/assets/css/app.css.scss b/assets/css/app.css.scss index 0939a03..f687711 100644 --- a/assets/css/app.css.scss +++ b/assets/css/app.css.scss @@ -31,7 +31,7 @@ $susy: ( } .status_view { - @include span(2 at 22); + @include span(4 at 20); line-height : 1.25em; } @@ -56,17 +56,29 @@ $susy: ( background-color: #C5FFD9; } +.statement { + margin-left: 10px; +} .act{ background-color: #00B3FF; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 100%; } -.run{ - background-color: #00FF37; +.crawl{ + background-color: #009900; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} +.run{ + background-color: #00CC33; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} +.wizz{ + background-color: #00FF66; -moz-border-radius: 7px; -webkit-border-radius: 7px; - font-size: 100%; } .bright { @@ -76,3 +88,12 @@ $susy: ( -moz-border-radius: 7px; -webkit-border-radius: 7px; } + +.fade_in { + transition: background-color 100ms linear; + padding-right: 6px; + padding-left: 6px; + background-color: #00E3FF ; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} diff --git a/lib/views/status_view.rb b/lib/views/status_view.rb index 8d2f2d6..adb66db 100644 --- a/lib/views/status_view.rb +++ b/lib/views/status_view.rb @@ -11,7 +11,9 @@ class StatusView < ElementView @element = div(".status_view") << div("h4" , "Interpreter" ) << div("button.act" , "Next") << + div("button.crawl" , "Crawl") << div("button.run" , "Run") << + div("button.wizz" , "Wizz") << div( "br") << div("span.clock" , clock_text) << div( "br") << @@ -22,14 +24,18 @@ class StatusView < ElementView div("span.stdout") # set up event handler @element.at_css(".act").on("click") { self.update } - @element.at_css(".run").on("mousedown") { self.start } + @element.at_css(".crawl").on("mousedown") { self.start( 0.5 ) } + @element.at_css(".run").on("mousedown") { self.start( 0.1 ) } + @element.at_css(".wizz").on("mousedown") { self.start( 0.05 ) } + @element.at_css(".crawl").on("mouseup") { self.stop } @element.at_css(".run").on("mouseup") { self.stop } + @element.at_css(".wizz").on("mouseup") { self.stop } return @element end - def start - @running = true + def start(speed) + @running = speed run end def stop @@ -42,7 +48,7 @@ class StatusView < ElementView self.update self.run end - proc.after( 0.001 ) + proc.after( @running ) rescue => e puts e end