wezm.net/layouts/articles.html

<!DOCTYPE html>
<html>
<head>
  <%= render '_head' %>
  <link rel="stylesheet" href="/css/jsonSuggest.css" type="text/css" media="screen" charset="utf-8" />
  <script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/jquery.ba-bbq.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/jquery.jsonSuggest.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/articles.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="articles">
  <%= render '_header' %>
  <div id="content">
    <h1>Archives</h1>

    <%
      menu = [
        ['All', sorted_articles.size],
        ['Technical', technical_articles.size],
        ['Personal', personal_articles.size],
      ]
    %>
    <ul class="inline menu">
      <% menu.each do |menu_item|
        label, count = menu_item
        path = (label != "All" ? '/' + label.downcase : '') + "/articles/"
        active = (@item.identifier.sub(%r{page/$}, '') == path)
      %>
      <li><a href="<%= path %>"<%= %Q{class="active"} if active %>><%= label %></a> (<%= count %>)</li>
      <% end %>
      <li id="search">
        <fieldset>
          <label for="query">Search</label>
          <input type="text" name="q" id="query" value="" />
          <span class="sbox_r"></span>
        </fieldset>
      </li>
    </ul>

    <ul class="articles">
      <%= yield %>
    </ul>

    <div class="pagination">
      <% pagepath = @item.identifier; pagepath += 'page/' if pagepath !~ %r{/page/$} %>
      <a href="<%= pagepath %>" class="newer">&laquo; Newer</a>
      |
      <a href="<%= pagepath %>#2" class="older">Older &raquo;</a>
    </div>
  </div>
  <%= render '_footer' %>
</body>
</html>
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<!DOCTYPE html>`
			`<html>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<head>`
Improvements to post page and other layout 2010-02-04 02:38:35 +00:00			`<%= render '_head' %>`
Implement article search Need to refactor the javascript into an Articles object or something that can be used to load the article data. The JS pagination functionality would then be seperate to this. 2010-03-02 21:03:23 +00:00			`<link rel="stylesheet" href="/css/jsonSuggest.css" type="text/css" media="screen" charset="utf-8" />`
Switch to a local copy of jQuery To allow offline development 2010-03-03 06:14:03 +00:00			`<script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>`
Add search and include new JS 2010-02-01 10:37:15 +00:00			`<script src="/js/jquery.ba-bbq.min.js" type="text/javascript" charset="utf-8"></script>`
Implement article search Need to refactor the javascript into an Articles object or something that can be used to load the article data. The JS pagination functionality would then be seperate to this. 2010-03-02 21:03:23 +00:00			`<script src="/js/jquery.jsonSuggest.js" type="text/javascript" charset="utf-8"></script>`
Add search and include new JS 2010-02-01 10:37:15 +00:00			`<script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<script src="/js/articles.js" type="text/javascript" charset="utf-8"></script>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</head>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<body class="articles">`
Improvements to post page and other layout 2010-02-04 02:38:35 +00:00			`<%= render '_header' %>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<div id="content">`
Improvements to post page and other layout 2010-02-04 02:38:35 +00:00			`<h1>Archives</h1>`
Implement archive pages 2010-01-30 06:09:05 +00:00
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<%`
			`menu = [`
			`['All', sorted_articles.size],`
			`['Technical', technical_articles.size],`
			`['Personal', personal_articles.size],`
			`]`
			`%>`
Layout archive sub-menu properly 2010-02-01 01:58:10 +00:00			`<ul class="inline menu">`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<% menu.each do \|menu_item\|`
			`label, count = menu_item`
			`path = (label != "All" ? '/' + label.downcase : '') + "/articles/"`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`active = (@item.identifier.sub(%r{page/$}, '') == path)`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`%>`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<li><a href="<%= path %>"<%= %Q{class="active"} if active %>><%= label %></a> (<%= count %>)</li>`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<% end %>`
Style search field 2010-02-02 10:08:33 +00:00			`<li id="search">`
			`<fieldset>`
			`<label for="query">Search</label>`
			`<input type="text" name="q" id="query" value="" />`
			`<span class="sbox_r"></span>`
			`</fieldset>`
			`</li>`
Implement archive pages 2010-01-30 06:09:05 +00:00			`</ul>`

Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<ul class="articles">`
Bunch of new files to support archive listings 2010-01-30 05:50:07 +00:00			`<%= yield %>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</ul>`
Implement archive pages 2010-01-30 06:09:05 +00:00
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<div class="pagination">`
Add a page item for JS pagination Doing the archives this way removes the problem of loading page 1 then replacing it with page 2 2010-02-03 02:34:04 +00:00			`<% pagepath = @item.identifier; pagepath += 'page/' if pagepath !~ %r{/page/$} %>`
Fix pagination controls 2010-02-04 02:42:58 +00:00			`<a href="<%= pagepath %>" class="newer">« Newer</a>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`\|`
Fix pagination controls 2010-02-04 02:42:58 +00:00			`<a href="<%= pagepath %>#2" class="older">Older »</a>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</div>`
			`</div>`
Improvements to post page and other layout 2010-02-04 02:38:35 +00:00			`<%= render '_footer' %>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</body>`
			`</html>`