{extend name="admin/layout/default" /}

{block name="title"}插件打包{/block}
{block name="desc"}把本地已安装的插件打成 zip 安装包，供分发与交付（不登记任何市场）{/block}

{block name="content"}

<div class="row">
    <div class="col-sm-7">
        <div class="panel panel-default">
            <div class="panel-heading">本地插件</div>
            <div class="panel-body" style="padding:0;">
                <div id="pack-toolbar" class="packer-toolbar" style="padding:10px;">
                    <input type="text" id="filter-keyword" class="form-control input-sm"
                           placeholder="插件名 / 名称"
                           style="width:180px;display:inline-block;">
                    <button type="button" class="btn btn-default btn-sm btn-search">
                        <i class="fa fa-search"></i> 搜索
                    </button>
                    <button type="button" class="btn btn-default btn-sm btn-reload">
                        <i class="fa fa-refresh"></i> 刷新
                    </button>
                </div>
                <table id="pack-table" class="packer-table"></table>
            </div>
        </div>
    </div>

    <div class="col-sm-5">
        <div class="panel panel-primary">
            <div class="panel-heading">打包</div>
            <div class="panel-body">
                <div class="form-group">
                    <label>插件</label>
                    <input type="text" id="pack-name" class="form-control" readonly
                           placeholder="请在左侧选择一个插件">
                </div>
                <div class="form-group">
                    <label>版本号</label>
                    <input type="text" id="pack-version" class="form-control"
                           placeholder="留空则沿用 info.ini 的 version">
                    <div class="packer-tip">只写入包内 info.ini，不改动源文件</div>
                </div>
                <button type="button" id="btn-pack" class="btn btn-primary btn-block">
                    <i class="fa fa-cube"></i> 开始打包
                </button>
                <div id="pack-result" style="margin-top:15px;"></div>
            </div>
        </div>
    </div>
</div>

{/block}

{block name="script"}
<script>
    $(function () {
        function esc(s) {
            return $('<div/>').text(s === undefined || s === null ? '' : s).html();
        }

        function fmtBytes(bytes) {
            var size = parseInt(bytes, 10) || 0;
            var units = ['B', 'KB', 'MB', 'GB'];
            var i = 0;
            while (size >= 1024 && i < 3) {
                size /= 1024;
                i++;
            }
            return (i === 0 ? size : size.toFixed(2)) + ' ' + units[i];
        }

        PackerAdmin.table('#pack-table', {
            url: '{:addon_url("packer/pack/addons")}',
            uniqueId: 'name',
            pagination: false,
            pageSize: 500,
            singleSelect: true,
            params: function () {
                return {keyword: $('#filter-keyword').val()};
            },
            columns: [
                {radio: true, title: '选择', width: 40, align: 'center'},
                {
                    field: 'name', title: '插件', width: 130,
                    formatter: function (value, row) {
                        return '<strong>' + esc(value) + '</strong>';
                    }
                },
                {field: 'title', title: '名称'},
                {field: 'version', title: '版本', width: 80, align: 'center'},
                {
                    field: 'state', title: '状态', width: 70, align: 'center',
                    formatter: function (value) {
                        return parseInt(value, 10) === 1
                            ? '<span class="label label-success">启用</span>'
                            : '<span class="label label-default">停用</span>';
                    }
                },
                {
                    field: 'packable', title: '可打包', width: 80, align: 'center',
                    formatter: function (value) {
                        return parseInt(value, 10) === 1
                            ? '<i class="fa fa-check text-success"></i>'
                            : '<i class="fa fa-times text-danger" title="插件目录名含非法字符，打出来也装不上"></i>';
                    }
                }
            ],
            clickToSelect: true,
            onCheck: function (row) {
                if (parseInt(row.packable, 10) !== 1) {
                    PackerAdmin.error('该插件目录名不符合插件名规范（仅字母数字），无法打包');
                    $('#pack-table').bootstrapTable('uncheckBy', {field: 'name', values: [row.name]});
                    return;
                }
                $('#pack-name').val(row.name);
                $('#pack-version').val(row.version || '');
                $('#pack-result').html('');
            },
            onUncheck: function () {
                $('#pack-name').val('');
                $('#pack-version').val('');
                $('#pack-result').html('');
            }
        });

        $(document).on('click', '#pack-toolbar .btn-search', function () {
            PackerAdmin.refresh('#pack-table');
        });
        $(document).on('click', '#pack-toolbar .btn-reload', function () {
            $('#filter-keyword').val('');
            PackerAdmin.refresh('#pack-table');
        });
        $(document).on('keydown', '#filter-keyword', function (e) {
            if (e.keyCode === 13) {
                PackerAdmin.refresh('#pack-table');
            }
        });

        $(document).on('click', '#btn-pack', function () {
            var name = $.trim($('#pack-name').val());
            if (!name) {
                PackerAdmin.error('请先在左侧选择一个插件');
                return;
            }
            var $btn = $(this).prop('disabled', true);
            var oldHtml = $btn.html();
            $btn.html('<i class="fa fa-spinner fa-spin"></i> 打包中...');

            function restore() {
                $btn.prop('disabled', false).html(oldHtml);
            }

            // 不用 PackerAdmin.submit：它在业务失败（code=0）时只弹 toast 不回调，
            // 按钮会卡在 loading 状态。这里自己发请求以便完整控制成功与失败。
            var data = {
                name: name,
                version: $.trim($('#pack-version').val())
            };
            if (window.PACKER && window.PACKER.token) {
                data.__token__ = window.PACKER.token;
            }

            $.ajax({
                url: '{:addon_url("packer/pack/dopack")}',
                type: 'POST',
                dataType: 'json',
                data: data,
                success: function (res) {
                    restore();
                    if (!res || !res.code) {
                        PackerAdmin.error((res && res.msg) || '打包失败');
                        return;
                    }
                    PackerAdmin.success(res.msg || '打包成功');
                    var d = res.data || {};
                    var html = renderPkg(d.package || {});
                    $('#pack-result').html(html);
                    PackerAdmin.refresh('#pack-table');
                },
                error: function (xhr) {
                    restore();
                    PackerAdmin.error('请求失败' + (xhr && xhr.status ? '（HTTP ' + xhr.status + '）' : ''));
                }
            });
        });

        function renderPkg(pkg) {
            if (!pkg || !pkg.path) {
                return '';
            }
            var html = '<div class="alert" style="word-break:break-all;background-color:#fff;color:#333;border:1px solid #ddd;">';
            html += '<div><strong>' + esc(pkg.title || pkg.name) + '</strong> v' + esc(pkg.version) + '</div>';
            html += '<div class="text-muted" style="font-size:12px;">文件：' + esc(pkg.path) + '</div>';
            html += '<div class="text-muted" style="font-size:12px;">大小：' + fmtBytes(pkg.size)
                + '　文件数：' + parseInt(pkg.files, 10) + '</div>';
            var nAsset = parseInt(pkg.assets, 10) || 0;
            var nGlobal = parseInt(pkg.global, 10) || 0;
            if (nAsset > 0 || nGlobal > 0) {
                var parts = [];
                if (nAsset > 0) {
                    parts.push('静态资源 ' + nAsset + ' 个');
                }
                if (nGlobal > 0) {
                    parts.push('全局文件 ' + nGlobal + ' 个');
                }
                html += '<div class="text-success" style="font-size:12px;">已从 public 目录补录：'
                    + parts.join('、') + '</div>';
            }
            html += '<div class="text-muted" style="font-size:12px;">SHA256：' + esc(pkg.sha256) + '</div>';
            if (pkg.oldversion && pkg.oldversion !== pkg.version) {
                html += '<div class="text-muted" style="font-size:12px;">源版本：'
                    + esc(pkg.oldversion) + ' → ' + esc(pkg.version) + '</div>';
            }
            if (pkg.fullurl) {
                html += '<div style="margin-top:8px;"><a href="' + esc(pkg.fullurl)
                    + '" target="_blank" class="btn btn-sm" style="background-color:#003366;color:#fff;border-color:#002855;">下载安装包</a></div>';
            }
            html += '</div>';
            return html;
        }
    });
</script>
{/block}