You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
6.6 KiB
231 lines
6.6 KiB
<!-- $Id: templates_list.htm 16480 2009-07-21 13:33:40Z liubo $ -->
|
|
{include file="pageheader.htm"}
|
|
<!-- start templates list -->
|
|
<div class="list-div">
|
|
<table width="100%" cellpadding="0" cellspacing="0">
|
|
{if $curr_template.name}
|
|
<tr><th>{$lang.current_template}</th></tr>
|
|
<tr><td style="padding:10px;">
|
|
<table border="0" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td width="250" align="center"><img id="screenshot" src="{$curr_template.screenshot}"/></td>
|
|
<td valign="top" style="padding-left:10px;"><strong><span id="templateName">{$curr_template.name}</span></strong> v<span id="templateVersion">{$curr_template.version}</span><br />
|
|
<span id="templateAuthor"><a href="{$curr_template.uri}" target="_blank">{$curr_template.author}</a></span><br />
|
|
<span id="templateDesc">{$curr_template.desc}</span><br /><br />
|
|
<span><input class="button" onclick="defaultTemplate()" value="使用默认模板" type="button" id="default" /></span><br />
|
|
<div id="CurrTplStyleList">
|
|
{foreach name=foo from=$template_style.$curr_template.code item=curr_style}
|
|
{if $smarty.foreach.foo.total>1}
|
|
<span style="cursor:pointer;" onMouseOver="javascript:onSOver('screenshot', '{$curr_style}', this);" onMouseOut="onSOut('screenshot', this, '{$curr_template.screenshot}');" onclick="javascript:setupTemplateFG('{$curr_template.code}', '{$curr_style}', '');" id="templateType_{$curr_style}"><img src="../themes/{$curr_template.code}/images/type{$curr_style}_{if $curr_style == $curr_tpl_style }1{else}0{/if}.gif" border="0"></span>
|
|
{/if}
|
|
{/foreach}
|
|
</div>
|
|
</td></tr>
|
|
</table>
|
|
</td></tr>
|
|
{else}
|
|
<tr><th>{$lang.current_template}</th></tr>
|
|
<tr><td style="padding:10px;">您当前使用了<font style="color:#ec5051">店铺默认模板</font>，您可以选择一下模板为店铺模板首页</td></tr>
|
|
{/if}
|
|
<tr><th>{$lang.available_templates}</th></tr>
|
|
<tr><td>
|
|
{foreach from=$available_templates item=template}
|
|
<div style="display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; padding:10px;">
|
|
<table border="0" cellpadding="0" cellspacing="0" style="width: 220px; text-align:center;">
|
|
<tr>
|
|
<td><strong><a href="{$template.uri}" target="_blank">{$template.name}</a></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align:center">{if $template.screenshot}<img src="{$template.screenshot}" border="0" style="cursor:pointer; float:left; margin:0 2px;display:block;" id="{$template.code}" onclick="javascript:setupTemplate('{$template.code}')"/>{/if}</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" style="text-align:center">
|
|
{foreach name=foo1 from=$template_style.$template.code item=style}
|
|
{if $smarty.foreach.foo1.total>1}
|
|
<img src="../themes/{$template.code}/images/type{$style}_0.gif" border="0" style="cursor:pointer; float:left; margin:0 2px;" onMouseOver="javascript:onSOver('{$template.code}', '{$style}', this);" onMouseOut="onSOut('{$template.code}', this, '');" onclick="javascript:setupTemplateFG('{$template.code}', '{$style}', this);">
|
|
{/if}
|
|
{/foreach}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top">{$template.desc}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
{/foreach}
|
|
</td></tr>
|
|
</table>
|
|
</div>
|
|
<!-- end templates list -->
|
|
|
|
<script language="JavaScript">
|
|
<!--
|
|
{literal}
|
|
|
|
/**
|
|
* 模板风格 全局变量
|
|
*/
|
|
var T = 0;
|
|
var StyleSelected = '{$curr_tpl_style}';
|
|
var StyleCode = '';
|
|
var StyleTem = '';
|
|
/**
|
|
* 载入页面 初始化
|
|
*/
|
|
onload = function()
|
|
{
|
|
// 开始检查订单
|
|
startCheckOrder();
|
|
}
|
|
|
|
/**
|
|
* 安装模版
|
|
*/
|
|
function setupTemplate(tpl)
|
|
{
|
|
if (tpl != StyleTem)
|
|
{
|
|
StyleCode = '';
|
|
}
|
|
if (confirm(setupConfirm))
|
|
{
|
|
Ajax.call('merchants_template.php?is_ajax=1&act=install', 'tpl_name=' + tpl + '&tpl_fg='+ StyleCode, setupTemplateResponse, 'GET', 'JSON');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 处理安装模版的反馈信息
|
|
*/
|
|
function setupTemplateResponse(result)
|
|
{
|
|
StyleCode = '';
|
|
if (result.message.length > 0)
|
|
{
|
|
alert(result.message);
|
|
}
|
|
if (result.error == 0)
|
|
{
|
|
//showTemplateInfo(result.content);
|
|
location.reload();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 备份当前模板
|
|
*/
|
|
function defaultTemplate(tpl)
|
|
{
|
|
if(confirm("您确认要使用默认店铺模板吗？")){
|
|
Ajax.call('merchants_template.php?is_ajax=1&act=user_default', '', defaultTemplateResponse, "GET", "JSON");
|
|
}
|
|
}
|
|
|
|
function defaultTemplateResponse(result)
|
|
{
|
|
if (result.error == 0)
|
|
{
|
|
location.reload();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 显示模板信息
|
|
*/
|
|
function showTemplateInfo(res)
|
|
{
|
|
document.getElementById("CurrTplStyleList").innerHTML = res.tpl_style;
|
|
|
|
StyleSelected = res.stylename;
|
|
|
|
document.getElementById("screenshot").src = res.screenshot;
|
|
document.getElementById("templateName").innerHTML = res.name;
|
|
document.getElementById("templateDesc").innerHTML = res.desc;
|
|
document.getElementById("templateVersion").innerHTML = res.version;
|
|
document.getElementById("templateAuthor").innerHTML = '<a href="' + res.uri + '" target="_blank">' + res.author + '</a>';
|
|
document.getElementById("backup").onclick = function () {backupTemplate(res.code);};
|
|
}
|
|
|
|
/**
|
|
* 模板风格 切换
|
|
*/
|
|
function onSOver(tplid, fgid, _self)
|
|
{
|
|
var re = /(\/|\\)([^\/\\])+\.png$/;
|
|
var img_url = document.getElementById(tplid).src;
|
|
StyleCode = fgid;
|
|
StyleTem = tplid;
|
|
|
|
T = 0;
|
|
|
|
// 模板切换
|
|
if ( tplid != '' && fgid != '')
|
|
{
|
|
document.getElementById(tplid).src = img_url.replace(re, '/screenshot_' + fgid + '.png');
|
|
}
|
|
else
|
|
{
|
|
document.getElementById(tplid).src = img_url.replace(re, '/screenshot.png');
|
|
}
|
|
|
|
return true;
|
|
}
|
|
//
|
|
function onSOut(tplid, _self, def)
|
|
{
|
|
if (T == 1)
|
|
{
|
|
return true;
|
|
}
|
|
|
|
var re = /(\/|\\)([^\/\\])+\.png$/;
|
|
var img_url = document.getElementById(tplid).src;
|
|
|
|
// 模板切换为默认风格
|
|
if ( def != '' )
|
|
{
|
|
document.getElementById(tplid).src = def;
|
|
}
|
|
else
|
|
{
|
|
// document.getElementById(tplid).src = img_url.replace(re, '/screenshot.png');
|
|
}
|
|
|
|
return true;
|
|
}
|
|
//
|
|
function onTempSelectClear(tplid, _self)
|
|
{
|
|
var re = /(\/|\\)([^\/\\])+\.png$/;
|
|
var img_url = document.getElementById(tplid).src;
|
|
|
|
// 模板切换为默认风格
|
|
document.getElementById(tplid).src = img_url.replace(re, '/screenshot.png');
|
|
|
|
T = 0;
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* 模板风格 AJAX安装
|
|
*/
|
|
function setupTemplateFG(tplNO, TplFG, _self)
|
|
{
|
|
T = 1;
|
|
|
|
if ( confirm(setupConfirm) )
|
|
{
|
|
Ajax.call('merchants_template.php?is_ajax=1&act=install', 'tpl_name=' + tplNO + '&tpl_fg=' + TplFG, setupTemplateResponse, 'GET', 'JSON');
|
|
}
|
|
|
|
if (_self)
|
|
{
|
|
onTempSelectClear(tplNO, _self);
|
|
}
|
|
|
|
return true;
|
|
}
|
|
//-->
|
|
{/literal}
|
|
</script>
|
|
{include file="pagefooter.htm"}
|