From ec80407648a18b80d6042686c218be0635ed44b9 Mon Sep 17 00:00:00 2001
From: djfiander <djfiander@dcc99617-32d9-48b4-a31d-7c20da2025e4>
Date: Sat, 19 Apr 2008 01:01:48 +0000
Subject: [PATCH] First step towards simpler UI: traditional email-like
 two-panel "list at top, details at bottom" format.

git-svn-id: svn://svn.open-ils.org/ILS/branches/acq-experiment@9384 dcc99617-32d9-48b4-a31d-7c20da2025e4
---
 .../templates/oils/default/acq/picklist/view.html  | 58 +++++++++++++++-------
 1 file changed, 39 insertions(+), 19 deletions(-)

diff --git a/Open-ILS/web/oilsweb/oilsweb/templates/oils/default/acq/picklist/view.html b/Open-ILS/web/oilsweb/oilsweb/templates/oils/default/acq/picklist/view.html
index 39af1734fc..688b93f913 100644
--- a/Open-ILS/web/oilsweb/oilsweb/templates/oils/default/acq/picklist/view.html
+++ b/Open-ILS/web/oilsweb/oilsweb/templates/oils/default/acq/picklist/view.html
@@ -6,26 +6,46 @@
 <%namespace file='../../common/widgets.html' name='widget' />
 <%namespace file='picklist_summary.html' name='picklist' />
 
+<%def name="block_js()">
+    ${parent.block_js()}
+
+    <script type="text/javascript">
+        dojo.require("dijit.layout.SplitContainer")
+    </script>
+</%def>
 <%def name="page_title()">${_('Picklist')}</%def>
 
 <%def name="block_content()">
-
-${picklist.summary(c.oils.acq.picklist.value)}
-
-<div id="oils-acq-picklist-grid"> </div>
-<script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/util/Dojo.js"></script>
-<script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/openils/acq/Picklist.js"></script>
-<script type="text/javascript">
-    dojo.require('openils.acq.Picklist');
-
-    var cols = [
-    {name: "${_('ID')}", field: 'id'},
-    {name: "${_('Title')}", field: 'title'},
-    {name: "${_('Price')}", field: 'price'},
-    {name: "${_('Vendor')}", field: 'provider'},
-    {name: "${_('# of Copies')}", field: 'copies'}
-    ];
-    
-    dojo.addOnLoad(function(){openils.acq.Picklist.loadGrid('oils-acq-picklist-grid', cols, ${c.oils.acq.picklist.value.id()})});
-</script>
+<div dojoType="dijit.layout.LayoutContainer" style="height:100%">
+    <div dojoType="dijit.layout.ContentPane" layoutAlign="top">
+	${picklist.summary(c.oils.acq.picklist.value)}
+    </div>
+    <div dojoType="dijit.layout.SplitContainer"
+	 orientation="vertical" sizerWidth="5"
+	 activeSizing="0" layoutAlign="client">
+	<div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20">
+	    <div id="oils-acq-picklist-grid"> </div>
+	    <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/util/Dojo.js"></script>
+	    <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/openils/acq/Picklist.js"></script>
+	    <script type="text/javascript">
+		dojo.require('openils.acq.Picklist');
+		
+		var cols = [
+		{name: "${_('ID')}", field: 'id'},
+		{name: "${_('Title')}", width: "50%", field: 'title'},
+		{name: "${_('Price')}", field: 'price'},
+		{name: "${_('Vendor')}", field: 'provider'},
+		{name: "${_('# of Copies')}", field: 'copies'}
+		];
+		
+		dojo.addOnLoad(function(){openils.acq.Picklist.loadGrid('oils-acq-picklist-grid', cols, ${c.oils.acq.picklist.value.id()})});
+	    </script>
+	</div>
+	<div dojoType="dijit.layout.ContentPane" sizeMin="20"
+	     sizeShare="80">
+	    <p>Hi!</p>
+	    <div id="oils-acq-picklist-details-grid"> </div>
+	</div>
+    </div>
+</div>
 </%def>
-- 
2.11.0