From 7da4c1c5bf90e89562de434e830392f9fe82b235 Mon Sep 17 00:00:00 2001
From: senator <lebbeous@esilibrary.com>
Date: Mon, 31 Jan 2011 17:38:52 -0500
Subject: [PATCH] progress on the results page

---
 .../web/templates/default/kcls-wire/advanced.tt2   |   2 +-
 Open-ILS/web/templates/default/kcls-wire/login.tt2 |   2 +-
 .../default/kcls-wire/parts/result_header.tt2      |  38 +++
 .../default/kcls-wire/parts/result_table.tt2       | 258 +++++++++++++++++++++
 .../default/kcls-wire/parts/results_body.tt2       |   0
 .../web/templates/default/kcls-wire/results.tt2    |  64 +++++
 6 files changed, 362 insertions(+), 2 deletions(-)
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/result_header.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/result_table.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/parts/results_body.tt2
 create mode 100644 Open-ILS/web/templates/default/kcls-wire/results.tt2

diff --git a/Open-ILS/web/templates/default/kcls-wire/advanced.tt2 b/Open-ILS/web/templates/default/kcls-wire/advanced.tt2
index 287260c5c0..1d6172d341 100644
--- a/Open-ILS/web/templates/default/kcls-wire/advanced.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/advanced.tt2
@@ -1,6 +1,6 @@
 [%  WRAPPER "default/kcls-wire/parts/base.tt2";
     INCLUDE "default/kcls-wire/parts/topnav.tt2";
-    ctx.page_title = "Home" %]
+    ctx.page_title = "Advanced Search" %]
 [% BLOCK html_head -%]
 <script type="text/javascript" src="/opac/skin/kcls-wire/js/misc.js"></script>
 <style type='text/css'>
diff --git a/Open-ILS/web/templates/default/kcls-wire/login.tt2 b/Open-ILS/web/templates/default/kcls-wire/login.tt2
index 2488f3d0a9..a402a6f96c 100644
--- a/Open-ILS/web/templates/default/kcls-wire/login.tt2
+++ b/Open-ILS/web/templates/default/kcls-wire/login.tt2
@@ -1,6 +1,6 @@
 [%  WRAPPER "default/kcls-wire/parts/base.tt2";
     INCLUDE "default/kcls-wire/parts/topnav.tt2";
-    ctx.page_title = "Home" %]
+    ctx.page_title = "Account Login" %]
 [% BLOCK html_head -%]
 <script type="text/javascript" src="/opac/skin/kcls/js/contentslider.js"></script>
 [%- END %]
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
new file mode 100644
index 0000000000..e9613ffe13
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/result_header.tt2
@@ -0,0 +1,38 @@
+<div style="height: 10px;"></div>
+<div id="results_header_nav1">
+    <table cellpadding="0" cellspacing="0" border="0" width="100%">
+        <tr>
+            <td class="h1" width="116">Search Results</td>
+            <td valign="bottom" nowrap="nowrap" width="320" style="white-space:nowrap;" class="hide_me" id="result_numbers1">
+                <span> &common.results; </span>
+                <span id='offset_start' style='font-weight:bold'></span>
+                <span>&nbsp;- </span>
+                <span id='offset_end' style='font-weight:bold'></span>
+                <span>&nbsp;&common.of; </span>
+                <span id='result_count' style='font-weight:bold'></span>
+                <span style='padding-left: 6px;'>
+                    (page
+                </span>
+                <span id='current_page'></span>
+                <span>&nbsp;&common.of; </span>
+                <span id='num_pages'></span>)
+            </td>
+            <td align="right" valign="bottom">
+                <span id='start_end_links_span' class='hide_me'>
+                    <a class='search_page_nav_link' id='prev_link'
+                        title='&rdetail.page.previous;' style="cursor:pointer;">
+                        <span class="nav_arrow_fix">&#9668;</span> Previous
+                    </a>
+                    <span class='hide_me' id='result_info_div'
+                        style='padding-left: 11px; padding-right:11px;'>
+                        <span id="nav_pages"></span>
+                    </span>
+                    <a class='search_page_nav_link' id='next_link'
+                        title='&rdetail.page.next;' style="cursor:pointer;">
+                        Next <span class="nav_arrow_fix">&#9658;</span>
+                    </a>
+                </span>
+            </td>
+        </tr>
+    </table>
+</div>
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
new file mode 100644
index 0000000000..2413ca67a9
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/parts/result_table.tt2
@@ -0,0 +1,258 @@
+<!-- Search results are spit into this table -->
+<!-- ****************** result_table.xml ***************************** -->
+<div id="result_table_div">
+    
+    <table cellpadding="0" cellspacing="0" border="0" width="100%">
+        <tr>
+            <td valign="top" width="1" style="padding-right:20px;">
+                <div style="width:174px;" class="hide_me" id="tehSideBar">SIDEBAR TODO
+                </div>
+            </td>
+            <td style="border-left:1px solid #e9ebf3;padding-right:27px;"
+                width="1"></td>
+            <td valign="top">
+                <table id="res_table" cellpadding="0" cellspacing="0"
+                    border="0" width="100%" style="margin-top:10px;">
+                    <tbody id="result_table">
+                        <tr id='result_table_template' class='hide_me'>
+                            <td class='result_table_row' align='left'
+                                width='100%'>
+                                <table cellpadding="0" cellspacing="0"
+                                    border="0" width="100%"
+                                    class='result_table_subtable'
+                                    id="results_table"
+                                    style="border-collapse: collapse;">
+                                    <tbody class='result_table_subtbody'>
+                                        <tr name='counts_row'>
+                                            <td width="58" valign="top"
+                                                style="font-weight:bold;padding-left:10px;"
+                                                name="results_row_count">1.
+                                            </td>
+                                            <td class='result_table_pic_header'
+                                                width="78" nowrap="nowrap" valign="top">
+                                                <a><img alt="Image of item"
+                                                        name='item_jacket' class='result_table_pic'
+                                                        src='${ident}' /></a><br />
+                                            </td>
+                                            <td class='result_table_title_cell'
+                                                name='result_table_title_cell'
+                                                valign="top">
+                                                <div style="font-weight:bold;">
+                                                    <a title="&result.table.keyword;"
+                                                        name='item_title' class='search_link'>
+                                                    </a>
+                                                </div>
+                                                <span style="font-size:11px;">
+                                                    <div>
+                                                        <em>
+                                                            <a title="&result.table.author;" name='item_author' class='search_link'></a>
+                                                        </em> &nbsp;&nbsp;
+                                                        <span name="results_pub_date"></span>
+                                                    </div>
+                                                    <table cellpadding="0" cellspacing="0" border="0"
+                                                        class="results_info_table">
+                                                        <tr name='bib_cn_list' class='result_table_title_cell'>
+                                                            <td colspan='2'>
+                                                                <span><strong>Call number:</strong></span>
+                                                            </td>
+                                                        </tr>
+                                                        <tr name="results_pub_tr" class="hide_me">
+                                                            <td valign="top">
+                                                                <strong>Publisher:</strong>
+                                                            </td>
+                                                            <td>
+                                                                <span name="results_pub"></span>
+                                                            </td>
+                                                        </tr>
+                                                        <tr name="results_isbn_tr" class="hide_me">
+                                                            <td valign="top">
+                                                                <strong>ISBN:</strong>
+                                                            </td>
+                                                            <td>
+                                                                <span name="results_isbn"></span>
+                                                            </td>
+                                                        </tr>
+                                                        <tr name="results_edition_tr" class="hide_me">
+                                                            <td valign="top">
+                                                                <strong>Edition:</strong>
+                                                            </td>
+                                                            <td> <span name="results_edition"></span></td>
+                                                        </tr>
+                                                        <tr name="results_phys_desc_tr" class="hide_me">
+                                                            <td nowrap="nowrap" valign="top">
+                                                                <strong>Phys. Desc.:</strong>
+                                                            </td>
+                                                            <td>
+                                                                <span name="results_phys_desc"></span>
+                                                            </td>
+                                                        </tr>
+                                                    </table>
+                                                    <div>
+                                                        <span name="copy_holds"></span>
+                                                        <span name="copy_holds2"></span><br />
+                                                        <span name="copy_count_avail"></span>
+                                                        <!-- of <span name="copy_count"></span> on
+                                                        <span name="copy_count_total"></span> copies
+                                                        available-->
+                                                    </div>
+                                                </span>
+                                                <div class="hide_me">
+                                                    <span name='result_table_extra_span' class='hide_me'>
+                                                        <span name='result_table_pub_box'
+                                                            style='padding-left: 10px;'> 
+                                                            <span name='result_table_edition_span'
+                                                                style='padding-left: 10px;'></span> |
+                                                            <span name='result_table_pub_span'> </span> |
+                                                            <span name='result_table_phys_span'> </span>
+                                                        </span>
+                                                    </span>
+                                                </div>
+                                            </td>
+                                            <!-- Copy this td for each copy count appended -->
+                                            <td nowrap='nowrap' name="copy_count_cell"
+                                                class='copy_count_cell hide_me' width="1"> </td>
+                                            <td name='result_table_format_cell'
+                                                class='result_table_format_cell' align="center" width="1"
+                                                style="padding:0px 10px;">
+                                                <img alt="Format" src="" class="hide_me" name="" />
+                                                <span class='hide_me' 
+                                                    style='color: #9999FF; padding-left: 10px; font-size: 7pt; font-weight: 300;'> 
+                                                    <span>&common.relevancy; </span>
+                                                    <span name='relevancy_span'> </span>
+                                                </span>
+                                                <!-- Empty span used for creating unAPI links -->
+                                                <span class="hide_me">
+                                                    <abbr style='padding-left: 8px;' name="unapi" class="unapi-id">
+                                                    <!-- unAPI URI goes here -->
+                                                    </abbr>
+                                                </span>
+                                                <!-- Empty span used for creating Google Book Search-->
+                                                <span name="googleBooksLink" class="hide_me">
+                                                    <a style='padding-left: 8px;'
+                                                        class='classic_link hide_me'
+                                                        name="googleBooks-link">&result.googleBooks.browse;</a>
+                                                </span>
+                                            </td>
+                                            <td nowrap='nowrap' width="1" align="right">
+                                                <div style="width:250px;text-align:left;">
+                                                    <div style="float:right;">
+                                                        <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
+                                                            class="results_aux_utils"><a
+                                                                href="javascript:;" name="place_hold_link"><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="border-bottom:1px dotted #ccc;padding-top:6px;" class="results_aux_utils">
+                                                            <div style="position:absolute;">
+                                                                <div style="position:relative;top:5px; left: 25px;">
+                                                                    <a title="Add to my list"
+                                                                        name="result_my_list_link"
+                                                                        href="javascript:;">Add to my list</a>
+                                                                </div>
+                                                            </div>
+                                                            <a href="javascript:;"
+                                                                name="result_my_list_link_img"><img
+                                                                alt="add to my list"
+                                                                src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+                                                        </div>
+                                                        <div style="padding-top:7px;" class="results_aux_utils">
+                                                            <a title="Reviews and More" target="_blank"
+                                                                name="reviews_and_more" href="javascript:;"><img
+                                                                alt="reviews &amp; more"
+                                                                src="/opac/skin/kcls/graphics/starz.png" /> <span
+                                                                    style="position:relative;top:-5px;">Reviews &amp; More</span></a>
+                                                        </div>
+                                                    </div>
+                                                    <div style="float:right;margin-right:17px;">
+                                                        <img alt="Format" class="hide_me" src=""
+                                                        name="result_mat_type" />
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                            
+                                        <!-- Placeholder for ChiliFresh Review -->
+                                        <tr class="hide_me" name="chilifreshReview">
+                                            <td></td>
+                                            <td valign="top" colspan="5">
+                                                <div style="position:relative;left:-19px;">
+                                                    <span name="chilifreshReviewLink" class="chili_review"></span>
+                                                    <div name="chilifreshReviewResult" style="display:none"></div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                            
+                                        <tr>
+                                            <td colspan="5">
+                                                <div style="height:0px;border-top:1px solid #b7b7b7;border-bottom:1px solid #d4d4d4;margin:15px 0px;"></div>
+                                                <!-- <hr style="border-bottom:none;*height:0px;" color="#FFCC33" /> -->
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </td>
+        </tr>
+    </table>  
+</div>
+
+<div>
+    <table id='' style="width:100%;"> 
+        <tbody id=''>
+            <tr class="hide_me">
+                <td class='result_table_row' width="100%">
+                    <!--#include virtual="result_info.xml"-->
+                </td>
+            </tr>
+            <!-- Template for displaying a search result.  This row template
+            is cloned and inserted for each result returned -->
+        </tbody>
+    </table>
+    <!-- ====================== -->
+    <div class="">
+        <table
+            style='width: 100%;margin-top:20px;border-top:1px dotted #ccc;padding-top:8px;'
+            id='result_info_2' class='hide_me'>
+            <tbody>
+                <tr>
+                    <td valign="top">
+                        <span class='hide_me' id='result_info_div2'
+                            style='font-size: 11px;'>
+                            <span> &common.results; </span> 
+                            <b id='offset_start2'> </b>
+                            <span>&nbsp;- </span>
+                            <b id='offset_end2'> </b>
+                            <span>&nbsp;&common.of; </span>
+                            <b id='result_count2'> </b>
+                            <span style='padding-left: 6px;'> (page </span>
+                            <span id='current_page2'> </span>
+                            <span>&nbsp;&common.of; </span>
+                            <span id='num_pages2'> </span>
+                        </span>
+                    </td>
+                    <td valign="top" id='next_prev_links2' align="right">
+                    <span id='start_end_links_span2' class='hide_me'>
+                        <a class='search_page_nav_link' id='prev_link2'
+                            title='&rdetail.page.previous;' style="cursor:pointer;">
+                            <span class="nav_arrow_fix">&#9668;</span> Previous
+                        </a>
+                        <span id="nav_pages2"
+                            style='padding-left: 11px; padding-right:13px;'></span>
+                        <a class='search_page_nav_link' id='next_link2'
+                            title='&rdetail.page.next;' style="cursor:pointer;">
+                            Next <span class="nav_arrow_fix">&#9658;</span>
+                        </a>
+                        </span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <!-- ChiliFresh XXX script TODO -->
+</div>
+<!-- ****************** end: result_table.xml ***************************** -->
+
diff --git a/Open-ILS/web/templates/default/kcls-wire/parts/results_body.tt2 b/Open-ILS/web/templates/default/kcls-wire/parts/results_body.tt2
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/Open-ILS/web/templates/default/kcls-wire/results.tt2 b/Open-ILS/web/templates/default/kcls-wire/results.tt2
new file mode 100644
index 0000000000..2dc8a5e8e7
--- /dev/null
+++ b/Open-ILS/web/templates/default/kcls-wire/results.tt2
@@ -0,0 +1,64 @@
+[%  WRAPPER "default/kcls-wire/parts/base.tt2";
+    INCLUDE "default/kcls-wire/parts/topnav.tt2";
+    ctx.page_title = "Search Results" %]
+    <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="results_header_bar"><!-- XXX give #results_header_bar its own file -->
+            <div id="results_header_inner">
+                <div class="results_header_btns">
+                    <a href="index.xml"><img alt="Another Search"
+                        src="/opac/skin/kcls/graphics/another_search.png"
+                        onmouseover="this.src='/opac/skin/kcls/graphics/another_search_hover.png';"
+                        onmouseout="this.src='/opac/skin/kcls/graphics/another_search.png';" /></a>
+                </div>
+                <div class="results_header_btns">
+                    <a href="advanced"><img alt="Advanced Search"
+                        src="/opac/skin/kcls/graphics/adv_search.png"
+                        onmouseover="this.src='/opac/skin/kcls/graphics/adv_search_hover.png';"
+                        onmouseout="this.src='/opac/skin/kcls/graphics/adv_search.png';" /></a>
+                </div>
+                <div class="results_header_btns" style="width:111px;height:25px;">
+                    <a href="javascript:;" class="hide_me" id="cacheListLink"
+                        onclick="showCachedList();"><img
+                        alt="View My List"
+                        src="/opac/skin/kcls/graphics/view_my_list.png"
+                        onmouseover="this.src='/opac/skin/kcls/graphics/view_my_list_hover.png';"
+                        onmouseout="this.src='/opac/skin/kcls/graphics/view_my_list.png';" /></a>
+                </div>
+                <div class="results_header_div"></div>
+                <div class="results_header_lbl">Sort by</div>
+        <!--#if expr="$OILS_PAGE='rresult.xml' || $OILS_PAGE='mresult.xml'"-->
+        <!--#include virtual="result/filtersort.xml" -->
+        <!--#endif -->
+                <div class="results_header_div"></div>
+                <div class="results_header_lbl">View</div>
+                <select class="results_header_sel" style="width:88px;"
+                    onchange="this.selectedIndex?showDetailedInfo(true):showDetailedInfo(false);">
+                    <option>Simple</option>
+                    <option>Detailed</option>
+                </select>
+                <div class="results_header_div"></div>
+                <input type="checkbox" id="opac.result.limit2avai2"
+                onclick='searchBarSubmit(true, this);'
+                style="float:left;position:relative;top:2px;left:-2px;margin-right:4px;" />
+                <label for="opac.result.limit2avai2" class="results_header_lbl">
+                    Limit to available items
+                </label>
+                <div style="clear:both;"></div>
+            </div>
+        </div>
+        <div id="main-content">
+            <div id="tehResultsPage">
+                [% INCLUDE "default/kcls-wire/parts/result_header.tt2" %]
+                <div id="rresults_page">
+                    [% INCLUDE "default/kcls-wire/parts/results_table.tt2" %]
+                    [% INCLUDE "default/kcls-wire/parts/results_lowhits.tt2" %]
+                </div>
+            </div>
+            <div style="clear:both;height:15px;"></div>    
+        </div>
+    </div>
+[% END %]
-- 
2.11.0