From 1204fe7210646df75dbce5ce64672bc053bbce3c Mon Sep 17 00:00:00 2001
From: senator <lebbeous@esilibrary.com>
Date: Tue, 1 Feb 2011 14:34:28 -0500
Subject: [PATCH] Add record page; cleanup and reorg

---
 Open-ILS/web/templates/default/kcls-wire/login.tt2 |   4 +-
 .../parts/{login_form.tt2 => login/form.tt2}       |   0
 .../default/kcls-wire/parts/record/body.tt2        | 114 ++++++++
 .../default/kcls-wire/parts/record/extras.tt2      | 320 +++++++++++++++++++++
 .../default/kcls-wire/parts/record/summary.tt2     | 217 ++++++++++++++
 .../parts/{result_header.tt2 => result/header.tt2} |   0
 .../{result_lowhits.tt2 => result/lowhits.tt2}     |   0
 .../parts/{result_table.tt2 => result/table.tt2}   |   0
 .../web/templates/default/kcls-wire/record.tt2     |  17 ++
 .../web/templates/default/kcls-wire/results.tt2    |   6 +-
 10 files changed, 673 insertions(+), 5 deletions(-)
 rename Open-ILS/web/templates/default/kcls-wire/parts/{login_form.tt2 => login/form.tt2} (100%)
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/record/body.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/record/extras.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/record/summary.tt2
 rename Open-ILS/web/templates/default/kcls-wire/parts/{result_header.tt2 => result/header.tt2} (100%)
 rename Open-ILS/web/templates/default/kcls-wire/parts/{result_lowhits.tt2 => result/lowhits.tt2} (100%)
 rename Open-ILS/web/templates/default/kcls-wire/parts/{result_table.tt2 => result/table.tt2} (100%)
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/record.tt2

diff --git a/Open-ILS/web/templates/default/kcls-wire/login.tt2 b/Open-ILS/web/templates/default/kcls-wire/login.tt2
index a402a6f96c..0cf55a5cbf 100644
--- a/Open-ILS/web/templates/default/kcls-wire/login.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/login.tt2
@@ -10,8 +10,8 @@
     </div>
     <div id="content-wrapper">
         <div id="main-content">
-            [% INCLUDE "default/kcls-wire/parts/login_form.tt2" %]
-            <div style="clear:both;height:15px;"></div>	
+            [% INCLUDE "default/kcls-wire/parts/login/form.tt2" %]
+            <div style="clear:both;height:30px;"></div>	
         </div>
     </div>
 [% END %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/login_form.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/login/form.tt2
similarity index 100%
rename from Open-ILS/web/templates/default/kcls-wire/parts/login_form.tt2
rename to Open-ILS/web/templates/default/kcls-wire/parts/login/form.tt2
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/record/body.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/record/body.tt2
new file mode 100644
index 0000000000..905e91dbd9
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/record/body.tt2
@@ -0,0 +1,114 @@
+<!-- ****************** page_rdetail.xml ***************************** -->
+<div id='canvas_main' class='canvas'>
+    <div id="rdetail_header">
+        <div style="float:left;">
+            Search Results&nbsp;&nbsp;&nbsp;
+            <span id="rdetail_result_count" class="hide_me">
+                Showing Item <strong id='np_offset'></strong>
+                &nbsp;of&nbsp;<strong id='np_count'></strong>
+            </span>
+        </div>
+        <div id="rdetail_result_nav">
+            <span class="hide_me">
+                <a class='np_nav_link classic_link' id='np_start'
+                    href='javascript:rdetailStart();'
+                    title="&rdetail.page.results;">&rdetail.start;</a>
+                </span>
+                <a class='np_nav_link classic_link hide_me' id='np_prev'
+                    href='javascript:rdetailPrev();'
+                    title='&rdetail.page.previous;'><span
+                        class="nav_arrow_fix">&#9668;</span> Previous</a>
+                <span style="padding:0px 10px;"> </span>
+                <a class='np_nav_link classic_link hide_me' id='np_next'
+                    href='javascript:rdetailNext();'
+                    title='&rdetail.page.next;'>Next <span
+                        class="nav_arrow_fix">&#9658;</span></a>
+                <span class="hide_me"><a class='np_nav_link classic_link'
+                    id='np_end' href='javascript:rdetailEnd();'
+                    title="&rdetail.page.last;">&rdetail.end;</a></span>
+        </div>
+        <div style="clear:both;"></div>
+    </div>
+
+    <table width='100%' id='np_table' border='0' class="hide_me">
+        <tbody>
+            <tr class='color_4'>
+                <td style='vertical-align: top;' align="center">
+                    <span style="float:left"><a href="javascript:;"
+                        onclick="history.go(-1);">&laquo; Back</a></span>
+                    <span></span>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <table style='' class='rdetail_header color_1 hide_me' width='100%'
+        border="0" cellspacing="0" cellpadding="0">
+        <tbody>
+            <tr>
+                <td width='33%' align='left' class="hide_me">
+                    <span>&rdetail.detailMain.headerLabel;</span>
+                </td>
+                <td align='right' style='padding-right: 7px;' width='33%'>
+                    <span id='rdetail_exp_refworks_span' class='hide_me'
+                        style='padding-right: 7px;'>
+                        <a id='rdetail_exp_refworks'>&opac.holds.exportRefWorks;</a>
+                    </span>
+                    <span style='padding-right: 7px;' class='hide_me'
+                        id='rdetail_more_actions'>
+                        <select id='rdetail_more_actions_selector'
+                            style='max-width: 11em;' class="hide_me">
+                            <option value='start'>
+                                &rdetail.more;
+                            </option>
+                            <option disabled='disabled'>
+                                --------------
+                            </option>
+                            <option disabled='disabled'>
+                                &rdetail.bookbag.add;
+                            </option>
+                            <option disabled='disabled'>
+                                --------------
+                            </option>
+                            <option value='new_bookbag'
+                                onclick='rdetailNewBookbag();'>
+                                &rdetail.bookbag.create;
+                            </option>
+                        </select>
+                    </span>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <div style='font-weight: bold; padding: 5px; margin: 5px; width: 100%;' 
+        class='hide_me color_4' id='rdetail_deleted_exp'>
+        &rdetail.record.deleted;
+    </div>
+
+    [% INCLUDE "default/kcls-wire/parts/record/summary.tt2" %]
+    <br />
+    <div style="width:100%;" class="hide_me">
+        <div style="float:right;" class="hide_me" id="lib_info_more">
+            <button onclick="unHideMe($('lib_info_less'));unHideMe($('rdetails_status2'));hideMe($('lib_info_more'));">More...</button>
+        </div>
+        <div style="float:right;" class="hide_me" id="lib_info_less">
+            <button onclick="hideMe($('lib_info_less'));hideMe($('rdetails_status2'));unHideMe($('lib_info_more'));">...Less</button>
+        </div>
+    </div>
+    [% INCLUDE "default/kcls-wire/parts/record/extras.tt2" %]
+
+    <div class='hide_me' id='rdetail_bb_none'>
+        &rdetail.none;
+    </div>
+    <div class='hide_me' id='rdetail_bb_item_success'>
+        &rdetail.bookbag.add.success;
+    </div>
+    <div class='hide_me' id='rdetail_bb_new'>
+        &rdetail.bookbag.name;
+    </div>
+    <div class='hide_me' id='rdetail_bb_success'>
+        &rdetail.bookbag.create.success;
+    </div>
+</div>
+<!-- ****************** end; page_rdetail.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/record/extras.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/record/extras.tt2
new file mode 100644
index 0000000000..c8f0d2c760
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/record/extras.tt2
@@ -0,0 +1,320 @@
+<!-- ****************** rdetail_extras.xml ***************************** -->
+<div xmlns:xi="http://www.w3.org/2001/XInclude" id="rdetail_main_div" class="">
+	<table class='hide_me rdetails_extra_links'>
+		<thead>
+			<tr>
+				<td id='rdetail_annotation_link' class='hide_me rdetail_extras_td'
+					style='padding-right: 15px; padding-left: 15px;' >
+					<a href='javascript:rdetailShowExtra("annotation");' 
+						class='classic_link'>&rdetail.extras.annotation;</a>
+				</td>
+			</tr>
+		</thead>
+	</table>
+
+	<div id='rdetail_extras_div' style='width: 100%;'> 
+		<div id='rdetail_extras_loading' class='hide_me' 
+			style='padding: 10px;'>&common.loading;</div>
+
+        <div rel="rdetail_summary_div" rel2="summary" class="rdetail_extras hide_me" id="rdetail_summary_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("summary");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("summary");'
+                    class="rdetail_extras_lbl">Summary</a>
+		    </div>
+		</div>
+		<div id='rdetail_summary_div' class='rdetail_extras_div hide_me'> 
+            <table style="margin-bottom:10px;" cellpadding="0" cellspacing="0" border="0">
+                <tr>
+                    <td width="1" style="padding-right:7px;" valign="top">
+                        <strong>Summary: </strong>
+                    </td>
+                    <td>
+                        <div id='rdetail_summary_container'></div>
+                    </td>
+                </tr>
+            </table>
+			<iframe width="100%" height="500" id="content_cafe_summary" frameborder="0" />
+		</div>
+		
+        <div rel="rdetail_subject_div" rel2="subject" class="rdetail_extras hide_me" id="rdetail_subject_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("subject");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+			    <a href='javascript:rdetailShowExtra("subject");' class="rdetail_extras_lbl">subject</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_subject_div' class='rdetail_extras_div hide_me'> 
+            <table cellpadding="0" cellspacing="0" border="0">
+                <tr>
+                    <td width="1" style="padding-right:7px;" valign="top">
+                        <strong>Subject: </strong>
+                    </td>
+                    <td>
+                        <div id='rdetail_subject_container'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;" valign="top">
+                        <strong>Genre: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_genre_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;white-space:nowrap;"
+                        nowrap="nowrap" valign="top">
+                        <strong>Topic Heading: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_topic_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;white-space:nowrap;"
+                        nowrap="nowrap" valign="top">
+                        <strong>Geographic Setting: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_geo_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;white-space:nowrap;"
+                        nowrap="nowrap" valign="top">
+                        <strong>Biographical Subject: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_bio_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;white-space:nowrap;"
+                        nowrap="nowrap" valign="top">
+                        <strong>Character Attributes: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_attrib_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;" valign="top">
+                        <strong>Setting: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_setting_cont'></div>
+                    </td>
+                </tr>
+                <tr>
+                    <td width="1" style="padding:5px 7px 0px 0px;white-space:nowrap;"
+                        nowrap="nowrap" valign="top">
+                        <strong>Time Period: </strong>
+                    </td>
+                    <td style="padding-top:5px;">
+                        <div id='rdetail_time_cont'></div>
+                    </td>
+                </tr>
+            </table>
+        </div>
+
+        <div rel="rdetail_content_div" rel2="content"
+            class="rdetail_extras hide_me" id="rdetail_content_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("content");'><img alt=""
+                    src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+			    <a href='javascript:rdetailShowExtra("content");' class="rdetail_extras_lbl">Contents</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_content_div' class='rdetail_extras_div hide_me'>
+            <strong>Contents:</strong>
+            <div id='rdetail_content_div_inner' style="padding-bottom:10px;"></div>
+            <strong>&rdetail.extras.toc;:</strong>
+            <div id='rdetail_toc_div' class='rdetail_extras_div'></div>
+		</div>
+		
+        <div rel="rdetail_authors_div" rel2="authors"
+            class="rdetail_extras hide_me" id="rdetail_authors_link"><div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("authors");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+			    <a href='javascript:rdetailShowExtra("authors");' class="rdetail_extras_lbl">Author</a>
+		    </div>
+		</div>
+		<div id='rdetail_authors_div' class='rdetail_extras_div hide_me'>
+            <strong>Authors:</strong>
+            <div id="rdetail_authors_inner" style="padding-bottom:10px;"></div>
+            <strong>Added Authors:</strong>
+            <div id="rdetail_moar_authors" style="padding-bottom:10px;"></div>
+            <strong>Credits:</strong>
+            <div id="rdetail_credits" style="padding-bottom:10px;"></div>
+            <strong>Cast:</strong>
+            <div id="rdetail_cast" style="padding-bottom:10px;"></div>
+            <strong>Author Notes:</strong>
+            <div id='rdetail_anotes_div' class='rdetail_extras_div'> </div>
+		</div>
+		
+        <div rel="rdetail_series_div" rel2="series"
+            class="rdetail_extras hide_me" id="rdetail_series_link"><div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("series");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("series");'
+                    class="rdetail_extras_lbl">series</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_series_div' class='rdetail_extras_div hide_me'> 
+            <strong>Series:</strong>
+            <div id='rdetail_series_container'></div>
+		</div>
+		
+        <div rel="rdetail_awards_div" rel2="awards"
+            class="rdetail_extras hide_me" id="rdetail_awards_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("awards");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("awards");'
+                    class="rdetail_extras_lbl">awards, reviews &amp; suggested reads</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_awards_div' class='rdetail_extras_div hide_me'> 
+            <strong>Awards:</strong>
+            <div id='rdetail_awards_cont' style="margin-bottom:20px;"></div>
+                <strong>Patron Reviews:</strong>
+                <div id='rdetail_chilifresh_reviews' class='hide_me' style="margin-bottom:20px;">
+                    <div id='chilifreshReviewLink' name='chilifreshReviewLink' class='chili_review'></div>
+                    <div id='chilifreshReviewResult' name='chilifreshReviewResult' style='display:none'></div>
+                </div>
+                <strong>Reviews:</strong>
+                <div id='rdetail_review_container' style="margin-bottom:20px;"></div>
+                <strong>Suggested Reads:</strong>
+                <div id='rdetail_novelist_div' class='rdetail_extras_div'>
+			    <div id="NoveListSelect" class="NoveListSelect">
+                    <div id="NoveListAnchor" class="NoveListSelect"></div>
+                    <div id="novsuggestions"></div>
+                    <div id="nextreads"></div>
+                    <div id="novrelatedauthors"></div>
+			        <div id="novrelateditems"></div>
+			    </div>
+			</div>
+		</div>
+		
+        <div rel="rdetail_reviews_div" rel2="reviews" class="rdetail_extras hide_me"
+            id="rdetail_reviews_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("reviews");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("reviews");'
+                    class="rdetail_extras_lbl">&rdetail.extras.reviews;</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_reviews_div' class='rdetail_extras_div hide_me'> </div>
+
+        <div rel="rdetail_excerpt_div" rel2="excerpt"
+            class="rdetail_extras hide_me" id="rdetail_excerpt_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("excerpt");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("excerpt");'
+                    class="rdetail_extras_lbl">&rdetail.extras.excerpt;</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_excerpt_div' class='rdetail_extras_div hide_me'> </div>
+		
+        <div rel="rdetail_preview_div" rel2="preview"
+            class="rdetail_extras hide_me" id="rdetail_preview_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("preview");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("preview");'
+                    class="rdetail_extras_lbl">&rdetail.extras.preview;</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_preview_div' class='rdetail_extras_div hide_me'> </div>
+		
+        <div rel="rdetail_novelist_div" rel2="novelist"
+            class="rdetail_extras hide_me" id="rdetail_novelist_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("novelist");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("novelist");'
+                    class="rdetail_extras_lbl">&rdetail.extras.novelist;</a>
+		    </div>
+		</div>
+
+        <div rel="rdetail_cn_browse_div" rel2="cn" class="rdetail_extras"
+            id="rdetail_viewcn_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("cn");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("cn");'
+                    class="rdetail_extras_lbl">&rdetail.extras.browser;</a>
+		    </div>
+		</div>
+
+		<div id='rdetail_cn_browse_div' style='text-align: center;' class='hide_me'>
+            <div id='cn_browse_none' class='hide_me color_4'
+                style='width: 90%; text-align: center; margin: 10px;'>
+				&rdetail.extras.call.null;
+			</div>
+
+			<div id='rdetail_cn_browse_select_div' 
+				style='width: 100%; border: 1px solid black; padding: 6px; margin-top: 5px;'>
+				<span>&rdetail.extras.call.local; </span>
+				<select id='cn_browse_selector'> </select>
+			</div>
+            <!-- XXX TODO common/cn_browse -->
+		</div>
+
+        <!-- XXX TODO rdetail_cn_details -->
+
+        <div rel="rdetail_copy_info_div" rel2="copyinfo"
+            class="rdetail_extras" id="rdetail_copy_info_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("copyinfo");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("copyinfo");'
+                    class="rdetail_extras_lbl">&rdetail.extras.summary;</a>
+		    </div>
+		</div>
+		<!-- XXX TODO rdetail_copyinfo -->
+
+        <div rel="rdetail_marc_div" rel2="marc" class="rdetail_extras" id="rdetail_viewmarc_link">
+            <div class="rdetail_extras_hr"></div>
+		    <div class="rdetail_extras_link">
+                <a href='javascript:rdetailShowExtra("marc");'><img
+                    alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+                <a href='javascript:rdetailShowExtra("marc");'
+                    class="rdetail_extras_lbl">&rdetail.extras.marc;</a>
+		    </div>
+		</div>
+		<div id='rdetail_marc_div' class='rdetail_extras_div hide_me'>
+			<div id='rdetail_view_marc_box'></div>
+		</div>
+	</div>
+	<div id='rdetail_preview_full_text' class='hide_me'>&rdetail.extras.preview.fulltext;</div>
+	<div id='rdetail_preview_title' class='hide_me'>&rdetail.extras.preview.title;</div>
+	<div id='rdetail_preview_badge' class='hide_me'>&rdetail.extras.preview.badge;</div>
+</div>
+
+<!-- XXX TODO Novelist stuff here? -->
+
+<!-- ****************** end: rdetail_extras.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/record/summary.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/record/summary.tt2
new file mode 100644
index 0000000000..fe8fa81c7c
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/record/summary.tt2
@@ -0,0 +1,217 @@
+<!-- ****************** rdetail_summary.xml ***************************** -->
+<abbr class="unapi-id" title='tag:HTTP_HOST,OILS_TIME_YEAR:biblio-record_entry/OILS_OPAC_RID'></abbr><!-- XXX FIXME or remove -->
+<!-- This holds the record summary information -->
+
+<table width="100%" border="0" cellpadding="0" cellspacing="0" id="rdetail_details_table">
+    <tbody id="rdetail_details_tbody">
+        <tr>
+            <td width="90" valign="top" id="rdetail_image_cell">
+                <a id='rdetail_img_link' href='${ident.large}'><img
+                    alt="Image of item" style='border: none;' id='rdetail_image'
+                    src='${ident.small}' onload='unHideMe($("rdetail_img_link"))'
+                    onerror='hideMe($("rdetail.jacket_attrib_div"));hideMe($("rdetail_img_link"));'/></a>
+                <br />
+                <div class='jacket_attrib hide_me' id='rdetail.jacket_attrib_div'>
+                    <div>&opac.image_provided;</div>
+                    <div>
+                        <a target='_blank' href='&vendor.base_link;'
+                            class='classic_link' id='rdetail.jacket_attrib_link'>&vendor.name;</a>
+                    </div>
+                </div>
+            </td>
+    
+            <td valign="top">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                    <tr>
+                        <td valign="top">
+                            <span class="rdetail_item" id='rdetail_title'></span><br />
+                            <span style="color:#545454;">&common.author;: </span>
+                            <em><a title='&rdetail.author.search;' id='rdetail_author'></a></em>
+                        </td>
+                        <td align="right" valign="top" nowrap="nowrap" style="white-space:nowrap;">
+                            <div style="width:230px;text-align:left;margin-top:3px;">
+                                <div style="float:right;">
+                                    <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
+                                        class="rdetail_aux_utils">
+                                        <a href="place_hold" id="rdetail_place_hold"><img
+                                            src="/opac/skin/kcls/graphics/green_check.png" alt="place hold" />
+                                            <span style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
+                                    </div>
+                                    <div style="padding-top:6px;" class="rdetail_aux_utils">
+                                        <div style="position:absolute;">
+                                            <div style="position:relative;top:5px; left: 25px;">
+                                                <a title="Add to my list" id="add_mylist"
+                                                    href="javascript:addMyList();">Add to my list</a>
+                                            </div>
+                                        </div>
+                                        <a href="javascript:addMyList();"><img
+                                            alt="add to my list"
+                                            src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+                                    </div>
+                                </div>
+                                <div style="float:right;margin-right:17px;">
+                                    <img id="rdetail_tor_pic" alt="Format" class="hide_me" src="" />
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+                <div style="border-top: 1px dotted #ccc;padding-top:17px;">
+                    <table border="0" cellpadding="0" width="100%">
+                        <tr>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_isbn_lbl" class="">&common.isbn;</strong>
+                            </td>
+                            <td valign="top" id='rdetail_isbn'></td>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_phys_lbl" class="">&common.physical;</strong>
+                            </td>
+                            <td valign="top" id='rdetail_physical_desc'></td>
+                        </tr>
+                        <tr>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_ed_lbl" class="">&common.edition;</strong>
+                            </td>
+                            <td valign="top" id='rdetail_edition'></td>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_form_lbl" class="">&common.format;</strong>
+                            </td>
+                            <td valign="top">
+                                <img alt="Format" id='' class='tor_pic hide_me' />
+                                <span id='rdetail_tor'></span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_pubdate_lbl" class="">&common.pubdate;</strong>
+                            </td>
+                            <td valign="top" id='rdetail_pubdate'></td>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_sum_lbl" class="">Summary</strong>
+                            </td>
+                            <td valign="top" id='rdetail_abstract'></td>
+                        </tr>
+                        <tr>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_pub_lbl" class="">&common.publisher;</strong>
+                            </td>
+                            <td valign="top" id='rdetail_publisher'></td>
+                            <td nowrap='nowrap' valign="top">
+                                <strong id="rdetail_sub_lbl" class="">&rdetail.summary.subjects;</strong>
+                            </td>
+                            <td valign="top"></td>
+                        </tr>
+                    </table>
+                </div>
+            </td>
+        </tr>
+    </tbody>
+</table>
+<br /><br />
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%" id="rdetails_status">
+    <tr id="rdetails_status_head">
+        <td width="25%">Location</td>
+        <td width="20%">Call Number</td>
+        <td width="18%">Selving Location</td>
+        <td width="17%">Status</td>
+        <td width="20%">Due Date</td>
+    </tr>
+</table>
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+    <tbody id="rdetails_status2" class="hide_me">
+        <tr id="rdetails_status_head2">
+            <td width="25%"></td>
+            <td width="20%"></td>
+            <td width="18%"></td>
+            <td width="17%"></td>
+            <td width="20%"></td>
+        </tr>
+    </tbody>
+</table>
+
+<div id="rdetail_locs_expand">
+    <a href="javascript:;" onclick="expandBoxes('locs',true);"><img
+        src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+    <a style="position:relative;top:-3px;" href="javascript:;"
+        onclick="expandBoxes('locs',true);">Show more locations</a>
+</div>
+
+<div id="rdetail_locs_collapse" class="hide_me">
+    <a href="javascript:;" onclick="expandBoxes('locs',false);"><img
+        src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+    <a style="position:relative;top:-3px;" href="javascript:;"
+        onclick="expandBoxes('locs',false);">Collapse locations</a>
+</div>
+
+<div id="rdetail_extras_expand">
+    <a href="javascript:;" onclick="expandBoxes('tabs',true);"><img
+        src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+    <a style="position:relative;top:-3px;" href="javascript:;"
+        onclick="expandBoxes('tabs',true);">Expand all tabs</a>
+</div>
+
+<div id="rdetail_extras_collapse" class="hide_me">
+    <a href="javascript:;" onclick="expandBoxes('tabs',false);"><img
+        src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+    <a style="position:relative;top:-3px;" href="javascript:;"
+        onclick="expandBoxes('tabs',false);">Collapse all tabs</a>
+</div>
+
+<div class="hide_me">
+    <table id='' border="0" width="100%">
+        <tbody id='rdetail_details_tbody'>
+            <tr>
+                <td id='' rowspan='2' valign="top" align="center" style="padding-right:10px;">
+                </td>
+                <td class='rdetail_desc' valign="top" colspan="3">
+                    <table border="0" width="100%">
+                        <tr>
+                            <td valign="top">
+                                <div style="padding-bottom:7px;">
+                                    <strong>&common.title;:</strong>
+                                </div>
+                            </td>
+                            <td width="1" valign="top" align="right" style="white-space:nowrap;">
+                                <a href="place_hold" id=''><img alt="Place Hold"
+                                    src="/opac/skin/kcls/graphics/place_hold.gif" /></a>
+                                <a href="javascript:;" id="rd_reviews_and_more" target="_blank"><img
+                                    alt="Reviews and More" src="/opac/skin/kcls/graphics/reviews.gif" /></a>
+                                <a href="javascript:addMyList();" id=""><img alt="Add to My List"
+                                    src="/opac/skin/kcls/graphics/add_mylist.gif" /></a>
+                            </td>
+                        </tr>
+                    </table>
+                </td>        
+            </tr>
+            <tr>
+                <td nowrap='nowrap' colspan="3" valign="bottom" style="padding-bottom:16px;">
+                </td>
+            </tr>
+            <tr>
+                <td><div style="height:20px;"></div></td>
+            </tr>
+        </tbody>
+    </table>
+    <!-- Empty span used for creating unAPI links -->
+    <abbr name="unapi" class="unapi-id"> <!-- unAPI URI goes here --> </abbr>
+</div> <!-- details_body -->
+
+<!-- XXX begin ChiliFresh: need to make this block conditional -->
+<script type="text/javascript">
+    var chilifresh = ''; /* account */
+    if (chilifresh == '(none)') { chilifresh = false; }
+</script>
+<input type="hidden" id="chilifresh_account" name="chilifresh_account"
+    value="" />
+<input type="hidden" id="chilifresh_profile" name="chilifresh_profile"
+    value="" />
+<input type="hidden" id="chilifresh_version" name="chilifresh_version" value="onsite_v1" />
+<input type="hidden" id="chilifresh_type" name="chilifresh_type" value="search" />
+
+<script type="text/javascript">
+//var sslSwitch = (("https:" == document.location.protocol) ? "https://secure." : "http://");
+//document.write(unescape("%3Cscript src='" + sslSwitch + "chilifresh.com/on-site/js/evergreen.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<!-- XXX end ChiliFresh -->
+<!-- ****************** end: rdetail_summary.xml ***************************** -->
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/result_header.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/result/header.tt2
similarity index 100%
rename from Open-ILS/web/templates/default/kcls-wire/parts/result_header.tt2
rename to Open-ILS/web/templates/default/kcls-wire/parts/result/header.tt2
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/result_lowhits.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/result/lowhits.tt2
similarity index 100%
rename from Open-ILS/web/templates/default/kcls-wire/parts/result_lowhits.tt2
rename to Open-ILS/web/templates/default/kcls-wire/parts/result/lowhits.tt2
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/result_table.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/result/table.tt2
similarity index 100%
rename from Open-ILS/web/templates/default/kcls-wire/parts/result_table.tt2
rename to Open-ILS/web/templates/default/kcls-wire/parts/result/table.tt2
diff --git a/Open-ILS/web/templates/default/kcls-wire/record.tt2 b/Open-ILS/web/templates/default/kcls-wire/record.tt2
new file mode 100644
index 0000000000..b56a597247
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/record.tt2
@@ -0,0 +1,17 @@
+[%  WRAPPER "default/kcls-wire/parts/base.tt2";
+    INCLUDE "default/kcls-wire/parts/topnav.tt2";
+    ctx.page_title = "Account Login" %]
+[% BLOCK html_head -%]
+<script type="text/javascript" src="/opac/skin/kcls/js/contentslider.js"></script>
+[%- END %]
+    <div id="search-wrapper">
+        [% INCLUDE "default/kcls-wire/parts/utils.tt2" %]
+        [% INCLUDE "default/kcls-wire/parts/searchbar.tt2" %]
+    </div>
+    <div id="content-wrapper">
+        <div id="main-content">
+            [% INCLUDE "default/kcls-wire/parts/record/body.tt2" %]
+            <div style="clear:both;height:15px;"></div>	
+        </div>
+    </div>
+[% END %]
diff --git a/Open-ILS/web/templates/default/kcls-wire/results.tt2 b/Open-ILS/web/templates/default/kcls-wire/results.tt2
index bee27636fd..8d8c28678a 100644
--- a/Open-ILS/web/templates/default/kcls-wire/results.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/results.tt2
@@ -52,10 +52,10 @@
         </div>
         <div id="main-content">
             <div id="tehResultsPage">
-                [% INCLUDE "default/kcls-wire/parts/result_header.tt2" %]
+                [% INCLUDE "default/kcls-wire/parts/result/header.tt2" %]
                 <div id="rresults_page">
-                    [% INCLUDE "default/kcls-wire/parts/result_table.tt2" %]
-                    [% INCLUDE "default/kcls-wire/parts/result_lowhits.tt2" %]
+                    [% INCLUDE "default/kcls-wire/parts/result/table.tt2" %]
+                    [% INCLUDE "default/kcls-wire/parts/result/lowhits.tt2" %]
                 </div>
             </div>
             <div style="clear:both;height:15px;"></div>    
-- 
2.11.0