{template 'web/common/header'}
<div class="layui-fluid">
    <div class="fui-content main-content">
        {template 'server/storage:tabs'}
        {if !$storageLink}
        <div class="layui-elem-quote margin-bottom" style="border-color: #FF5722; background-color: #fadbd9;">
            <p class="text-red">当前存储系统未正确创建符号链接，上传的文件将无法正常显示和下载，请手动删除目录（<strong>{php echo public_path('storage')}</strong>）后刷新此页面</p>
        </div>
        {/if}
        {if $remoteForce}
        <div class="layui-elem-quote margin-bottom" style="border-color: #FF5722; background-color: #fadbd9;">
            <p class="text-red">当前系统要求必须使用云存储，请先<a href="{php echo $inService->url('remote')}" class="text-blue">配置云存储</a></p>
        </div>
        {/if}
        <div class="layui-card fui-card">
            <div class="layui-card-header">
                {if $remoteState}
                <a class="fr layui-btn margin-left confirm" data-text="确定要将本地文件全部上传云存储吗？" href="{php echo $inService->url('upload_remote', ['type'=>$type])}">批量上传云存储</a>
                {/if}
                <button type="button" class="fr layui-btn layui-btn-normal" id="attach_upload">上传{$attach_types[$type]}</button>
                <a class="title" id="attachtype" href="javascript:;">{$title}&nbsp;<span class="layui-icon layui-icon-triangle-d"></span></a>
                <p>共找到{$total}个{$attach_types[$type]}附件</p>
                <div class="layui-progress layui-progress-big layui-hide" lay-filter="uploadProgress" lay-showPercent="yes">
                    <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                </div>
            </div>
            <div class="layui-card-body filepicker">
                {template 'server/storage:picker'}
                <div class="padding layui-form">
                    <div class="layui-input-inline">
                        <input type="checkbox" lay-filter="checkAll" name="checkAll" lay-skin="primary" title="全选">
                    </div>
                    <button id="moveToGroup" class="layui-btn layui-btn-normal" type="button">移至分组</button>
                    <button class="layui-btn layui-btn-normal" type="button" onclick="doRemote()">上传云存储</button>
                    <button class="layui-btn layui-btn-danger" type="button" onclick="doRemove()">删除</button>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .filepicker .attach-copy{position: absolute; top: 22px; right: 22px; background: #ffffff; width: 32px; height: 32px; text-align: center; line-height: 32px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.2); border-radius: 50%;}
    .filepicker .attach-item .attach-thumb{position: relative; overflow: hidden;}
    .filepicker .attach-item.local .attach-thumb:after{content: '本地'; background-color: #07c160; color: #ffffff; padding: 2px 5px; position: absolute; right: 5px; bottom: 5px; white-space: nowrap; font-size: 12px; border-radius: 5px;}
</style>
<script type="text/javascript">
    var groups = JSON.parse('{php echo json_encode($groups)}'), groupId = parseInt("{php echo intval($_GPC['gid'])}");
    function DropRender(dropdown){
        dropdown.render({
            elem:"#attachtype",
            data:[
                {title:"文档",id:"{php echo serv('storage')->url('index', array('type'=>0));}"},
                {title:"图片",id:"{php echo serv('storage')->url('index', array('type'=>1));}"},
                {title:"音频",id:"{php echo serv('storage')->url('index', array('type'=>2));}"},
                {title:"视频",id:"{php echo serv('storage')->url('index', array('type'=>3));}"}
            ],
            click:function (obj){
                window.location.href = obj.id;
            },
            align:"right"
        });
        $('.attach-item').each(function (i){
            let Elem = $(this);
            let attachid = Elem.data('aid');
            let groupid = parseInt(Elem.data('gid'));
            let groupdata;
            <!--{if $type==1}-->
            let groupmenu = [];
            if(groupid>0){
                groupmenu.push({
                    title:"取消分组",
                    id:"gid:0",
                    templet:'<span class="text-red">{{d.title}}</span>'
                });
            }
            if(groups.length>0){
                groupmenu = BiuldMenu(groupmenu, groups, groupid);
            }
            groupmenu.push({title:"新建分组",id:"addgroup",templet:'<span class="text-blue">{{d.title}}</span>'});
            groupdata = [{title:"重命名",id:"rename"},{title:"分组",id:"regroup", child:groupmenu},{title:"删除",id:"remove",templet:'<span class="text-red">{{d.title}}</span>'}];
            <!--{else}-->
            groupdata = [{title:"重命名",id:"rename"},{title:"删除",id:"remove",templet:'<span class="text-red">{{d.title}}</span>'}];
            <!--{/if}-->
            <!--{if $remoteState}-->
            if(Elem.hasClass('local')){
                groupdata.unshift({title:"上传云存储",id:"upRemote"});
            }
            <!--{/if}-->
            dropdown.render({
                elem:this,
                data:groupdata,
                trigger:"contextmenu",
                click:function (obj){
                    switch (obj.id) {
                        case "addgroup":{
                            BiuldGroup(0, "");
                            break;
                        }
                        case "upRemote" :{
                            Core.confirm("上传后将删除本地文件，确定上传到云存储？",function (){
                                Core.post('{php echo serv("storage")->url("up2remote")}', function (res){
                                    Core.report(res);
                                },{attachid:attachid});
                            }, null, {title:"上传到云存储"});
                            break;
                        }
                        case "rename":{
                            let filename = Elem.data("name");
                            layer.prompt({
                                formType:0,
                                value:filename,
                                title:"重命名"
                            }, function (value, index){
                                layer.close(index);
                                Core.post('{php echo serv("storage")->url("refactor")}',function (res){
                                    Core.report(res);
                                },{attachid:attachid,name:value});
                            });
                            break;
                        }
                        case "regroup" : break;
                        case "remove":{
                            Core.confirm("删除后可能会造成文件引用显示异常且不可恢复，是否确定要删除？",function (){
                                Core.post('{php echo serv("storage")->url("remove")}', function (res){
                                    Core.report(res);
                                },{attachid:attachid});
                            }, null, {title:"删除文件"});
                            break;
                        }
                        default : {
                            let gid = parseInt(obj.id.replace("gid:",""));
                            if(gid===groupid && gid>0) return;
                            Core.post('{php echo serv("storage")->url("regroup")}', function (res){
                                Core.report(res);
                            },{attachid:attachid,groupid:gid});
                            break;
                        }
                    }
                }
            });
        });
        let groupMenu = BiuldMenu([{title:"新建分组", type:"addGroup", id:"0", templet:'<span class="text-blue">{{d.title}}</span>'}], groups, 0);
        dropdown.render({
            elem:"#moveToGroup",
            data:groupMenu,
            trigger:"hover",
            click:function (obj){
                switch (obj.type) {
                    case 'addGroup' : {
                        BiuldGroup(0, "");
                        break;
                    }
                    default : {
                        //批量移动分组
                        let gid = parseInt(obj.id.replace("gid:","")), attachIds = [];
                        $('.attach-item.checked').each(function () {
                            attachIds.push($(this).data('aid'))
                        });
                        if (attachIds.length===0){
                            return layer.msg("请选择要移动的文件", {icon: 2});
                        }
                        Core.post('{php echo serv("storage")->url("regroup")}', function (res){
                            Core.report(res);
                        },{ids:attachIds, groupid:gid, multi:"true"});
                        break;
                    }
                }
            }
        });
    }
    function UploadRender(upload){
        upload.render({
            elem: "#attach_upload",
            url:'{php echo serv("storage")->url("uploader", array("type"=>$type))}',
            done:function (res){
                Core.report(res);
            },
            before:function (e) {
                $('.layui-progress').removeClass("layui-hide");
            },
            headers:{
                "X-CSRF-TOKEN":"{$_W['token']}"
            },
            accept:"{$accept}",
            exts:"{$acceptExts}",
            error:function (e){
                console.log(e);
            },
            progress:function (n){
                layui.element.progress('uploadProgress', n + '%');
            },
            data:{
                token:"{$_W['token']}",
                inputname:"file",
                gid:groupId
            }
        });
    }
    function FormRender(form) {
        form.on('checkbox(checkAll)', function (data) {
            if (data.elem.checked){
                $(".attachments .attach-item").addClass('checked');
            }else{
                $(".attachments .attach-item").removeClass('checked');
            }
        });
    }
    function BiuldGroup(gid=0,name=""){
        layer.prompt({
            formType:0,
            value:name,
            title:name===""?"新建分组":"重命名"
        }, function (value, index){
            layer.close(index);
            Core.post('{php echo serv("storage")->url("group/post", array("type"=>$type))}',function (res){
                Core.report(res);
            },{gid:gid,name:value});
        });
    }
    function BiuldMenu(menus, groups=[], groupid=0){
        if(groups.length===0) return menus;
        for(let i in groups){
            menuitem = {
                title:groups[i].name,
                id:"gid:"+groups[i].id,
                type:'groupItem'
            };
            if(groups[i].sub_group.length>0){
                menuitem.child = BiuldMenu([], groups[i].sub_group, groupid);
            }
            if(groups[i].id == groupid){
                menuitem.templet = '<span class="text-gray">{{d.title}}</span><span class="layui-icon-ok layui-icon"></span>'
            }
            menus.push(menuitem);
        }
        return menus;
    }
    function doRemove() {
        let attachIds = [];
        $('.attach-item.checked').each(function () {
            attachIds.push($(this).data('aid'))
        });
        if (attachIds.length===0){
            return layer.msg("请选择要删除的文件", {icon: 2});
        }
        Core.confirm("删除后可能会造成文件引用显示异常且不可恢复，是否确定要删除？",function (){
            Core.post('{php echo serv("storage")->url("remove")}', function (res){
                Core.report(res);
            },{ids:attachIds, multi: "true"});
        }, null, {title:"删除文件"});
    }
    function doRemote() {
        let attachIds = [];
        $('.attach-item.checked').each(function () {
            attachIds.push($(this).data('aid'))
        });
        if (attachIds.length===0){
            return layer.msg("请选择要操作的文件", {icon: 2});
        }
        Core.confirm("上传后将删除本地文件，确定上传到云存储？",function (){
            Core.post('{php echo serv("storage")->url("up2remote")}', function (res){
                Core.report(res);
            },{ids:attachIds, multi: "true"});
        }, null, {title:"上传到云存储"});
    }
    $(function (){
        $(".editgroup").click(function (){
            let category = $(".category");
            if (category.hasClass("editing")){
                category.removeClass("editing");
                $(this).text("管理分组");
            }else {
                category.addClass("editing");
                $(this).text("完成");
            }
        });
        $(".category").find('a.action').click(function (){
            let gid = $(this).data('gid');
            let action = $(this).data('action');
            if(action==="remove"){
                Core.confirm("删除后不可恢复，是否确定要删除？", function (){
                    Core.post('{php echo serv("storage")->url("group/remove")}', function (res){
                        Core.report(res);
                    },{gid:gid});
                }, null, {title:"删除分组"});
            }else if(action==="rename"){
                let name = $(this).data('name');
                BiuldGroup(gid, name);
            }
            return false;
        });
        $(".attachments .attach-item").click(function () {
            let Elem = $(this);
            if(Elem.hasClass('checked')){
                $(this).removeClass('checked');
            }else{
                $(this).addClass('checked');
            }
        });
    });
</script>
{template 'web/common/footer'}