@{layout module_layout}
@set header{
@}
@set body{
<style type="text/css">
    ._LinkItem {
        padding-left: 25px;
        height: 320px;
    }
</style>
<div id="myEdit" style="display:none"></div>
<form method="post">
    @{Html.Hidden("ID",d.ID)}
    @{Html.Hidden("ModuleID",d.ModuleID)}
    @{Html.Hidden("Image",d.Image)}
    @{Html.Hidden("CusURL",d.CusURL)}
    <div class="TextContentTitle">
        <ul class="_AttrTitle">
            @if d.ID{
                <li class="_AttrName">编辑通用项</li>
            }else{
                <li class="_AttrName">添加通用项</li>
            @}
            <li class="_AttrReturn"><a class="_action" href="/module/Gen?ID=@{d.ModuleID}">返回<img src="/static/images/return.png" /></a></li>
        </ul>
    </div>
    <div class="_LinkItem">
        <ul class="a1">
            <li class="GenItemTitle">选择类型：</li>
            <li>
                <select id="ModType" name="Type" style="color: #666;">
                    <option value="文本">文本</option>
                    <option value="链接">链接</option>
                    <option value="图片">图片</option>
                    <option value="图片链接">图片链接</option>
                </select>
                <script>
                    $("#ModType").val("@{d.Type}")
                </script>
            </li>
        </ul>

        <ul>
            <li>相关文字：</li>
            <li>
                <textarea id="Text" name="Text" style = "width:490px;height:100px">@{d.Text}</textarea>
            </li>
        </ul>

        <ul class="modlink">
            <li>链接地址：</li>
            <li>
                @{Html.Text("URL",d.URL,"style='width:490px'")}
            </li>
        </ul>
        <ul class="modlink">
            <li>打开方式：</li>
            <li>
                @{Html.Radio("NewWindow",d.NewWindow,false)}<label>原窗口</label>
                @{Html.Radio("NewWindow",d.NewWindow,true)}<label>新窗口</label>
            </li>
        </ul>

        
        <ul class="modimage" style="height:auto">
            <li>图片展示：</li>
            <li>
                <ul style="width:512px; height:auto; overflow:hidden">
                    <img id="imageShow" style="max-height:108px; max-width:492px" src="@{d.Image}" />
                </ul>
                <ul style="margin-top:10px">
                    <input id="UPIMG" type="button" style="border: 1px solid #1a416b;background-color: #3e76b1; padding: 5px 10px;color: #fff;" value="点击上传" />
                </ul>
            </li>
        </ul>
        <script type="text/javascript">

            var mt = $("#ModType");
            showItem();
            mt.change(function () {
                showItem();
            });

            function showItem() {
                switch (mt.val()) {
                    case "文本":
                        $(".modlink,.modimage").hide();
                        break;
                    case "链接":
                        $(".modimage").hide();
                        $(".modlink").show();
                        break;
                    case "图片":
                        $(".modimage").show();
                        $(".modlink").hide();
                        break;
                    case "图片链接":
                        $(".modlink,.modimage").show();
                        break;
                }
            }

            var myEdit = UE.getEditor("myEdit", {
                zIndex: 9999999999,
                UEDITOR_HOME_URL: "/static/scripts/ueditor/",
                serverUrl: "/api/Ueditor"
            });
            myEdit.ready(function () {
                myEdit.addListener("beforeInsertImage", function (t, arg) {
                    for (var i = 0; i < arg.length; i++) {
                        $("#imageShow").attr("src", arg[i].src);
                        $("#Image").val(arg[i].src);
                    }
                });
            });
            $("#UPIMG").click(function () {
                var d = myEdit.getDialog("insertimage", { zIndex: 9999999999});
                d.render();
                d.open();
            });
        </script>
    </div>

    <div class="_BtnItem" style="margin-top:15px;">
        <ul class="BtnSubmit"><input value="提交" class="_subBtn" type="submit"/></ul>
        <ul class="BtnReset" style="float:right;"><input value="重置" type="reset" /></ul>
    </div>
</form>
@}