mirror of
https://github.com/wezm/wezm.net.git
synced 2024-12-18 18:29:54 +00:00
762b56e401
Doing the archives this way removes the problem of loading page 1 then replacing it with page 2
61 lines
1.9 KiB
HTML
61 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<%= render 'head_common' %>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
|
|
<% if @item.identifier =~ %r{/page/$} %>
|
|
<script src="/js/jquery.ba-bbq.min.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>
|
|
<% else %>
|
|
<script type="text/javascript" charset="utf-8">
|
|
jQuery(function() {
|
|
// pagination and search require javascript, so reveal them with javascript
|
|
$('.pagination').show();
|
|
$('#search').show();
|
|
});
|
|
</script>
|
|
<% end %>
|
|
</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/"
|
|
%>
|
|
<li><a href="<%= path %>"<%= %Q{class="active"} if @item.identifier == path %>><%= 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="older">« Older</a>
|
|
|
|
|
<a href="<%= pagepath %>#2" class="newer">Newer »</a>
|
|
</div>
|
|
</div>
|
|
<%= render 'footer' %>
|
|
</body>
|
|
</html>
|