Add Beth Nowviskie's beautiful touch!

git-svn-id: https://svn.apache.org/repos/asf/lucene/solr/trunk@510648 13f79535-47bb-0310-9956-ffa450edef68
This commit is contained in:
Erik Hatcher 2007-02-22 20:57:13 +00:00
parent 022e5a8234
commit 48ca17444f
5 changed files with 190 additions and 122 deletions

View File

@ -1,3 +1,37 @@
<div id="variables">
<div class="clear">
<%=link_to '[clear constraints]', :action => 'clear'%>
</div>
<div>
Queries:
<div id="queries">
<% session[:queries].each_with_index do |q,i| %>
<%=link_to q[:negative] ? "-" : '+', :action => :invert_query, :index => i%>
<span id="query_<%=i%>"><%=q[:query]%></span>
<%= in_place_editor "query_#{i}", :url=> url_for(:action=>"update_query", :index=>i) %>
<%=link_to image_tag("x-close.gif"), :action => :remove_query, :index => i %><br/>
<% end %>
</div>
</div>
<div>
Filters:
<div id="filters">
<% session[:filters].each_with_index do |filter, i| %>
<%=link_to filter[:negative] ? "-" : "+", :action => :invert_filter, :index => i%>
<%=filter[:field]%>:<%=filter[:value]%>
<%=link_to image_tag("x-close.gif"), :action => :remove_filter, :index => i %>
<% end %>
</div>
</div>
<div class="clear">
<%=link_to '[clear constraints]', :action => 'clear'%>
</div>
</div>
<% @facets.each do |f| %>
<% if f.name %>
<%= link_to f.name, :action => 'add_filter', :field_name => params[:field_name], :value => f.name %> (<%=f.value%>)

View File

@ -1,12 +1,18 @@
<div id="sidebar"><div class="boxContent">
<div class="searchbar">
<% form_tag(:action=>'add_query') do %>
<%= text_field_with_auto_complete :search, :query %>
<%=submit_tag "search"%>
<% end %>
<h2>facets</h2>
</div>
<!-- <h2>browse facets</h2> -->
<% @facet_fields.each do |field|%>
<h4><%=link_to field, :action => 'facet', :field_name => field%></h4>
<h4>
<%=h field%> <%=link_to "[browse]", :action => 'facet', :field_name => field%>
<!-- <%=link_to field, :action => 'facet', :field_name => field%> -->
</h4>
<ul>
<% @response.field_facets(field).each do |f| %>
@ -17,41 +23,56 @@
<% end %>
</ul>
<% end %>
<%=link_to image_tag("simile-exhibit.png"), :controller => :simile, :action => :exhibit %>
<span class="exhibit"><%=link_to image_tag("simile-exhibit.png"), :controller => :simile, :action => :exhibit %></span>
</div></div>
<div id="variables">
<div class="clear">
<%=link_to '[clear constraints]', :action => 'clear'%>
</div>
<div>
Queries:
<span class="varheader">Queries:</span>
<div id="queries">
<% session[:queries].each_with_index do |q,i| %>
<%=link_to q[:negative] ? "-" : '+', :action => :invert_query, :index => i%>
<span id="query_<%=i%>"><%=q[:query]%></span>
<%= in_place_editor "query_#{i}", :url=> url_for(:action=>"update_query", :index=>i) %>
<%=link_to image_tag("x-close.gif"), :action => :remove_query, :index => i %>
<%=link_to image_tag("x-close.gif"), :action => :remove_query, :index => i %><br/>
<% end %>
</div>
</div>
<div>
Filters:
<span class="varheader">Filters:</span>
<div id="filters">
<% session[:filters].each_with_index do |filter, i| %>
<%=link_to filter[:negative] ? "-" : "+", :action => :invert_filter, :index => i%>
<%=filter[:field]%>:<%=filter[:value]%>
<%=link_to image_tag("x-close.gif"), :action => :remove_filter, :index => i %>
<%=link_to image_tag("x-close.gif"), :action => :remove_filter, :index => i %><br/>
<% end %>
<div><%=link_to 'clear constraints', :action => 'clear'%></div>
</div>
</div>
<div>Results <strong>1-<%=[@response.total_hits,10].min%></strong> of <strong><%=@response.total_hits%></strong></div>
<div class="clear">
<%=link_to '[clear constraints]', :action => 'clear'%>
</div>
</div>
<div class="resultsheader">Results <strong>1-<%=[@response.total_hits,10].min%></strong> of <strong><%=@response.total_hits%></strong></div>
<div id="results"><table cellpadding="10">
<% @response.each do |doc| %>
<tr valign="top">
<td>
<table>
<tr colspan="2">
<th><%=doc['title_text']%></th>
<table class="entry">
<tr>
<td class="title" colspan="2"><%=doc['title_text']%></td>
</tr>
<% doc.each do |k,v|; highlighting = @response.highlighted(doc['id'], k) %>
<tr><td><%=k%>:</td><td><%= highlighting ? "...#{highlighting}..." : v%></td></tr>
<tr><td class="field"><%=k%>:</td><td><%= highlighting ? "...#{highlighting}..." : v%></td></tr>
<% end %>
</table>
</td>

View File

@ -7,7 +7,7 @@
<body>
<div>
<div id="header">
<a href="http://lucene.apache.org/solr"><%=image_tag "http://lucene.apache.org/solr/images/solr.png"%></a> <a href="http://wiki.apache.org/solr/Flare">Flare</a>
<a href="http://lucene.apache.org/solr"><%=image_tag "solr.png"%></a><a href="http://wiki.apache.org/solr/Flare">flare</a>
</div>
<%= yield %>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

View File

@ -1,25 +1,62 @@
body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 13px;
margin: 0px;
font-size: 12px;
margin: 15px;
}
#header {
font-size: 20px;
background:url(../images/flare.jpg) no-repeat left top;
font-size: 22px;
margin-bottom: -10px;
width: 200px;
border-top: 4px solid #D43D1A;
border-left: 4px solid #EE4000;
background:url(../images/flare.jpg) no-repeat left top;
}
#header a {
color: #EE4000;
}
#header a:hover {
color: #CD3700;
}
td {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 13px;
font-size: 11px;
}
a, a:visited {
color: #000099;
color: #cc6633;
text-decoration: none;
}
a:hover {
color: #0000CC;
text-decoration: underline;
color: #ff9933;
text-decoration: none;
}
h2 {
font-size: 16px;
font-weight: normal;
}
h4 {
font-size: 13px;
font-weight: normal;
letter-spacing: .2em;
}
h4 a {
font-size: 11px;
letter-spacing: normal;
}
h4 a:hover {
text-decoration: none;
}
em {
color: #000;
}
#search {
@ -35,13 +72,70 @@ a:hover {
#sidebar {
float: right;
width: 339px;
font-size:90%;
line-height: 18px;
margin-left: 20px;
font-size: 11px;
line-height: 20px;
margin-bottom: 20px;
padding: 10px;
}
#sidebar ul {
list-style: none;
margin-left: -20px;
margin-top: -10px;
}
#sidebar img {
vertical-align: middle;
}
#sidebar .exhibit {
float: right;
}
#variables {
padding: 20px;
}
.varheader {
font-size: 14px;
font-weight: normal;
letter-spacing: .2em;
}
#queries img {
vertical-align: baseline;
width:14px;
}
#queries {
margin-left: 10px;
color: #666;
}
#filters img {
vertical-align: baseline;
width:14px;
}
#filters {
margin-left: 10px;
color: #666;
}
.clear {
padding: 10px 0 10px 0px;
font-size: 11px;
}
.resultsheader {
font-size: 14px;
font-weight: normal;
letter-spacing: .2em;
margin-bottom: -20px;
}
#results {
padding: 20px;
margin-right: 380px;
}
@ -53,102 +147,21 @@ a:hover {
background-color: #E4F1FD;
}
/* SIDE BAR */
.box {
width:339px;
background:#F3F3F3 url(../images/hits_bot.gif) no-repeat left bottom;
margin-bottom: 20px;
padding:0 0 6px;
color:#333;
line-height:1.5em;
}
.box2 {
width:100%;
background:url(../images/hits_top.gif) no-repeat left top;
padding:6px 0 0;
}
.box3 {
background:url(../images/hits_rails.gif) repeat-y;
padding:0px;
}
.boxContent {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.box p {
margin:0 0 .6em;
}
.sidebar-title {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 .2em;
border-bottom:1px dotted #fa0;
font-size:115%;
line-height:1.5em;
color:#333;
.title {
font-size: 13px;
color: #000;
letter-spacing: .1em;
}
.recordAmazon {
margin-left: 150px;
}
.recordAuthor {
margin-top: 10px;
}
.recordBasic {
margin-left: 150px;
}
.recordBookJacket {
float: left;
margin-right: 20px;
}
.recordFullText {
margin: 30px;
padding: 10px;
}
.recordHoldings {
background-color: #EFEFEF;
margin: 10px;
padding: 10px;
border: 1px solid #CCCCCC;
}
.recordHoldingHead {
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-bottom-width: 1px;
margin-bottom: 10px;
padding: 5px;
text-align: left;
}
.recordHoldingBody {
background-color: #EFEFEF;
padding: 5px;
padding-right: 10px;
}
.recordImprint {
margin-top: 10px;
}
.recordTitle {
font-size: 18px;
font-weight: bold;
}
.home {
clear: both;
width: 640px;
margin: 0 auto;
}
.homeSearch {
margin-top: 80px;
margin-bottom: 20px;
background-color: #EFEFDE;
padding-top: 30px;
padding-left: 30px;
padding-bottom: 20px;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
.entry {
color: #666;
}
.field {
color: #999;
font-style: italic;
}
.searchbar {
padding: 1px;
}