@{layout module_layout}
@set header{
@}
@set body{
<style type="text/css">
    ._title{
        float: left;
        text-align: right;
        width:70px;
    }
    ._column{
        padding: 5px 0;
    }
    ._column input{
        width: 220px;
        padding-left: 5px;
    }
    select{
        height:auto;
    }
</style>
<form method="POST">
    @{Html.Hidden("ID",d.ID)}
    <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/SimplePage?ID=0">返回<img src="/static/images/return.png" /></a></li>
        </ul>
    </div>
    <div style="padding: 10px 15px;">
        <ul class="_column">
            <li class="_title">标题：</li>
            <li>@{Html.Text("Text",d.Text)}</li>
        </ul>
        <ul class="_column">
            <li class="_title">别名：</li>
            <li>@{Html.Text("Alias",d.Alias)}</li>
        </ul>
        <ul class="_column">
            <li class="_title">打开方式：</li>
            <li>
                <select id="NewWindow" name="NewWindow">
                    <option value="false">原窗口</option>
                    <option value="true">新窗口</option>
                </select>
                <script>
                    $("#NewWindow").val("@{d.NewWindow}")
                </script>
            </li>
        </ul>
        <ul class="_column">
            <li class="_title">页面：</li>
            <li>
                <select name="PageID">
                    @for m in d.PageSource{
                        <option 
                        @if m.ID==d.PageID{
                            selected="selected"
                        @}
                        value="@{m.ID}">@{m.Name}</option>
                    @}
                </select>
            </li>
        </ul>
        <ul style="margin-top:5px">
            <li>
                <textarea id="Body" name="Body" style = "height:220px">@{d.Body}</textarea>
            </li>
        </ul>
        <script type="text/javascript">
            $("#Text").blur(function () {
                if ($.trim($(this).val()) != "") {
                    var py = pinyin.getFullChars($.trim($(this).val())).toLowerCase();
                    if (py.length>30){
                        py = pinyin.getCamelChars($.trim($(this).val())).toLowerCase();
                    }
                    $("#Alias").val(py);
                }
            });
            UE.delEditor('Body');
            var pro_ue = UE.getEditor('Body', {
                toolbars: [
                    [
                        'help',
                        'undo',
                        'redo',
                        'bold',
                        'indent',
                        'italic',
                        'underline',
                        'strikethrough',
                        'pasteplain',
                        'selectall',
                        'link',
                        'unlink',
                        'fontfamily',
                        'fontsize',
                        'insertimage',
                        'forecolor',
                        'backcolor',
                        'lineheight',
                        'fullscreen',
                        'print',
                        'source',
                    ]
                ],
                autoHeightEnabled: false,
                initialFrameWidth: null,
                zIndex: 123456789,
                UEDITOR_HOME_URL: "/static/scripts/ueditor/",
                serverUrl: "/api/Ueditor"
            });
        </script>
    </div>
    <div class="_BtnItem">
        <ul class="BtnSubmit"><input class="subBtn _subBtn" value="提交" type="submit" /></ul>
        <ul class="BtnReset" style="float:right;"><input value="重置" type="reset" /></ul>
    </div>

</form>
@}