introduce mustache templates

aamyot · Jun 22, 2015 · 1495982 · 1495982
1 parent 16af27f
commit 1495982
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 2 deletions.
diff --git a/Gemfile b/Gemfile
@@ -2,6 +2,7 @@ source 'https://rubygems.org'
 
 gem 'rack'
 gem 'thin'
+gem 'mustache'
 
 group :test do
   gem 'rspec'

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -17,6 +17,7 @@ GEM
       domain_name (~> 0.5)
     json (1.8.3)
     mime-types (2.6.1)
+    mustache (1.0.1)
     netrc (0.10.3)
     rack (1.6.4)
     rack-test (0.6.3)
@@ -61,6 +62,7 @@ PLATFORMS
 
 DEPENDENCIES
   coveralls
+  mustache
   rack
   rack-test
   rake

diff --git a/app/controller/home.rb b/app/controller/home.rb
@@ -1,5 +1,7 @@
+require './app/view/views'
+
 class Home
   def call(env)
-    [200, {"Content-Type" => "text/html"}, ["Hello Yose", "<a id='repository-link' href='http://github.com/aamyot/yose-ruby'>Source</a>"]]
+    [200, {"Content-Type" => "text/html"}, View::Home.render]
   end
 end
diff --git a/app/view/home.mustache b/app/view/home.mustache
@@ -0,0 +1,26 @@
+<html>
+
+<head>
+   <title>YoseTheGame</title>
+</head>
+
+<body>
+<div class="container">
+   <h2>Hello Yose</h2>
+
+   <div id="challenges">
+      <span>Challenges</span>
+      <ul>
+         <li><a id="ping-challenge-link" href="/ping">Ping</a></li>
+      </ul>
+
+   </div>
+
+   <div id="portfolio">
+      <a id="repository-link" href="http://github.com/aamyot/yose-ruby">Source</a>
+      <a id="contact-me-link" href="http://ca.linkedin.com/in/alexandreamyot">Contact</a>
+   </div>
+</div>
+
+</body>
+</html>
diff --git a/app/view/views.rb b/app/view/views.rb
@@ -0,0 +1,10 @@
+require 'mustache'
+
+module View
+
+  class Home < Mustache
+    self.template_file = "./app/view/home.mustache"
+
+  end
+
+end
diff --git a/spec/challenges/start_challenge_spec.rb b/spec/challenges/start_challenge_spec.rb
@@ -21,7 +21,7 @@ def app
     end
 
     it "links to its repository" do
-      expect(last_response.body).to include("<a id='repository-link' href='http://github.com/aamyot/yose-ruby'>Source</a>")
+      expect(last_response.body).to include("<a id=\"repository-link\" href=\"http://github.com/aamyot/yose-ruby\">Source</a>")
     end
   end