public/images/cheatsweets.png @@ -1,3 +1,3 @@ *.log -.DS_Store *.pid +.DS_Store .gitignore @@ -9,18 +9,36 @@ get "/" do cheats_size = $cheats_list.size current_cheat = $cheats_list[rand(cheats_size)] - @cookie = request.cookies["thing"] + @cookie = request.cookies["last_cheat"] + + if current_cheat == @cookie + redirect "/" + end @cheats = (`cheat #{current_cheat}`).split("\n") - @list = "[{text: 'Curious George'}, {text: 'George of the Jungle'}, {text: 'Felix the Cat'}]" + # Reset the cookie + set_cookie("last_cheat", current_cheat) + erb :index + +end + + +get "/query/:cheat" do + + current_cheat = params[:cheat] + @cookie = request.cookies["last_cheat"] + + @cheats = (`cheat #{current_cheat}`).split("\n") # Reset the cookie - set_cookie("thing", current_cheat) + set_cookie("last_cheat", current_cheat) erb :index + end +#Exception handing for production environment configure :production do not_found do app.rb @@ -9,6 +9,11 @@ describe :app do get_it '/' should.be.ok end - + + it "should show page" do + get_it '/query?cheat=emacs' + should.be.ok + end + end app_test.rb public/.DS_Store @@ -1,90 +1,159 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> <head> - <title> Cheats </title> - - <style> - * { - margin: 0; - padding: 0; - } - body { - font-family: Verdana,Arial,sans-serif; - font-size:14px; - } - #cheat_block { - position:absolute; - top: 50px; - left: 250px; - - } - #cheat_name { - font-weight:bold; - margin: 20px 0px 30px 0px; - } - #cheat_info { - - } - </style> - <link rel="stylesheet" href="/stylesheets/jquery.ui.autocomplete.css" type="text/css" media="screen" /> - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> - <script src="/javascripts/jquery.dimensions.js"></script> - <script src="/javascripts/jquery.templating.js"></script> - <script src="/javascripts/jquery.ui.autocomplete.ext.js"></script> - <script src="/javascripts/jquery.ui.autocomplete.js"></script> - - <script> - - - $(function() { - var list = <%= @list %> ; - $("input.autocomplete").autocomplete({ - list: list, - match: function(typed) { - this.typed = typed; - this.pre_match = this.text; - this.match = this.post_match = ''; - if (!this.ajax && !typed || typed.length == 0) { return true; } - var match_at = this.text.search(new RegExp("\\b" + typed, "i")); - if (match_at != -1) { - this.pre_match = this.text.slice(0,match_at); - this.match = this.text.slice(match_at,match_at + typed.length); - this.post_match = this.text.slice(match_at + typed.length); - return true; - } - return false; - }, - insertText: function(obj) { return obj.text }, - templateText: "<li><span class='matching' ></span></li>" - }) - - .bind("activate.autocomplete", function(e, d) { console.log(d); }) - .bind("cancel.autocomplete", function(e) { console.log("Cancelled"); }); - }); - - </script> +<title>CheatSweets</title> + +<style type="text/css"> +/*<![CDATA[*/ + * { + margin: 0; + padding: 0; + } + body { + font-family: Arial,Verdana,sans-serif; + font-size:14px; + margin:0; + background:url(/images/cheatsweets.png) no-repeat top; + } + + #wrap { + margin:0 auto; + width: 800px; + } + + #last_viewed_cheat{ + margin:30px 0px 20px 0px; + } + + #cheat_block { + margin: 10px 0px 20px 0px; + } + + #cheat_name { + font-weight:bold; + margin: 20px 0px 30px 0px; + } + + #footer{ + font-size: 0.9em; + margin-top: 30px; + padding: 5px 0px 20px 0px; + border-top: 1px solid #afa; + } +/*]]>*/ +</style> + +<script src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js" type="text/javascript"></script> + + +<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.6.0/build/autocomplete/assets/skins/sam/autocomplete.css" /> + + +<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css" /> +<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/autocomplete/assets/skins/sam/autocomplete.css" /> + +<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> +<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/animation/animation-min.js"></script> +<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/datasource/datasource-min.js"></script> +<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/autocomplete/autocomplete-min.js"></script> + + +<script type="text/javascript"> +//<![CDATA[ + <% + @cheats_list = $cheats_list.clone; + @cheats_list.shift; + %> + YAHOO.example.Data = { + arrayStates: [ + <%for i in @cheats_list %>"<%=i.strip%>",<% end %> + ], + }; +//]]> +</script> + + +<script type="text/javascript"> + open_url = function(sType, aArgs) { + try { + var cheat_code = aArgs[2][0]; + var url = "/query/" + cheat_code; + window.location.href = url; + return false; + } + catch(e) {} +}; + +</script> + +<style type="text/css"> +/*<![CDATA[*/ + #myAutoComplete { + width:15em; /* set width here or else widget will expand to fit its container */ + padding-bottom:2em; + } +/*]]>*/ +</style> </head> -<body> - <div id="cheat_block"> - <div> - <input type="text" class="autocomplete" autocomplete="off" /> + +<body class=" yui-skin-sam"> + +<div id="wrap"> + +<div id="last_viewed_cheat"> + <% if !@cookie.nil? and @cookie != "" %> + Last viewed cheat was: <a href="/query/<%= @cookie %>" ><%= @cookie %> </a> + <% end %> +</div> + +<div id="cheat_block"> + + <div id="myAutoComplete"> + <input id="myInput" type="text" autocomplete="off" /> + <div id="myContainer"> + </div> </div> - <div id="cheat_name"> - <%= @cheats[0] %> - </div> - <% @cheats.shift %> - <div id="cheat_info"> - <%= @cheats.join("<br />") %> - </div> + + <div id="cheat_name"> + <%= @cheats[0] %> </div> - <div style="float:clear"> - Last viewed cheat was: <%= @cookie %> - </div> - -</body> + <% @cheats.shift %> + <div id="cheat_info"> + <%= @cheats.join("<br />") %> + </div> + +</div> + +<div id="footer" > + <span style="float:left;">This is Digital Codes!</span> <span style="float:right;">anil@digitalcodes.org</span> +</div> + +</div> +<script type="text/javascript"> +//<![CDATA[ + YAHOO.example.BasicLocal = function() { + // Use a LocalDataSource + var oDS = new YAHOO.util.LocalDataSource(YAHOO.example.Data.arrayStates); + // Optional to define fields for single-dimensional array + oDS.responseSchema = {fields : ["state"]}; + // Instantiate the AutoComplete + var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS); + oAC.prehighlightClassName = "yui-ac-prehighlight"; + oAC.useShadow = true; + + oAC.itemSelectEvent.subscribe(open_url); + + return { + oDS: oDS, + oAC: oAC + }; + }(); +//]]> +</script> +</body> </html> \ No newline at end of file views/index.erb public/javascripts/jquery.dimensions.js public/javascripts/jquery.templating.js public/javascripts/jquery.ui.autocomplete.ext.js public/javascripts/jquery.ui.autocomplete.js 429ba84108cd3b28325224e84deef5254d948fdf Anil Wadghule anildigital@gmail.com http://github.com/anildigital/cheatsweets/commit/a9e8f2b95b88a5d5c7e63a1a349c34ad1c547bda a9e8f2b95b88a5d5c7e63a1a349c34ad1c547bda

2009-01-11T11:41:34-08:00

More improvements in cheatsweets 52991d8530e7a045de5e96b8ce2b70bd8fb9e886 Anil Wadghule anildigital@gmail.com