kpac2 : home search; header; images

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Mike Rylander <mrylander@gmail.com>

diff --git a/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
index 043c374..e3b7209 100755 (executable)
--- a/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
+++ b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
@@ -142,16 +142,16 @@ input[type=text], input[type=password], textarea {
 }\r
 \r
 .hp_banner_bgl {\r
-       background:url('/images/hp_banner_bgl.png') repeat-x bottom right;\r
+       background:url('/images/kpac/hp_banner_bgl.png') repeat-x bottom right;\r
 }\r
 \r
 .hp_banner_bgr {\r
-       background:url('/images/hp_banner_bgr.png') repeat-x bottom left;\r
+       background:url('/images/kpac/hp_banner_bgr.png') repeat-x bottom left;\r
 }\r
 \r
 .hp_banner_content {\r
        width:902px;\r
-       background:url('/images/hp_banner.png') repeat-x bottom left;\r
+       background:url('/images/kpac/hp_banner.png') repeat-x bottom left;\r
 }\r
 \r
 .hp_search_main {\r
@@ -212,24 +212,24 @@ input[type=text], input[type=password], textarea {
        width:8px;\r
        height:8px;\r
        overflow:hidden;\r
-       background:url('/images/main_tl_corner.png') no-repeat;\r
+       background:url('/images/kpac/main_tl_corner.png') no-repeat;\r
        float:left;\r
 }\r
 \r
 .main_bl_corner {\r
-       background:url('/images/main_bl_corner.png') no-repeat;\r
+       background:url('/images/kpac/main_bl_corner.png') no-repeat;\r
 }\r
 \r
 .main_tr_corner, .main_br_corner {\r
        width:8px;\r
        height:8px;\r
        overflow:hidden;\r
-       background:url('/images/main_tr_corner.png') no-repeat;\r
+       background:url('/images/kpac/main_tr_corner.png') no-repeat;\r
        float:right;\r
 }\r
 \r
 .main_br_corner {\r
-       background:url('/images/main_br_corner.png') no-repeat;\r
+       background:url('/images/kpac/main_br_corner.png') no-repeat;\r
 }\r
 \r
 .main_mid_top, .main_mid_bottom {\r
@@ -237,33 +237,33 @@ input[type=text], input[type=password], textarea {
        height:8px;\r
        overflow:hidden;\r
        float:left;\r
-       background:url('/images/main_top_bg.png') repeat-x;\r
+       background:url('/images/kpac/main_top_bg.png') repeat-x;\r
 }\r
 \r
 .main_mid_bottom_sub {\r
        width:956px;\r
        height:8px;\r
        overflow:hidden;\r
-       background:url('/images/main_bottom_bg_sub.png') no-repeat;\r
+       background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;\r
 }\r
 \r
 .main_mid_top_sub {\r
        width:3000px;\r
        height:69px;\r
        overflow:hidden;\r
-       background:url('/images/main_top_bg_sub.png') no-repeat;\r
+       background:url('/images/kpac/main_top_bg_sub.png') no-repeat;\r
 }\r
 \r
 .main_mid_bottom {\r
-       background:url('/images/main_bottom_bg.png') repeat-x;\r
+       background:url('/images/kpac/main_bottom_bg.png') repeat-x;\r
 }\r
 \r
 .main_left_shadow {\r
-       background:url('/images/main_left_shadow.png') repeat-y;\r
+       background:url('/images/kpac/main_left_shadow.png') repeat-y;\r
 }\r
 \r
 .main_right_shadow {\r
-       background:url('/images/main_right_shadow.png') repeat-y;\r
+       background:url('/images/kpac/main_right_shadow.png') repeat-y;\r
 }\r
 \r
 .main_inside_cell {\r
@@ -294,7 +294,7 @@ input[type=text], input[type=password], textarea {
 .search_wrapper {\r
        text-align:center;\r
        width:950px;\r
-       background:url('/images/search_bg.png') no-repeat bottom;\r
+       background:url('/images/kpac/search_bg.png') no-repeat bottom;\r
 }\r
 \r
 .search_wrapper h1 {\r
@@ -398,7 +398,7 @@ input[type=text], input[type=password], textarea {
 }\r
 \r
 .sub_sidebar {\r
-       background:#e3e3e3 url('/images/sub_side_bg.png') repeat-y;\r
+       background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;\r
        border-top:1px solid #eee;\r
 }\r
 \r
@@ -481,11 +481,11 @@ input[type=text], input[type=password], textarea {
        width:27px;\r
        height:50px;\r
        overflow:hidden;\r
-       background:url('/images/bread_green_mid.png') no-repeat;\r
+       background:url('/images/kpac/bread_green_mid.png') no-repeat;\r
 }\r
 \r
 .breadcrumb .bread_green_last {\r
-       background:url('/images/bread_green_last.png') no-repeat;\r
+       background:url('/images/kpac/bread_green_last.png') no-repeat;\r
 }\r
 \r
 .breadcrumb .bread_home {\r
@@ -538,7 +538,7 @@ input[type=text], input[type=password], textarea {
 .item_icon {\r
        width:80px;\r
        height:80px;\r
-       background:url('/images/icon_bg.png') no-repeat;\r
+       background:url('/images/kpac/icon_bg.png') no-repeat;\r
        text-align:center;\r
        overflow:hidden;\r
        line-height:80px;\r
@@ -706,7 +706,7 @@ input[type=text], input[type=password], textarea {
        width:638px;\r
        height:9px;\r
        overflow:hidden;\r
-       background:url('/images/reviews_top.png') no-repeat;\r
+       background:url('/images/kpac/reviews_top.png') no-repeat;\r
 }\r
 \r
 .item_detail_rating .review_box_body {\r
@@ -887,7 +887,7 @@ input[type=text], input[type=password], textarea {
        height:9px;\r
        font-size:0px;\r
        overflow:hidden;\r
-       background:url('/images/box1_top.png') no-repeat;\r
+       background:url('/images/kpac/box1_top.png') no-repeat;\r
 }\r
 \r
 .checkout_box .box_inside {\r
@@ -1023,41 +1023,41 @@ div.hr {
 .popup_wrapper .popup_tl {\r
        width:13px;\r
        height:13px;\r
-       background:url('/images/popup_tl.png') no-repeat;\r
+       background:url('/images/kpac/popup_tl.png') no-repeat;\r
 }\r
 \r
 .popup_wrapper .popup_tm {\r
-       background:url('/images/popup_tm.png') repeat-x;\r
+       background:url('/images/kpac/popup_tm.png') repeat-x;\r
 }\r
 \r
 .popup_wrapper .popup_tr {\r
        width:13px;\r
        height:13px;\r
-       background:url('/images/popup_tr.png') no-repeat;\r
+       background:url('/images/kpac/popup_tr.png') no-repeat;\r
 }\r
 \r
 .popup_wrapper .popup_lm {\r
-       background:url('/images/popup_lm.png') repeat-y;\r
+       background:url('/images/kpac/popup_lm.png') repeat-y;\r
 }\r
 \r
 .popup_wrapper .popup_rm {\r
-       background:url('/images/popup_rm.png') repeat-y;\r
+       background:url('/images/kpac/popup_rm.png') repeat-y;\r
 }\r
 \r
 .popup_wrapper .popup_bl {\r
        width:13px;\r
        height:13px;\r
-       background:url('/images/popup_bl.png') no-repeat;\r
+       background:url('/images/kpac/popup_bl.png') no-repeat;\r
 }\r
 \r
 .popup_wrapper .popup_bm {\r
-       background:url('/images/popup_bm.png') repeat-x;\r
+       background:url('/images/kpac/popup_bm.png') repeat-x;\r
 }\r
 \r
 .popup_wrapper .popup_br {\r
        width:13px;\r
        height:13px;\r
-       background:url('/images/popup_br.png') no-repeat;\r
+       background:url('/images/kpac/popup_br.png') no-repeat;\r
 }\r
 \r
 .invisible {\r

diff --git a/Open-ILS/examples/web/images/get_a_card_btn.png b/Open-ILS/examples/web/images/get_a_card_btn.png
deleted file mode 100755 (executable)
index f8627c4..0000000
Binary files a/Open-ILS/examples/web/images/get_a_card_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/help_btn.png b/Open-ILS/examples/web/images/help_btn.png
deleted file mode 100755 (executable)
index 9704a8a..0000000
Binary files a/Open-ILS/examples/web/images/help_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/hp_banner.png b/Open-ILS/examples/web/images/hp_banner.png
deleted file mode 100755 (executable)
index e512f82..0000000
Binary files a/Open-ILS/examples/web/images/hp_banner.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/hp_banner_bgl.png b/Open-ILS/examples/web/images/hp_banner_bgl.png
deleted file mode 100755 (executable)
index 3eeb477..0000000
Binary files a/Open-ILS/examples/web/images/hp_banner_bgl.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/hp_banner_bgr.png b/Open-ILS/examples/web/images/hp_banner_bgr.png
deleted file mode 100755 (executable)
index 7c76b4d..0000000
Binary files a/Open-ILS/examples/web/images/hp_banner_bgr.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/hp_search_btn.png b/Open-ILS/examples/web/images/hp_search_btn.png
deleted file mode 100755 (executable)
index f926bd0..0000000
Binary files a/Open-ILS/examples/web/images/hp_search_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/kpac/get_a_card_btn.png b/Open-ILS/examples/web/images/kpac/get_a_card_btn.png
new file mode 100755 (executable)
index 0000000..f8627c4
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/get_a_card_btn.png differ

diff --git a/Open-ILS/examples/web/images/kpac/help_btn.png b/Open-ILS/examples/web/images/kpac/help_btn.png
new file mode 100755 (executable)
index 0000000..9704a8a
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/help_btn.png differ

diff --git a/Open-ILS/examples/web/images/kpac/hp_banner.png b/Open-ILS/examples/web/images/kpac/hp_banner.png
new file mode 100755 (executable)
index 0000000..e512f82
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/hp_banner.png differ

diff --git a/Open-ILS/examples/web/images/kpac/hp_banner_bgl.png b/Open-ILS/examples/web/images/kpac/hp_banner_bgl.png
new file mode 100755 (executable)
index 0000000..3eeb477
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/hp_banner_bgl.png differ

diff --git a/Open-ILS/examples/web/images/kpac/hp_banner_bgr.png b/Open-ILS/examples/web/images/kpac/hp_banner_bgr.png
new file mode 100755 (executable)
index 0000000..7c76b4d
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/hp_banner_bgr.png differ

diff --git a/Open-ILS/examples/web/images/kpac/hp_search_btn.png b/Open-ILS/examples/web/images/kpac/hp_search_btn.png
new file mode 100755 (executable)
index 0000000..f926bd0
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/hp_search_btn.png differ

diff --git a/Open-ILS/examples/web/images/kpac/login_btn.png b/Open-ILS/examples/web/images/kpac/login_btn.png
new file mode 100755 (executable)
index 0000000..735afa6
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/login_btn.png differ

diff --git a/Open-ILS/examples/web/images/kpac/print_btn.png b/Open-ILS/examples/web/images/kpac/print_btn.png
new file mode 100755 (executable)
index 0000000..7bd5815
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/print_btn.png differ

diff --git a/Open-ILS/examples/web/images/kpac/star_off.png b/Open-ILS/examples/web/images/kpac/star_off.png
new file mode 100755 (executable)
index 0000000..3a02a7a
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/star_off.png differ

diff --git a/Open-ILS/examples/web/images/kpac/text_size_btn.png b/Open-ILS/examples/web/images/kpac/text_size_btn.png
new file mode 100755 (executable)
index 0000000..a1234ef
Binary files /dev/null and b/Open-ILS/examples/web/images/kpac/text_size_btn.png differ

diff --git a/Open-ILS/examples/web/images/login_btn.png b/Open-ILS/examples/web/images/login_btn.png
deleted file mode 100755 (executable)
index 735afa6..0000000
Binary files a/Open-ILS/examples/web/images/login_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/print_btn.png b/Open-ILS/examples/web/images/print_btn.png
deleted file mode 100755 (executable)
index 7bd5815..0000000
Binary files a/Open-ILS/examples/web/images/print_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/star_off.png b/Open-ILS/examples/web/images/star_off.png
deleted file mode 100755 (executable)
index 3a02a7a..0000000
Binary files a/Open-ILS/examples/web/images/star_off.png and /dev/null differ

diff --git a/Open-ILS/examples/web/images/text_size_btn.png b/Open-ILS/examples/web/images/text_size_btn.png
deleted file mode 100755 (executable)
index a1234ef..0000000
Binary files a/Open-ILS/examples/web/images/text_size_btn.png and /dev/null differ

diff --git a/Open-ILS/examples/web/templates/kpac/home.tt2 b/Open-ILS/examples/web/templates/kpac/home.tt2
new file mode 100644 (file)
index 0000000..44017f6
--- /dev/null
+++ b/Open-ILS/examples/web/templates/kpac/home.tt2
@@ -0,0 +1,64 @@
+[%  
+    PROCESS "opac/parts/header.tt2";
+    PROCESS "kpac/parts/grid.tt2";
+    WRAPPER "kpac/parts/base.tt2";
+    ctx.page_title = l("Home") 
+%]
+
+<div class="main_top_shadow">
+    <div class="main_tl_corner">&nbsp;</div>
+    <div class="main_mid_top">&nbsp;</div>
+    <div class="main_tr_corner">&nbsp;</div>
+    <div class="clear">&nbsp;</div>
+</div>
+
+<table cellpadding="0" cellspacing="0" border="0" width="100%">
+    <tr>
+        <td width="3" class="main_left_shadow"><div class="clear">&nbsp;</div></td>
+        <td valign="top" class="main_inside_cell" valign="top">
+            <!--
+            <div class="search_wrapper">
+                <h1>Search your Library</h1>
+                <h3>for books, movies, music, magazines, and more!</h3>
+                <form action="[% ctx.kpac_root _ '/results' %]">
+                    [% qtype = CGI.param('qtype') %]
+                    <table cellpadding="0" cellspacing="0" border="0" align="center" class="search_box_wrapper">
+                        <tr>
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="keyword" id="st_word" class="st_word" 
+                                [% IF !qtype OR qtype == 'keyword' %]checked="checked"[% END %]/></td>
+                            <td class="st_label"><label for="st_word">[% l('Word') %]</label></td>
+
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="title" id="st_title" class="st_title" 
+                                [% IF qtype == 'title' %]checked="checked"[% END %]/></td>
+                            <td class="st_label"><label for="st_title">[% l('Title') %]</label></td>
+
+                            <td class="st_radio_btn"><input type="radio" name="qtype" value="author" id="st_author" class="st_author"
+                                [% IF qtype == 'author' %]checked="checked"[% END %]/></td>
+                            <td class="st_label st_author_box"><label for="st_author">[% l('Author') %]</label></td>
+
+                            <td><input type="text" class="search_box" name="query" value="[% CGI.param('query') | html %]"/></td>
+                            <td><input type="image" src="[% ctx.media_prefix %]/images/kpac/search_btn.png" alt="search" /></td>
+                        </tr>
+                    </table>
+                </form>
+            </div>
+            -->
+            <div class="category_wrapper">
+                <h3 class="c_header_image">Or click on an image to get started:</h3>
+                [% render_kpac_grid(ctx.kpac_layout.page) %]
+            </div>
+
+        </td>
+        <td width="3" class="main_right_shadow"><div class="clear">&nbsp;</div></td>
+    </tr>
+</table>
+
+<div class="main_bottom_shadow">
+    <div class="main_bl_corner">&nbsp;</div>
+    <div class="main_mid_bottom">&nbsp;</div>
+    <div class="main_br_corner">&nbsp;</div>
+    <div class="clear">&nbsp;</div>
+</div>
+
+[% END %]
+

diff --git a/Open-ILS/examples/web/templates/kpac/parts/base.tt2 b/Open-ILS/examples/web/templates/kpac/parts/base.tt2
index 1378611..2d32b71 100644 (file)
--- a/Open-ILS/examples/web/templates/kpac/parts/base.tt2
+++ b/Open-ILS/examples/web/templates/kpac/parts/base.tt2
@@ -10,11 +10,13 @@
         <title>[% l("Kid's Catalog - [_1]", ctx.page_title) %]</title>
     </head>
     <body>
-        <div class="main_center">
-            [% INCLUDE 'kpac/parts/header.tt2' %]
-            <div class="main_wrapper"> [% content %] </div>
-            [% INCLUDE 'kpac/parts/footer.tt2' %]
+        <div class="center_me">[% INCLUDE 'kpac/parts/header.tt2' %]</div>
+        <!-- home_search sits outside the normal content div -->
+        [% INCLUDE 'kpac/parts/home_search.tt2' IF ctx.page == 'home' %]
+        <div class="center_me hp_reposition">
+            <div class="main_wrapper">[% content %]</div>
         </div>
+        [% INCLUDE 'kpac/parts/footer.tt2' %]
         <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/kpac/functions.js"></script>
         [%- INCLUDE 'kpac/parts/acimport.tt2' %]
     </body>

diff --git a/Open-ILS/examples/web/templates/kpac/parts/header.tt2 b/Open-ILS/examples/web/templates/kpac/parts/header.tt2
new file mode 100644 (file)
index 0000000..7a5fef2
--- /dev/null
+++ b/Open-ILS/examples/web/templates/kpac/parts/header.tt2
@@ -0,0 +1,24 @@
+<div class="main_header_wrapper">
+    <div class="logo_wrapper">
+        <a href="http://evergreen-ils.org"><span class="logo_middle"><img 
+            src="[% ctx.media_prefix %]/images/eg_logo.jpg"  width="170" alt="[% l('Logo') %]" /></span></a>
+    </div>
+    <div class="header_menu">
+        <!-- menu rendered in reverse order -->
+
+        [% IF ctx.user %]
+            [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %]
+            <a href="[% mkurl(ctx.logout_page, 
+                {redirect_to => redir.replace('^https:', 'http:')}, 1) %]"><img src="[% ctx.media_prefix %]/images/kpac/logout_btn.png"/></a>
+        [% ELSE %]
+            <a href="[% mkurl(ctx.opac_root _ '/login').replace('^http:', 'https:') %]"><img src="[% ctx.media_prefix %]/images/kpac/login_btn.png"/></a>
+        [% END %]
+
+        <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/get_a_card_btn.png" alt="get a library card" /></a>
+        <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/help_btn.png" alt="help" /></a>
+        <a href="javascript:window.print()"><img src="[% ctx.media_prefix %]/images/kpac/print_btn.png" alt="print" /></a>
+        <a href="javascript:;"><img src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png" alt="text size" /></a>
+    </div>
+    <div class="clear">&nbsp;</div>
+</div>
+

diff --git a/Open-ILS/examples/web/templates/kpac/parts/home_search.tt2 b/Open-ILS/examples/web/templates/kpac/parts/home_search.tt2
new file mode 100644 (file)
index 0000000..6406803
--- /dev/null
+++ b/Open-ILS/examples/web/templates/kpac/parts/home_search.tt2
@@ -0,0 +1,34 @@
+<div class="banner_wrapper">
+    <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"><tr>
+        <td class="hp_banner_bgl">&nbsp;</td>
+        <td class="hp_banner_content" valign="top">
+            <div class="hp_search_main">
+                <form action="[% ctx.kpac_root _ '/results' %]">
+                    <table cellpadding="0" cellspacing="0" border="0"><tr>
+                        <td valign="top">
+                            <div class="hp_search_box_wrapper"><input type="text" name="query" class="hp_search_box" value="[% CGI.param('query') | html %]"/></div>
+                            <table cellpadding="0" cellspacing="0" border="0" class="hp_search_st"><tr>
+                                <td class="st_radio_btn"><input type="radio" name="qtype" value="keyword" id="st_word" class="st_word" 
+                                    [% IF !qtype OR qtype == 'keyword' %]checked="checked"[% END %]/></td>
+                                <td class="st_label"><label for="st_word">[% l('Word') %]</label></td>
+
+                                <td class="st_radio_btn"><input type="radio" name="qtype" value="title" id="st_title" class="st_title" 
+                                    [% IF qtype == 'title' %]checked="checked"[% END %]/></td>
+                                <td class="st_label"><label for="st_title">[% l('Title') %]</label></td>
+
+                                <td class="st_radio_btn"><input type="radio" name="qtype" value="author" id="st_author" class="st_author"
+                                    [% IF qtype == 'author' %]checked="checked"[% END %]/></td>
+                                <td class="st_label st_author_box"><label for="st_author">[% l('Author') %]</label></td>
+                            </tr></table>
+                        </td>
+                        <td valign="top">
+                            <input type="image" src="[% ctx.media_prefix %]/images/kpac/hp_search_btn.png" alt="[% l('Search') %]" /></td>
+                        </td>
+                    </tr></table>
+                </form>
+            </div>
+        </td>
+        <td class="hp_banner_bgr">&nbsp;</td>
+    </tr></table>
+</div>
+