Skip to content

Commit

Permalink
Updating HTML
Browse files Browse the repository at this point in the history
  • Loading branch information
jcasimir committed Jan 16, 2012
1 parent cd93349 commit 3cc5613
Show file tree
Hide file tree
Showing 4 changed files with 613 additions and 8 deletions.
4 changes: 4 additions & 0 deletions public/projects/jsblogger.html
Expand Up @@ -504,6 +504,10 @@ <h4>New Article Link</h4>

<p>Use that technique to add the CSS class <code>new_article</code> to your &quot;Create a New Article&quot; link.</p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
</pre></td><td class='code'><pre><code class='ruby'><span class='line'><span class="o">&lt;</span><span class="sx">%= link_to &quot;New Article&quot;, new_article_path, :class =</span><span class="o">&gt;</span> <span class="s2">&quot;new_article&quot;</span> <span class="o">%&gt;</span>
</span></code></pre></td></tr></table></div></figure>

<h4>Review the Results</h4>

<p>Refresh your browser and each sample article title should be a link. If you click the link, you&#8217;ll get an error as we haven&#8217;t implemented the <code>show</code> method yet. Similarly, the new article link will lead you to a dead end. Let&#8217;s tackle the <code>show</code> next.</p>
Expand Down
8 changes: 6 additions & 2 deletions public/sitemap.xml
Expand Up @@ -26,7 +26,7 @@
</url>
<url>
<loc>http://yoursite.com/projects/jsblogger.html</loc>
<lastmod>2012-01-12T14:53:25-05:00</lastmod>
<lastmod>2012-01-16T08:09:01-05:00</lastmod>
</url>
<url>
<loc>http://yoursite.com/projects/jscontact.html</loc>
Expand Down Expand Up @@ -138,7 +138,11 @@
</url>
<url>
<loc>http://yoursite.com/topics/decorators.html</loc>
<lastmod>2012-01-16T08:04:42-05:00</lastmod>
<lastmod>2012-01-16T08:10:50-05:00</lastmod>
</url>
<url>
<loc>http://yoursite.com/topics/decorators.markdown.orig</loc>
<lastmod>2012-01-16T08:09:15-05:00</lastmod>
</url>
<url>
<loc>http://yoursite.com/topics/environment/bundler.html</loc>
Expand Down
12 changes: 6 additions & 6 deletions public/topics/decorators.html
Expand Up @@ -185,7 +185,7 @@ <h4>Dealing with a Collection</h4>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
</pre></td><td class='code'><pre><code class='ruby'><span class='line'> <span class="k">def</span> <span class="nf">index</span>
</span><span class='line'> <span class="vi">@articles</span><span class="p">,</span> <span class="vi">@tag</span> <span class="o">=</span> <span class="no">Article</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">params</span><span class="p">)</span>
</span><span class='line'> <span class="vi">@articles</span><span class="p">,</span> <span class="vi">@tag</span> <span class="o">=</span> <span class="no">Article</span><span class="o">.</span><span class="n">search_by_tag_name</span><span class="p">(</span><span class="n">params</span><span class="o">[</span><span class="ss">:tag</span><span class="o">]</span><span class="p">)</span>
</span><span class='line'> <span class="k">end</span>
</span></code></pre></td></tr></table></div></figure>

Expand All @@ -196,7 +196,7 @@ <h4>Dealing with a Collection</h4>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
</pre></td><td class='code'><pre><code class='ruby'><span class='line'> <span class="k">def</span> <span class="nf">index</span>
</span><span class='line'> <span class="n">articles</span><span class="p">,</span> <span class="vi">@tag</span> <span class="o">=</span> <span class="no">Article</span><span class="o">.</span><span class="n">search</span><span class="p">(</span><span class="n">params</span><span class="p">)</span>
</span><span class='line'> <span class="n">articles</span><span class="p">,</span> <span class="vi">@tag</span> <span class="o">=</span> <span class="no">Article</span><span class="o">.</span><span class="n">search_by_tag_name</span><span class="p">(</span><span class="n">params</span><span class="o">[</span><span class="ss">:tag</span><span class="o">]</span><span class="p">)</span>
</span><span class='line'> <span class="vi">@articles</span> <span class="o">=</span> <span class="no">ArticleDecorator</span><span class="o">.</span><span class="n">decorate</span><span class="p">(</span><span class="n">articles</span><span class="p">)</span>
</span><span class='line'> <span class="k">end</span>
</span></code></pre></td></tr></table></div></figure>
Expand Down Expand Up @@ -230,7 +230,7 @@ <h3>Links</h3>
<p>I hate writing delete links. In the <code>show.html.erb</code>, I&#8217;m using a helper to generate the link with icon:</p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="n">delete_icon</span><span class="p">(</span><span class="vi">@article</span><span class="p">,</span> <span class="s2">&quot; Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="n">delete_icon</span><span class="p">(</span><span class="vi">@article</span><span class="p">,</span> <span class="s2">&quot;Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</span></code></pre></td></tr></table></div></figure>

<p>Which calls this helper in <code>IconsHelper</code>: </p>
Expand All @@ -244,7 +244,7 @@ <h3>Links</h3>
<span class='line-number'>7</span>
</pre></td><td class='code'><pre><code class='ruby'><span class='line'> <span class="k">def</span> <span class="nf">delete_icon</span><span class="p">(</span><span class="n">object</span><span class="p">,</span> <span class="n">link_text</span> <span class="o">=</span> <span class="kp">nil</span><span class="p">)</span>
</span><span class='line'> <span class="n">delete_icon_filename</span> <span class="o">=</span> <span class="s1">&#39;cancel.png&#39;</span>
</span><span class='line'> <span class="n">link_to</span> <span class="n">image_tag</span><span class="p">(</span><span class="n">delete_icon_filename</span><span class="p">)</span> <span class="o">+</span> <span class="n">link_text</span><span class="p">,</span>
</span><span class='line'> <span class="n">link_to</span> <span class="n">image_tag</span><span class="p">(</span><span class="n">delete_icon_filename</span><span class="p">)</span> <span class="o">+</span> <span class="s2">&quot; &quot;</span> <span class="o">+</span> <span class="n">link_text</span><span class="p">,</span>
</span><span class='line'> <span class="n">polymorphic_path</span><span class="p">(</span><span class="n">object</span><span class="p">),</span>
</span><span class='line'> <span class="ss">:method</span> <span class="o">=&gt;</span> <span class="ss">:delete</span><span class="p">,</span>
</span><span class='line'> <span class="ss">:confirm</span> <span class="o">=&gt;</span> <span class="s2">&quot;Delete &#39;</span><span class="si">#{</span><span class="n">object</span><span class="si">}</span><span class="s2">&#39;?&quot;</span>
Expand Down Expand Up @@ -314,13 +314,13 @@ <h4>In the Show Template</h4>
<p>Originally, we used a procedural-style helper method:</p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="n">delete_icon</span><span class="p">(</span><span class="vi">@article</span><span class="p">,</span> <span class="s2">&quot; Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="n">delete_icon</span><span class="p">(</span><span class="vi">@article</span><span class="p">,</span> <span class="s2">&quot;Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</span></code></pre></td></tr></table></div></figure>

<p>Now we can use the decorator method:</p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="vi">@article</span><span class="o">.</span><span class="n">delete_icon</span><span class="p">(</span><span class="s2">&quot; Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</pre></td><td class='code'><pre><code class='erb'><span class='line'><span class="cp">&lt;%=</span> <span class="vi">@article</span><span class="o">.</span><span class="n">delete_icon</span><span class="p">(</span><span class="s2">&quot;Delete&quot;</span><span class="p">)</span> <span class="cp">%&gt;</span><span class="x"></span>
</span></code></pre></td></tr></table></div></figure>

<p>Cool? Pointless? You be the judge.</p>
Expand Down

0 comments on commit 3cc5613

Please sign in to comment.