{__NOLAYOUT__}
<include file="Common:dialog" />
<link rel="stylesheet" href="/Public/kindeditor/themes/default/default.css" />
<script src="/Public/kindeditor/kindeditor.js"></script>
		<script src="/Public/kindeditor/lang/zh_CN.js"></script>
		<script>
			KindEditor.ready(function(K) {
				var editor = K.editor({
					allowFileManager : true
				});

				K('#image3').click(function() {
					editor.loadPlugin('image', function() {
						editor.plugin.imageDialog({
							showRemote : false,
							imageUrl : K('#image_path').val(),
							clickFn : function(url, title, width, height, border, align) {
								K('#image_path').val(url);
								editor.hideDialog();
							}
						});
					});
				});
			});
		</script>
<div class="page_table" style="width: 98%;">
    <!--<table width="100%" cellpadding="0" cellspacing="0" border="0" class="box_top">
        <thead class="thead">
            <tr class="space">
                <th colspan="10">编辑友情链接</th>
            </tr>
        </thead>
    </table>-->
    <form action="{:U('Admin/Links/doSaveLinks')}" method="post" class="formvalidate">
        <table  width="100%"  cellpadding="0" cellspacing="1" border="0">
            <tbody>
                <tr>
                    <td class="name" width="150">
                        <label class="validation">
                            <span class="spanMsg">*</span>链接类型：
                        </label>
                    </td>  
                    <td class="rowform select_type">
                        <ul>

                            <li>
                                <label>
                                    <input type="radio" <if condition="$data.type eq '0'">checked="checked"</if> value="0" name="type">文字链接</label>
                            </li>
                            <li>
                                <label>
                                    <input type="radio" <if condition="$data.type eq '1'">checked="checked"</if>value="1" name="type">图片链接</label>
                            </li>
                        </ul>
                    </td>
                    <td class="field">
                        <img title="请选择您的模板支持的链接类型" class="title2div" src="__PUBLIC__/Admin/images/icons/icon_help.png" width="16" height="16">				
                    </td>
                </tr>
                <tr>
                    <td class="name">
                        <label class="validation"><span class="spanMsg">*</span>网站名称：</label>
                    </td>
                    <td>
                        <input type="text" class="input rounded" name="name" size="50" value="{$data.name}" style="width:300px;" required validate="{ required:true,maxlength:30}">
                    </td>
                    <td class="field"></td>
                </tr>
                
                <tr>
                    <td class="name" width="150">
                        <label class="validation"><span class="spanMsg">*</span>链接地址：</label>
                    </td>
                    <td><input type="text" class="input rounded" name="link_url" id="link_url" size="30" value="{$data.link_url|default='http://'}" style="width:300px;" required validate="{ required:true}"></td>
                    <td class="field"></td>
                </tr>
                
                <tr id="image_url" <if condition="$data.type eq '0'">style="display: none;"</if>>
                    <td class="name">
                        <label class="validation"><span class="spanMsg">*</span>链接图片：</label>
                    </td>
                    <td>
                       <p> <input type="text" class="input rounded" name="image_path" id="image_path" size="30" value="{$data.image_path}" style="float: left;width: 100px;">  
                        <input type="button" id="image3"  class="type-file-button" />
                        </p>

                    </td>
                    <td class="field"><img <if condition="$data.image_path eq ''">title="这是一张默认的友情链接"<else />title="{$data.name}"</if> class="title2div" src="{$data.image_path}" width="88" height="31">				</td>
                </tr>
                <tr>
                    <td class="name">
                        <label class="validation">描述：</label>
                    </td>
                    <td>
                        <textarea name="description" value="{$data.description}" class="rounded" style="width:300px; height:60px; padding:5px;"></textarea> 
                    </td>
                    <td class="field"><img title="描述。" class="title2div" src="__PUBLIC__/Admin/images/icons/icon_help.png" width="16" height="16">				</td>
                </tr>
                <tr>
                    <td class="name">
                        <label class="validation"><span class="spanMsg">*</span>排序：</label>
                    </td>
                    <td>
                        <input type="text" name="order" value="{$data.order}" class="input rounded" size="10">  
                    </td>
                    <td class="field">

                    </td>
                </tr>
                <tr>
                    <td class="name" width="150">
                        <label class="validation">
                            <span class="spanMsg">*</span>状态：
                        </label>
                    </td>  
                    <td class="rowform">
                        <ul>

                            <li>
                                <label>
                                    <input type="radio" <if condition="$data.status eq '1'">checked="checked"</if> value="1" name="status">启用</label>
                            </li>
                            <li>
                                <label>
                                    <input type="radio" value="0" name="status" <if condition="$data.status eq '0'">checked="checked"</if>>停用</label>
                            </li>
                        </ul>
                    </td>
                    <td class="field">
                        <img title="当链接状态为停用时,将不再前台显示" class="title2div" src="__PUBLIC__/Admin/images/icons/icon_help.png" width="16" height="16">				
                    </td>
                </tr>
            </tbody>
        </table>
        <table >
            <tbody>
                <tr>
                    <td align="left" height="60" colspan="2">
                        <input type="hidden" value="{$data.id}" name="id">
                        <input id="dosubmit" style="display:none;" class="submit" type="submit" value="提交">
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>

<script>
    $(document).ready(function(){
        $(".select_type input[name='type']").click(function(){
            var val = $(this).val();
            if(val == '1'){
                $("#image_path").attr("validate",'{ required:true}');
                $("#image_url").fadeIn();
            }else{
                $("#image_path").attr("validate",'');
                $("#image_url").fadeOut();
            }
        });
        
        
    });
</script>