Show
Ignore:
Timestamp:
04/18/08 21:01:48 (6 months ago)
Author:
djfiander
Message:

First step towards simpler UI: traditional email-like two-panel
"list at top, details at bottom" format.

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • branches/acq-experiment/Open-ILS/web/oilsweb/oilsweb/templates/oils/default/acq/picklist/view.html

    r9290 r9384  
    77<%namespace file='picklist_summary.html' name='picklist' /> 
    88 
     9<%def name="block_js()"> 
     10    ${parent.block_js()} 
     11 
     12    <script type="text/javascript"> 
     13        dojo.require("dijit.layout.SplitContainer") 
     14    </script> 
     15</%def> 
    916<%def name="page_title()">${_('Picklist')}</%def> 
    1017 
    1118<%def name="block_content()"> 
    12  
    13 ${picklist.summary(c.oils.acq.picklist.value)} 
    14  
    15 <div id="oils-acq-picklist-grid"> </div> 
    16 <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/util/Dojo.js"></script> 
    17 <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/openils/acq/Picklist.js"></script> 
    18 <script type="text/javascript"> 
    19     dojo.require('openils.acq.Picklist'); 
    20  
    21     var cols = [ 
    22     {name: "${_('ID')}", field: 'id'}, 
    23     {name: "${_('Title')}", field: 'title'}, 
    24     {name: "${_('Price')}", field: 'price'}, 
    25     {name: "${_('Vendor')}", field: 'provider'}, 
    26     {name: "${_('# of Copies')}", field: 'copies'} 
    27     ]; 
    28      
    29     dojo.addOnLoad(function(){openils.acq.Picklist.loadGrid('oils-acq-picklist-grid', cols, ${c.oils.acq.picklist.value.id()})}); 
    30 </script> 
     19<div dojoType="dijit.layout.LayoutContainer" style="height:100%"> 
     20    <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> 
     21        ${picklist.summary(c.oils.acq.picklist.value)} 
     22    </div> 
     23    <div dojoType="dijit.layout.SplitContainer" 
     24         orientation="vertical" sizerWidth="5" 
     25         activeSizing="0" layoutAlign="client"> 
     26        <div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20"> 
     27            <div id="oils-acq-picklist-grid"> </div> 
     28            <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/util/Dojo.js"></script> 
     29            <script type="text/javascript" src="${c.oils.core.media_prefix.value}/js/openils/acq/Picklist.js"></script> 
     30            <script type="text/javascript"> 
     31                dojo.require('openils.acq.Picklist'); 
     32                 
     33                var cols = [ 
     34                {name: "${_('ID')}", field: 'id'}, 
     35                {name: "${_('Title')}", width: "50%", field: 'title'}, 
     36                {name: "${_('Price')}", field: 'price'}, 
     37                {name: "${_('Vendor')}", field: 'provider'}, 
     38                {name: "${_('# of Copies')}", field: 'copies'} 
     39                ]; 
     40                 
     41                dojo.addOnLoad(function(){openils.acq.Picklist.loadGrid('oils-acq-picklist-grid', cols, ${c.oils.acq.picklist.value.id()})}); 
     42            </script> 
     43        </div> 
     44        <div dojoType="dijit.layout.ContentPane" sizeMin="20" 
     45             sizeShare="80"> 
     46            <p>Hi!</p> 
     47            <div id="oils-acq-picklist-details-grid"> </div> 
     48        </div> 
     49    </div> 
     50</div> 
    3151</%def>