<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="../Js/layui/css/layui.css" />
    <meta charset="utf-8" />
    <title>编辑文件夹</title>
    <style>
        body {
            font-family: 'Microsoft YaHei';
        }

        .hidden {
            display: none;
        }

        .middle-align {
            vertical-align: middle;
            text-align: center;
        }

        .layui-footer {
            background-color: transparent !important;
            left: 0 !important;
            vertical-align: middle !important;
            text-align: center !important;
            padding: 10px !important;
        }

        .layui-form-label {
            text-align: left !important;
            width: 100px;
            padding: 9px 0px !important;
        }

        .layui-form {
            padding: 0px !important;
        }

        .layui-form-item {
            margin: 15px !important;
        }
    </style>
</head>
<body>
    <script src="../Js/layui/layui.all.js"></script>
    <script src="../Js/Common.js"></script>
    <form class="layui-form middle-align" onkeydown="if(event.keyCode==13)return false;">
        <div class="layui-form-item layui-layout-admin middle-align">
            <label class="layui-form-label" id="folderNameLabel"></label>
            <div class="layui-input-block">
                <input type="text" lay-verify="name|inputMaxLen" name="folderName" id="folderName" autocomplete="off" placeholder="Input folder name" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-layout-admin middle-align">
            <label class="layui-form-label" id="passwordLabel"></label>
            <div class="layui-input-block">
                <input type="password" lay-verify="passOrEmpty" name="folderPassword" id="folderPassword" autocomplete="off" placeholder="Input password" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-layout-admin">
            <a id="confirmBtn" class="layui-btn layui-btn-normal" lay-submit lay-filter="component-form-submit">confirm</a>
            <a id="back" class="layui-btn layui-btn-primary"></a>
        </div>
    </form>
    <script>
        var param = layui.getParams();
        var id = parseInt(param.id);
        var currUser = param.currUser;
        var isBusy = false;
        layui.$("#folderName").attr("placeholder", layui.translater("InputHit"));
        layui.$("#folderPassword").attr("placeholder", layui.translater("IgnoreInputHit"));
        layui.$("#folderNameLabel").text(layui.translater("FolderName"));
        layui.$("#passwordLabel").text(layui.translater("Password"));
        layui.$("#back").text(layui.translater("Cancel"));
        layui.$("#confirmBtn").text(layui.translater("Confirm"));

        var fileUrl, type, fatherId, fileMd5;
        layui.doGet("/CloudDisk/FoldersAndFiles/GetFoldersAndFilesById", { id }, function (res) {
            layui.$("#folderName").val(res.name);
            layui.$("#folderPassword").val(res.password);
            fileUrl = res.fileUrl;
            type = res.type;
            fatherId = res.fatherId;
            fileMd5 = res.fileMd5;
        });


        layui.formOnSubmit('component-form-submit', function (data) {
            if (!isBusy) {
                isBusy = true;
                var param;
                if (layui.$("#contentType").val() == "multipart/form-data") {
                    param = new FormData(data.form);
                } else {
                    param = {
                        id: id,
                        name: layui.$("#folderName").val(),
                        password: layui.$("#folderPassword").val(),
                        fileUrl,
                        fatherId,
                        type,
                        fileMd5,
                        currUser
                    };
                }
                layui.doPost("/CloudDisk/FoldersAndFiles/EditFoldersAndFiles"
                    , param
                    , function (res) {
                        layui.$("#back").click();
                        if (!res.success) {
                            if (res.msg) {
                                window.top.layui.layer.alert(res.msg, { title: ' ', btn: [layui.translater("Confirm")] });
                            }
                            else {
                                window.top.layui.layer.alert(layui.translater("OperateFailed"), { title: ' ', btn: [layui.translater("Confirm")] });
                            }
                        }
                        isBusy = false;
                    }, function (xhr, ts) {
                    }, function (xhr, err, errthrowd) {

                        isBusy = false;
                        window.top.layui.layer.alert(err);
                    }, layui.$("#contentType").val());
            }
        });
        layui.elementOn("#back", "click", function () {
            if (parent.loadPage) {
                parent.loadPage();
            }
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });
    </script>
</body>
</html>