From cf4875ecf60b8d907310f9881c39c6a96f6d8652 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berick@esilibrary.com>
Date: Mon, 16 Apr 2012 15:52:31 -0400
Subject: [PATCH] kpac2 : home search; header; images

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Mike Rylander <mrylander@gmail.com>
---
 .../web/css/skin/kpac2/kpac/style.css         |  56 +++++++--------
 .../web/images/{ => kpac}/get_a_card_btn.png  | Bin
 .../web/images/{ => kpac}/help_btn.png        | Bin
 .../web/images/{ => kpac}/hp_banner.png       | Bin
 .../web/images/{ => kpac}/hp_banner_bgl.png   | Bin
 .../web/images/{ => kpac}/hp_banner_bgr.png   | Bin
 .../web/images/{ => kpac}/hp_search_btn.png   | Bin
 .../web/images/{ => kpac}/login_btn.png       | Bin
 .../web/images/{ => kpac}/print_btn.png       | Bin
 .../web/images/{ => kpac}/star_off.png        | Bin
 .../web/images/{ => kpac}/text_size_btn.png   | Bin
 Open-ILS/examples/web/templates/kpac/home.tt2 |  64 ++++++++++++++++++
 .../web/templates/kpac/parts/base.tt2         |  10 +--
 .../web/templates/kpac/parts/header.tt2       |  24 +++++++
 .../web/templates/kpac/parts/home_search.tt2  |  34 ++++++++++
 15 files changed, 156 insertions(+), 32 deletions(-)
 rename Open-ILS/examples/web/images/{ => kpac}/get_a_card_btn.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/help_btn.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/hp_banner.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/hp_banner_bgl.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/hp_banner_bgr.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/hp_search_btn.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/login_btn.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/print_btn.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/star_off.png (100%)
 rename Open-ILS/examples/web/images/{ => kpac}/text_size_btn.png (100%)
 create mode 100644 Open-ILS/examples/web/templates/kpac/home.tt2
 create mode 100644 Open-ILS/examples/web/templates/kpac/parts/header.tt2
 create mode 100644 Open-ILS/examples/web/templates/kpac/parts/home_search.tt2

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 043c3747a4..e3b7209f5d 100755
--- 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 {
 }
 
 .hp_banner_bgl {
-	background:url('/images/hp_banner_bgl.png') repeat-x bottom right;
+	background:url('/images/kpac/hp_banner_bgl.png') repeat-x bottom right;
 }
 
 .hp_banner_bgr {
-	background:url('/images/hp_banner_bgr.png') repeat-x bottom left;
+	background:url('/images/kpac/hp_banner_bgr.png') repeat-x bottom left;
 }
 
 .hp_banner_content {
 	width:902px;
-	background:url('/images/hp_banner.png') repeat-x bottom left;
+	background:url('/images/kpac/hp_banner.png') repeat-x bottom left;
 }
 
 .hp_search_main {
@@ -212,24 +212,24 @@ input[type=text], input[type=password], textarea {
 	width:8px;
 	height:8px;
 	overflow:hidden;
-	background:url('/images/main_tl_corner.png') no-repeat;
+	background:url('/images/kpac/main_tl_corner.png') no-repeat;
 	float:left;
 }
 
 .main_bl_corner {
-	background:url('/images/main_bl_corner.png') no-repeat;
+	background:url('/images/kpac/main_bl_corner.png') no-repeat;
 }
 
 .main_tr_corner, .main_br_corner {
 	width:8px;
 	height:8px;
 	overflow:hidden;
-	background:url('/images/main_tr_corner.png') no-repeat;
+	background:url('/images/kpac/main_tr_corner.png') no-repeat;
 	float:right;
 }
 
 .main_br_corner {
-	background:url('/images/main_br_corner.png') no-repeat;
+	background:url('/images/kpac/main_br_corner.png') no-repeat;
 }
 
 .main_mid_top, .main_mid_bottom {
@@ -237,33 +237,33 @@ input[type=text], input[type=password], textarea {
 	height:8px;
 	overflow:hidden;
 	float:left;
-	background:url('/images/main_top_bg.png') repeat-x;
+	background:url('/images/kpac/main_top_bg.png') repeat-x;
 }
 
 .main_mid_bottom_sub {
 	width:956px;
 	height:8px;
 	overflow:hidden;
-	background:url('/images/main_bottom_bg_sub.png') no-repeat;
+	background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;
 }
 
 .main_mid_top_sub {
 	width:3000px;
 	height:69px;
 	overflow:hidden;
-	background:url('/images/main_top_bg_sub.png') no-repeat;
+	background:url('/images/kpac/main_top_bg_sub.png') no-repeat;
 }
 
 .main_mid_bottom {
-	background:url('/images/main_bottom_bg.png') repeat-x;
+	background:url('/images/kpac/main_bottom_bg.png') repeat-x;
 }
 
 .main_left_shadow {
-	background:url('/images/main_left_shadow.png') repeat-y;
+	background:url('/images/kpac/main_left_shadow.png') repeat-y;
 }
 
 .main_right_shadow {
-	background:url('/images/main_right_shadow.png') repeat-y;
+	background:url('/images/kpac/main_right_shadow.png') repeat-y;
 }
 
 .main_inside_cell {
@@ -294,7 +294,7 @@ input[type=text], input[type=password], textarea {
 .search_wrapper {
 	text-align:center;
 	width:950px;
-	background:url('/images/search_bg.png') no-repeat bottom;
+	background:url('/images/kpac/search_bg.png') no-repeat bottom;
 }
 
 .search_wrapper h1 {
@@ -398,7 +398,7 @@ input[type=text], input[type=password], textarea {
 }
 
 .sub_sidebar {
-	background:#e3e3e3 url('/images/sub_side_bg.png') repeat-y;
+	background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;
 	border-top:1px solid #eee;
 }
 
@@ -481,11 +481,11 @@ input[type=text], input[type=password], textarea {
 	width:27px;
 	height:50px;
 	overflow:hidden;
-	background:url('/images/bread_green_mid.png') no-repeat;
+	background:url('/images/kpac/bread_green_mid.png') no-repeat;
 }
 
 .breadcrumb .bread_green_last {
-	background:url('/images/bread_green_last.png') no-repeat;
+	background:url('/images/kpac/bread_green_last.png') no-repeat;
 }
 
 .breadcrumb .bread_home {
@@ -538,7 +538,7 @@ input[type=text], input[type=password], textarea {
 .item_icon {
 	width:80px;
 	height:80px;
-	background:url('/images/icon_bg.png') no-repeat;
+	background:url('/images/kpac/icon_bg.png') no-repeat;
 	text-align:center;
 	overflow:hidden;
 	line-height:80px;
@@ -706,7 +706,7 @@ input[type=text], input[type=password], textarea {
 	width:638px;
 	height:9px;
 	overflow:hidden;
-	background:url('/images/reviews_top.png') no-repeat;
+	background:url('/images/kpac/reviews_top.png') no-repeat;
 }
 
 .item_detail_rating .review_box_body {
@@ -887,7 +887,7 @@ input[type=text], input[type=password], textarea {
 	height:9px;
 	font-size:0px;
 	overflow:hidden;
-	background:url('/images/box1_top.png') no-repeat;
+	background:url('/images/kpac/box1_top.png') no-repeat;
 }
 
 .checkout_box .box_inside {
@@ -1023,41 +1023,41 @@ div.hr {
 .popup_wrapper .popup_tl {
 	width:13px;
 	height:13px;
-	background:url('/images/popup_tl.png') no-repeat;
+	background:url('/images/kpac/popup_tl.png') no-repeat;
 }
 
 .popup_wrapper .popup_tm {
-	background:url('/images/popup_tm.png') repeat-x;
+	background:url('/images/kpac/popup_tm.png') repeat-x;
 }
 
 .popup_wrapper .popup_tr {
 	width:13px;
 	height:13px;
-	background:url('/images/popup_tr.png') no-repeat;
+	background:url('/images/kpac/popup_tr.png') no-repeat;
 }
 
 .popup_wrapper .popup_lm {
-	background:url('/images/popup_lm.png') repeat-y;
+	background:url('/images/kpac/popup_lm.png') repeat-y;
 }
 
 .popup_wrapper .popup_rm {
-	background:url('/images/popup_rm.png') repeat-y;
+	background:url('/images/kpac/popup_rm.png') repeat-y;
 }
 
 .popup_wrapper .popup_bl {
 	width:13px;
 	height:13px;
-	background:url('/images/popup_bl.png') no-repeat;
+	background:url('/images/kpac/popup_bl.png') no-repeat;
 }
 
 .popup_wrapper .popup_bm {
-	background:url('/images/popup_bm.png') repeat-x;
+	background:url('/images/kpac/popup_bm.png') repeat-x;
 }
 
 .popup_wrapper .popup_br {
 	width:13px;
 	height:13px;
-	background:url('/images/popup_br.png') no-repeat;
+	background:url('/images/kpac/popup_br.png') no-repeat;
 }
 
 .invisible {
diff --git a/Open-ILS/examples/web/images/get_a_card_btn.png b/Open-ILS/examples/web/images/kpac/get_a_card_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/get_a_card_btn.png
rename to Open-ILS/examples/web/images/kpac/get_a_card_btn.png
diff --git a/Open-ILS/examples/web/images/help_btn.png b/Open-ILS/examples/web/images/kpac/help_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/help_btn.png
rename to Open-ILS/examples/web/images/kpac/help_btn.png
diff --git a/Open-ILS/examples/web/images/hp_banner.png b/Open-ILS/examples/web/images/kpac/hp_banner.png
similarity index 100%
rename from Open-ILS/examples/web/images/hp_banner.png
rename to Open-ILS/examples/web/images/kpac/hp_banner.png
diff --git a/Open-ILS/examples/web/images/hp_banner_bgl.png b/Open-ILS/examples/web/images/kpac/hp_banner_bgl.png
similarity index 100%
rename from Open-ILS/examples/web/images/hp_banner_bgl.png
rename to Open-ILS/examples/web/images/kpac/hp_banner_bgl.png
diff --git a/Open-ILS/examples/web/images/hp_banner_bgr.png b/Open-ILS/examples/web/images/kpac/hp_banner_bgr.png
similarity index 100%
rename from Open-ILS/examples/web/images/hp_banner_bgr.png
rename to Open-ILS/examples/web/images/kpac/hp_banner_bgr.png
diff --git a/Open-ILS/examples/web/images/hp_search_btn.png b/Open-ILS/examples/web/images/kpac/hp_search_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/hp_search_btn.png
rename to Open-ILS/examples/web/images/kpac/hp_search_btn.png
diff --git a/Open-ILS/examples/web/images/login_btn.png b/Open-ILS/examples/web/images/kpac/login_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/login_btn.png
rename to Open-ILS/examples/web/images/kpac/login_btn.png
diff --git a/Open-ILS/examples/web/images/print_btn.png b/Open-ILS/examples/web/images/kpac/print_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/print_btn.png
rename to Open-ILS/examples/web/images/kpac/print_btn.png
diff --git a/Open-ILS/examples/web/images/star_off.png b/Open-ILS/examples/web/images/kpac/star_off.png
similarity index 100%
rename from Open-ILS/examples/web/images/star_off.png
rename to Open-ILS/examples/web/images/kpac/star_off.png
diff --git a/Open-ILS/examples/web/images/text_size_btn.png b/Open-ILS/examples/web/images/kpac/text_size_btn.png
similarity index 100%
rename from Open-ILS/examples/web/images/text_size_btn.png
rename to Open-ILS/examples/web/images/kpac/text_size_btn.png
diff --git a/Open-ILS/examples/web/templates/kpac/home.tt2 b/Open-ILS/examples/web/templates/kpac/home.tt2
new file mode 100644
index 0000000000..44017f6253
--- /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 13786110e7..2d32b71700 100644
--- 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
index 0000000000..7a5fef26d6
--- /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
index 0000000000..6406803268
--- /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>
+
-- 
2.43.2