Changeset 893

Show
Ignore:
Timestamp:
12/12/06 23:49:17 (2 years ago)
Author:
bchoate
Message:

Updates for pagination.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • branches/wheeljack/tmpl/cms/dialog_list_assets.tmpl

    r892 r893  
     1<TMPL_UNLESS NAME=JSON> 
    12<TMPL_INCLUDE NAME="header-dialog.tmpl"> 
    23 
    3 <div id="list-asset"> 
     4<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/client.js"></script> 
     5<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/json.js"></script> 
     6<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/dialog.js"></script> 
     7 
     8<div class="modal_width" id="list-assets-dialog"> 
    49 
    510<script type="text/javascript"> 
    611<!-- 
    712var assets = {}; 
    8 <TMPL_LOOP NAME=OBJECT_LOOP> 
    9 assets[<TMPL_VAR NAME=ID>] = <TMPL_VAR NAME=METADATA_JSON>; 
    10 </TMPL_LOOP> 
    1113 
    1214function validate (f) { 
    …… 
    6668    var detail_inner = getByID("asset-" + id + "-detail-inner-modal"); 
    6769    var asset = assets[id]; 
     70    if (!asset) { 
     71        var detail_json = getByID("asset-" + id + "-json"); 
     72        if (!detail_json) return false; 
     73        asset = eval('(' + detail_json.value + ')'); 
     74        if (!asset) return false; 
     75        assets[id] = asset; 
     76    } 
    6877    var close_link = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>'); toggleScrollBar('right');\"><MT_TRANS phrase="Close"></a>"; 
    6978    var close_icon = "<a href=\"javascript:void(0)\" onclick=\"hide('asset-" + id + "-detail'); notOpened('<TMPL_VAR NAME=ID>'); toggleScrollBar('right');\"><img class=\"close_asset_icon\" align=\"bottom\" src=\"<TMPL_VAR NAME=STATIC_URI>images/spacer.gif\" width=\"9\" height=\"9\"></a>"; 
    …… 
    110119} 
    111120 
    112 function enableFilterButton() { 
    113     getByID("filter-button").style.display = "inline"; 
    114 } 
    115  
    116 function toggleFilter() { 
    117     var filterActive = getByID("filter-active"); 
    118     if (filterActive.style.display == "none") { 
    119         filterActive.style.display = "block"; 
    120         getByID("filter-select").style.display = "none"; 
    121     } else { 
    122         filterActive.style.display = "none"; 
    123         getByID("filter-select").style.display = "block"; 
    124     } 
    125 } 
    126  
    127 function setFilterCol(choice) { 
    128     var sel = getByID('filter-select'); 
    129     if (!sel) return; 
    130     sel.className = "filter-" + choice; 
    131     if (choice == 'none') 
    132         getByID('filter-mode').selectedIndex = 0; 
    133     else { 
    134         getByID('filter-mode').selectedIndex = 1; 
    135         var fld = getByID('filter-col'); 
    136         if (choice == 'class') 
    137             fld.selectedIndex = 0; 
    138         else if (choice == 'exacttag') 
    139             fld.selectedIndex = 1; 
    140         else if (choice == 'normalizedtag') 
    141             fld.selectedIndex = 2; 
    142         col_span = getByID("filter-text-col"); 
    143         if (fld.selectedIndex > -1 && col_span) 
    144             col_span.innerHTML = '<strong>' + 
    145                 fld.options[fld.selectedIndex].text + '</strong>'; 
    146     } 
     121function dialogClose(data) { 
     122    if (!data) { 
     123        closeDialog(); 
     124    } 
     125    // user made a selection and clicked insert... 
     126    var f = document.forms['insert_asset']; 
     127    var sel = dlg.panel.tableSelect.selected(); 
     128    f['id'].value = sel[0].value; 
     129    f.submit(); 
    147130} 
    148131 
    149132var tableSelect; 
     133var dlg; 
    150134function init() { 
    151135        // setup 
    152         tableSelect = new TC.TableSelect( "selector" ); 
    153         tableSelect.rowSelect = true; 
    154  
    155         setFilterCol(<TMPL_IF NAME=FILTER>'<TMPL_VAR NAME=FILTER>'<TMPL_ELSE>'none'</TMPL_IF>);<TMPL_IF NAME=FILTER> 
    156         setFilterVal('<TMPL_VAR NAME=FILTER_VAL>'); 
    157 </TMPL_IF> 
     136        dlg = new Dialog.Simple("list-assets"); 
     137        var panel = new ListingPanel("assets"); 
     138        dlg.panel = panel; 
     139        panel.pager.setState(<TMPL_VAR NAME=PAGER_JSON>); 
     140        panel.parent = dlg; 
     141        dlg.open({}, dialogClose); 
     142        //tableSelect = new TC.TableSelect( "selector" ); 
     143        //tableSelect.rowSelect = true; 
    158144} 
    159145TC.attachLoadEvent( init ); 
    160146// --> 
    161147</script> 
     148 
     149<div id="assets-panel" class="panel"> 
    162150 
    163151<h2><span class="weblog-title-highlight"><TMPL_IF NAME=EDIT_BLOG_ID><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML><TMPL_ELSE><MT_TRANS phrase="System-wide"></TMPL_IF>: </span> <MT_TRANS phrase="Assets"></h2> 
    …… 
    172160<TMPL_IF NAME=CAN_UPLOAD> 
    173161<img src="<TMPL_VAR NAME=STATIC_URI>images/status_icons/create.gif" alt="<MT_TRANS phrase="Upload New File">" width="9" height="9" /> 
    174 <a href="<TMPL_VAR NAME=SCRIPT_URL>?__mode=start_upload&__type=asset&blog_id=<TMPL_VAR NAME=BLOG_ID>&dialog_view=1&entry_insert=1&return_args=<TMPL_VAR NAME=RETURN_ARGS ESCAPE=URL>')"><MT_TRANS phrase="Upload New File"></a> 
     162<a href="<TMPL_VAR NAME=SCRIPT_URL>?__mode=start_upload&amp;_type=asset&amp;blog_id=<TMPL_VAR NAME=BLOG_ID>&amp;dialog_view=1&amp;entry_insert=1&amp;return_args=<TMPL_VAR NAME=RETURN_ARGS ESCAPE=URL>')"><MT_TRANS phrase="Upload New File"></a> 
    175163</TMPL_IF> 
    176164</TMPL_IF> 
    …… 
    178166</div> 
    179167 
    180 <!--  
    181 <div class="list-filters"> 
    182 <div class="inner"> 
    183  
    184 <div id="filter-active"> 
    185  
    186 <div class="rightcol"> 
    187 <TMPL_UNLESS NAME=FILTER> 
    188 <MT_TRANS phrase="Quickfilter:"> <a href="<TMPL_VAR NAME=SCRIPT_URL>?__mode=list_assets&dialog_view=1<TMPL_IF NAME=EDIT_BLOG_ID>&amp;blog_id=<TMPL_VAR NAME=EDIT_BLOG_ID></TMPL_IF>&amp;filter=class&amp;filter_val=image"><MT_TRANS phrase="Show images."></a> 
    189 <TMPL_ELSE> 
    190 <a href="<TMPL_VAR NAME=SCRIPT_URL>?__mode=list_assets&dialog_view=1<TMPL_IF NAME=EDIT_BLOG_ID>&amp;blog_id=<TMPL_VAR NAME=EDIT_BLOG_ID></TMPL_IF>"><MT_TRANS phrase="Reset"></a> 
    191 </TMPL_UNLESS> 
    192 </div> 
    193  
    194 <strong><MT_TRANS phrase="Filter">:</strong> 
    195  
    196 <TMPL_UNLESS NAME=FILTER> 
    197 <a href="javascript:void(0)" onclick="toggleFilter()"><MT_TRANS phrase="None."></a> <span class="hint"><MT_TRANS phrase="(Showing all assets.)"></span> 
    198 <TMPL_ELSE> 
    199 <a href="javascript:void(0)" onclick="toggleFilter()"><MT_TRANS phrase="Showing only assets where [_1] is [_2]." params='<span id="filter-text-col">&nbsp;</span>%%<span id="filter-text-val"></span>'></a> 
    200 </TMPL_UNLESS> 
    201  
    202 </div> 
    203  
    204 <form id="filter-form" method="get" action="<TMPL_VAR NAME=MT_URL>"> 
    205 <input type="hidden" name="__mode" value="list_assets" /> 
    206 <input type="hidden" name="dialog_view" value="<TMPL_VAR NAME=DIALOG_VIEW>" /> 
    207 <TMPL_IF NAME=EDIT_BLOG_ID> 
    208 <input type="hidden" name="blog_id" value="<TMPL_VAR NAME=EDIT_BLOG_ID>" /> 
    209 </TMPL_IF> 
    210 <input id="filter" type="hidden" name="filter" value="" /> 
    211 <input id="filter_val" type="hidden" name="filter_val" value="" /> 
    212 </form> 
    213  
    214 <form id="filter-select" method="get" action="<TMPL_VAR NAME=MT_URL>" onsubmit="return execFilter(this)" style="display: none"> 
    215 <MT_TRANS phrase="Show"> 
    216 <select id="filter-mode" name="mode" onchange="if (this.options[this.selectedIndex].value == 'all') { setFilterCol('none') } else { setFilterCol('class') } enableFilterButton()"> 
    217 <option value="all"><MT_TRANS phrase="all"></option> 
    218 <option value="only"><MT_TRANS phrase="only"></option> 
    219 </select> 
    220 <span id="filter-mode-all" style="display: none"> 
    221 <MT_TRANS phrase="assets."> 
    222 </span> 
    223 <span id="filter-mode-only" style="display: none"> 
    224 <MT_TRANS phrase="assets where"> 
    225 <select id="filter-col" name="filter" onchange="setFilterCol(this.options[this.selectedIndex].value);enableFilterButton()"> 
    226 <option value="class"><MT_TRANS phrase="type"></option> 
    227 <option value="exacttag"><MT_TRANS phrase="tag (exact match)"></option> 
    228 <option value="normalizedtag"><MT_TRANS phrase="tag (fuzzy match)"></option> 
    229 </select> 
    230 <MT_TRANS phrase="is"> 
    231 <span id="filter-class" style="display: none"> 
    232 <select id="class-val" name="filter_val" onchange="enableFilterButton()"> 
    233 <TMPL_LOOP NAME=CLASS_LOOP> 
    234 <option value="<TMPL_VAR NAME=CLASS_ID>"><TMPL_VAR NAME=CLASS_LABEL ESCAPE=HTML></option> 
    235 </TMPL_LOOP> 
    236 </select> 
    237 </span> 
    238 <span id="filter-exacttag" style="display: none"> 
    239 <input type="text" id="exacttag-val" name="filter_val" value="<TMPL_IF NAME=FILTER_COL_EXACTTAG><TMPL_VAR NAME=FILTER_VAL ESCAPE=HTML></TMPL_IF><TMPL_IF NAME=FILTER_COL_NORMALIZEDTAG><TMPL_VAR NAME=FILTER_VAL ESCAPE=HTML></TMPL_IF>" onchange="enableFilterButton()" onkeypress="enableFilterButton()" /> 
    240 </span> 
    241 <span id="filter-normalizedtag" style="display: none"> 
    242 <input type="text" id="normalizedtag-val" name="filter_val" value="<TMPL_IF NAME=FILTER_COL_EXACTTAG><TMPL_VAR NAME=FILTER_VAL ESCAPE=HTML></TMPL_IF><TMPL_IF NAME=FILTER_COL_NORMALIZEDTAG><TMPL_VAR NAME=FILTER_VAL ESCAPE=HTML></TMPL_IF>" onchange="enableFilterButton()" onkeypress="enableFilterButton()" /> 
    243 </span> 
    244 <MT_TRANS phrase="."> 
    245 </span> 
    246 &nbsp; 
    247  
    248 <input type="submit" value="<MT_TRANS phrase="Filter">" id="filter-button" style="display: none" /> 
    249 <input type="button" value="<MT_TRANS phrase="Cancel">" onclick="toggleFilter()" /> 
    250  
    251 </form> 
    252 </div> 
    253 </div> 
    254 --> 
    255  
    256168<div class="list-wrapper"> 
    257 <TMPL_IF NAME=OBJECT_LOOP> 
    258 <form method="post" action="<TMPL_VAR NAME=SCRIPT_URL>" onsubmit="return validate(this)"> 
    259 <input type="hidden" name="__mode" value="" /> 
     169</TMPL_UNLESS> 
     170<TMPL_IF NAME=OBJECT_LOOP><TMPL_UNLESS NAME=JSON> 
     171<form method="post" action="<TMPL_VAR NAME=SCRIPT_URL>" name="insert_asset"> 
     172<input type="hidden" name="__mode" value="asset_insert" /> 
    260173<input type="hidden" name="_type" value="asset" /> 
    261 <input type="hidden" name="filter_args" value="<TMPL_VAR NAME=FILTER_ARGS>" /> 
    262174<input type="hidden" name="return_args" value="<TMPL_VAR NAME=RETURN_ARGS ESCAPE=HTML>" /> 
    263175<input type="hidden" name="magic_token" value="<TMPL_VAR NAME=MAGIC_TOKEN>" /> 
    …… 
    265177<TMPL_IF NAME=EDIT_BLOG_ID> 
    266178<input type="hidden" name="blog_id" value="<TMPL_VAR NAME=EDIT_BLOG_ID>" /> 
     179<input type="hidden" name="id" value="" /> 
    267180</TMPL_IF> 
     181</form> 
    268182 
    269183<div class="selector list" id="selector"> 
     184<form action="" method="get" onsubmit="return false"> 
    270185<table cellspacing="0" class="list-heading <TMPL_UNLESS NAME=EDIT_BLOG_ID>show-weblog </TMPL_UNLESS><TMPL_IF NAME=VIEW_EXPANDED>expanded<TMPL_ELSE>compact</TMPL_IF>"> 
    271186 
    …… 
    274189<th id="as-file-status"><img src="<TMPL_VAR NAME=STATIC_URI>images/status_icons/flag.gif" alt="<MT_TRANS phrase="Status">" title="<MT_TRANS phrase="Status">" width="9" height="9" /></th> 
    275190<th class="panel-label"><MT_TRANS phrase="Filename"></th> 
    276 <!-- <th id="as-asset-type"><MT_TRANS phrase="Type"></th> --> 
    277191<TMPL_UNLESS NAME=EDIT_BLOG_ID> 
    278192<th id="as-weblog"><MT_TRANS phrase="Weblog"></th> 
    279193</TMPL_UNLESS> 
    280194<th class="panel-description"><MT_TRANS phrase="Size"></th> 
    281 <!-- <th id="as-created-by"><MT_TRANS phrase="Created By"></th> --> 
    282 <!-- <th id="as-created-on"><MT_TRANS phrase="Created On"></th> --> 
    283 <!-- <th id="as-view">&nbsp;</th> --> 
    284195</tr> 
    285196</table> 
    286197 
    287198        <div class="list-data-wrapper list-data" id="list-data-wrapper"> 
     199</TMPL_UNLESS> 
    288200            <div class="list-data-layout-modal"> 
    289             <table cellspacing="0" id="assetDisplay"> 
     201            <table cellspacing="0" class="list-data" id="assetDisplay"> 
    290202<TMPL_LOOP NAME=OBJECT_LOOP> 
    291 <tr class="<TMPL_IF __ODD__>odd<TMPL_ELSE>even</TMPL_IF>"> 
    292 <td class="cb"><input type="radio" name="id" value="<TMPL_VAR NAME=ID>" class="select" onclick="this.form.submit_button.disabled = false;" /></td> 
     203<input type="hidden" id="asset-<TMPL_VAR NAME=ID>-json" value="<TMPL_VAR NAME=METADATA_JSON ESCAPE=HTML>" /> 
     204<tr id="asset-<TMPL_VAR NAME=ID>" class="<TMPL_IF __ODD__>odd<TMPL_ELSE>even</TMPL_IF>"> 
     205<td class="cb"><input type="radio" name="id" value="<TMPL_VAR NAME=ID>" class="select" /></td> 
    293206<td class="status-<TMPL_IF NAME=FILE_IS_MISSING>missing<TMPL_ELSE>publish</TMPL_IF>"><img src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" <TMPL_IF NAME=FILE_IS_MISSING>alt="<MT_TRANS phrase="Pending">"<TMPL_ELSE>alt="<MT_TRANS phrase="Published">"</TMPL_IF> width="9" height="9" /</td> 
    294207<td class="panel-label"><span title="<TMPL_VAR NAME=FILE_PATH ESCAPE=HTML>"><TMPL_UNLESS NAME=FILE_IS_MISSING><a href="javascript:void(0)" onclick="displayAssetDetails('<TMPL_VAR NAME=ID>'); toggleScrollBar('left');"></TMPL_UNLESS><TMPL_VAR NAME=FILE_NAME ESCAPE=HTML><TMPL_UNLESS NAME=FILE_IS_MISSING></a></TMPL_UNLESS></span> 
    295208<div id="asset-<TMPL_VAR NAME=ID>-detail" class="asset-detail-panel-modal"><div id="asset-<TMPL_VAR NAME=ID>-detail-inner-modal" class="asset-detail-panel-inner-modal"></div></div></td> 
    296 <!-- <td class="as-asset-type"><TMPL_VAR NAME=ASSET_CLASS ESCAPE=HTML></td> --> 
    297209<TMPL_UNLESS NAME=EDIT_BLOG_ID> 
    298210<td><a href="<TMPL_VAR NAME=SCRIPT_URL>?__mode=list_assets&amp;blog_id=<TMPL_VAR NAME=BLOG_ID>"><TMPL_VAR NAME=BLOG_NAME ESCAPE=HTML></a></td> 
    …… 
    308220            </span> 
    309221            </td> 
    310 <!-- <td class="as-created-by"><TMPL_IF NAME=CREATED_BY><TMPL_VAR NAME=CREATED_BY><TMPL_ELSE><em><MT_TRANS phrase="System"></em></TMPL_IF></td> --> 
    311 <!-- <td><span title="<TMPL_VAR NAME=CREATED_ON_FORMATTED>"><TMPL_IF NAME=CREATED_ON_RELATIVE><TMPL_IF NAME=DATES_RELATIVE><TMPL_VAR NAME=CREATED_ON_RELATIVE><TMPL_ELSE><TMPL_VAR NAME=CREATED_ON_FORMATTED></TMPL_IF><TMPL_ELSE><TMPL_VAR NAME=CREATED_ON_FORMATTED></TMPL_IF></span></td> --> 
    312 <!-- <td class="status-view"><TMPL_IF NAME=URL><a href="<TMPL_VAR NAME=URL>" target="view_uploaded" title="<MT_TRANS phrase="View File">"><img src="<TMPL_VAR NAME=STATIC_URI>images/spacer.gif" alt="<MT_TRANS phrase="View File">" width="13" height="9" /></a><TMPL_ELSE>&nbsp;</TMPL_IF></td> --> 
    313222</tr> 
    314223</TMPL_LOOP> 
    315  
    316224</table> 
    317225</div> 
    318 </div> 
     226<TMPL_UNLESS NAME=JSON> 
     227</form> 
     228</div> 
     229 
     230<div class="pager"></div> 
    319231 
    320232<div class="insert_button_spacing">&nbsp;</div> 
     233 
    321234<div class="panel-commands"> 
    322     <input onclick="closeDialog()" type="button" value="<MT_TRANS phrase="Cancel">" /> 
    323     <input name="submit_button" type="submit" value="<MT_TRANS phrase="Insert">" disabled="1" /> 
    324 </div> 
    325  
    326 </form> 
    327  
    328 <TMPL_INCLUDE NAME=pager.tmpl> 
    329  
    330  
     235    <form action="" method="get" onsubmit="return false"> 
     236    <input class="cancel" type="button" value="<MT_TRANS phrase="Cancel">" /> 
     237    <input class="close" type="submit" value="<MT_TRANS phrase="Insert">" disabled="disabled" /> 
     238    </form> 
     239</div> 
     240 
     241</TMPL_UNLESS> 
    331242<TMPL_ELSE> 
    332243<br /><h4 class="message"><MT_TRANS phrase="No assets could be found."></h4> 
    333 </TMPL_IF> 
     244</TMPL_IF><TMPL_UNLESS NAME=JSON> 
    334245 
    335246</div> 
    …… 
    338249 
    339250<TMPL_INCLUDE NAME="footer-dialog.tmpl"> 
     251</TMPL_UNLESS>