You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

311 lines
12 KiB
HTML

5 years ago
<extend name="Public/base" />
<block name="body">
<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<div class="cf main-place top_nav_list navtab_list">
<h3 class="page_title">插件配置 [ {$data.title} ]</h3>
<p class="description_text"></p>
</div>
<div class="tab-content tabcon1711 tabcon17112">
<form action="{:U('saveConfig')}" class="form-horizontal form_info_ml" method="post">
<empty name="custom_config">
<ul class="form_info tabul1711 form_info_config form_config{:I('id')}">
<foreach name="data['config']" item="form" key="o_key">
<li>
<label>{$form.title|default=''}</label>
<div class="form_main">
<switch name="form.type">
<case value="text">
<input type="text" name="config[{$o_key}]" class="text input-large" value="{$form.value}">
</case>
<case value="password">
<input type="password" name="config[{$o_key}]" class="text input-large" value="{$form.value}">
</case>
<case value="hidden">
<input type="hidden" name="config[{$o_key}]" value="{$form.value}">
</case>
<case value="radio">
<div class="form_radio">
<foreach name="form.options" item="opt" key="opt_k">
<label>
<input type="radio" name="config[{$o_key}]" value="{$opt_k}" <eq name="form.value" value="$opt_k"> checked</eq>> {$opt}
</label>
</foreach>
</div>
</case>
<case value="checkbox">
<div class="form_checkbox">
<foreach name="form.options" item="opt" key="opt_k">
<label class="checkbox">
<php>
is_null($form["value"]) && $form["value"] = array();
</php>
<input type="checkbox" name="config[{$o_key}][]" value="{$opt_k}" <in name="opt_k" value="$form.value"> checked</in>>{$opt}
</label>
</foreach>
</div>
</case>
<case value="select">
<select name="config[{$o_key}]">
<foreach name="form.options" item="opt" key="opt_k">
<option value="{$opt_k}" <eq name="form.value" value="$opt_k"> selected</eq>>{$opt}</option>
</foreach>
</select>
</case>
<case value="textarea">
<textarea name="config[{$o_key}]">{$form.value}</textarea>
</case>
<case value="picture_union">
<div class="controls">
<input type="file" id="upload_picture_{$o_key}">
<input type="hidden" name="config[{$o_key}]" id="cover_id_{$o_key}" value="{$form.value}"/>
<div class="upload-img-box">
<notempty name="form['value']">
<php> $mulimages = explode(",", $form["value"]); </php>
<foreach name="mulimages" item="one">
<div class="upload-pre-item" val="{$one}">
<img src="{$one|get_cover='path'}" ondblclick="removePicture{$o_key}(this)"/>
</div>
</foreach>
</notempty>
</div>
</div>
<script type="text/javascript">
//上传图片
/* 初始化上传插件 */
$("#upload_picture_{$o_key}").uploadify({
"height" : 30,
"swf" : "__STATIC__/uploadify/uploadify.swf",
"fileObjName" : "download",
"buttonText" : "上传图片",
"uploader" : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
"width" : 120,
'removeTimeout' : 1,
'fileTypeExts' : '*.jpg; *.jpeg; *.png; *.gif;',
"onUploadSuccess" : uploadPicture{$o_key},
'onFallback' : function() {
alert('未检测到兼容版本的Flash.');
}
});
function uploadPicture{$o_key}(file, data){
var data = $.parseJSON(data);
var src = '';
if(data.status){
src = data.url || '__ROOT__' + data.path
$("#cover_id_{$o_key}").parent().find('.upload-img-box').append(
'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_key}(this)"/></div>'
);
setPictureIds{$o_key}();
} else {
updateAlert(data.info);
setTimeout(function(){
$('#top-alert').find('button').click();
$(that).removeClass('disabled').prop('disabled',false);
},1500);
}
}
function removePicture{$o_key}(o){
var p = $(o).parent().parent();
$(o).parent().remove();
setPictureIds{$o_key}();
}
function setPictureIds{$o_key}(){
var ids = [];
$("#cover_id_{$o_key}").parent().find('.upload-img-box').find('.upload-pre-item').each(function(){
ids.push($(this).attr('val'));
});
if(ids.length > 0)
$("#cover_id_{$o_key}").val(ids.join(','));
else
$("#cover_id_{$o_key}").val('');
}
</script>
</case>
<case value="group">
<div class="tab_nav jstabnav">
<ul>
<volist name="form.options" id="li">
<li data-tab="tab{$i}" <eq name="i" value="1">class="current"</eq>><a href="javascript:void(0);">{$li.title}</a></li>
</volist>
</ul></div>
<div class="tab-content">
<volist name="form.options" id="tab">
<div id="tab{$i}" class="tab-pane box_mt <eq name="i" value="1">in</eq> tab{$i}">
<ul class="form_info form_info_config form_config{:I('id')}_sub">
<foreach name="tab['options']" item="tab_form" key="o_tab_key">
<li>
<label>{$tab_form.title|default=''}</label>
<div class="form_main">
<switch name="tab_form.type">
<case value="text">
<input type="text" name="config[{$o_tab_key}]" class="text input-large" value="{$tab_form.value}">
</case>
<case value="password">
<input type="password" name="config[{$o_tab_key}]" class="text input-large" value="{$tab_form.value}">
</case>
<case value="hidden">
<input type="hidden" name="config[{$o_tab_key}]" value="{$tab_form.value}">
</case>
<case value="radio">
<div class="form_radio">
<foreach name="tab_form.options" item="opt" key="opt_k">
<label>
<input type="radio" name="config[{$o_tab_key}]" value="{$opt_k}" <eq name="tab_form.value" value="$opt_k"> checked</eq>> {$opt}
</label>
</foreach>
</div>
</case>
<case value="checkbox">
<div class="form_checkbox">
<foreach name="tab_form.options" item="opt" key="opt_k">
<label class="checkbox">
<php> is_null($tab_form["value"]) && $tab_form["value"] = array();</php>
<input type="checkbox" name="config[{$o_tab_key}][]" value="{$opt_k}" <in name="opt_k" value="$tab_form.value"> checked</in>>{$opt}
</label>
</foreach>
</div>
</case>
<case value="select">
<select name="config[{$o_tab_key}]">
<foreach name="tab_form.options" item="opt" key="opt_k">
<option value="{$opt_k}" <eq name="tab_form.value" value="$opt_k"> selected</eq>>{$opt}</option>
</foreach>
</select>
</case>
<case value="textarea">
<textarea name="config[{$o_tab_key}]">{$tab_form.value}</textarea>
</case>
<case value="picture_union">
<div class="controls">
<input type="file" id="upload_picture_{$o_tab_key}">
<input type="hidden" name="config[{$o_tab_key}]" id="cover_id_{$o_tab_key}" value="{$tab_form.value}"/>
<div class="upload-img-box">
<notempty name="tab_form['value']">
<php> $mulimages = explode(",", $tab_form["value"]); </php>
<foreach name="mulimages" item="one">
<div class="upload-pre-item" val="{$one}">
<img src="{$one|get_cover='path'}" ondblclick="removePicture{$o_tab_key}(this)"/>
</div>
</foreach>
</notempty>
</div>
</div>
<script type="text/javascript">
//上传图片
/* 初始化上传插件 */
$("#upload_picture_{$o_tab_key}").uploadify({
"height" : 30,
"swf" : "__STATIC__/uploadify/uploadify.swf",
"fileObjName" : "download",
"buttonText" : "上传图片",
"uploader" : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
"width" : 120,
'removeTimeout' : 1,
'fileTypeExts' : '*.jpg; *.jpeg; *.png; *.gif;',
"onUploadSuccess" : uploadPicture{$o_tab_key},
'onFallback' : function() {
alert('未检测到兼容版本的Flash.');
}
});
function uploadPicture{$o_tab_key}(file, data){
var data = $.parseJSON(data);
var src = '';
if(data.status){
src = data.url || '__ROOT__' + data.path
$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').append(
'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_tab_key}(this)"/></div>'
);
setPictureIds{$o_tab_key}();
} else {
updateAlert(data.info);
setTimeout(function(){
$('#top-alert').find('button').click();
$(that).removeClass('disabled').prop('disabled',false);
},1500);
}
}
function removePicture{$o_tab_key}(o){
var p = $(o).parent().parent();
$(o).parent().remove();
setPictureIds{$o_tab_key}();
}
function setPictureIds{$o_tab_key}(){
var ids = [];
$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').find('.upload-pre-item').each(function(){
ids.push($(this).attr('val'));
});
if(ids.length > 0)
$("#cover_id_{$o_tab_key}").val(ids.join(','));
else
$("#cover_id_{$o_tab_key}").val('');
}
</script>
</case>
</switch>
</div>
<present name="tab_form.tip">
<i class="form_hint">{$tab_form.tip}</i>
</present>
<li>
</foreach>
</ul>
</div>
</volist>
</div>
</case>
</switch>
</div>
<present name="form.tip">
<i class="form_hint">{$form.tip}</i>
</present>
</li>
</foreach>
</ul>
<else />
<present name="custom_config">
{$custom_config}
</present>
</empty>
<input type="hidden" name="id" value="{:I('id')}" readonly>
<button type="submit" class=" submit_btn ajax-post mlspacing" target-form="form-horizontal">确 定</button>
<a class="submit_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();" >
返回
</a>
</form>
</div>
</block>
<block name="script">
<script type="text/javascript" charset="utf-8">
//导航高亮
highlight_subnav('{:U('Addons/index')}');
if($('ul.tab-nav').length){
//当有tab时返回按钮不显示
$('.btn-return').hide();
}
$(function(){
//支持tab
showTab();
})
</script>
</block>