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

{block name="title"}授权管理{/block}
{block name="desc"}源站付费应用需按「一个插件一个授权码」配置；授权码与绑定域名配套发放，换域名需联系卖家改绑{/block}

{block name="content"}
<div class="pubinstall-toolbar" id="pil-toolbar">
    <select id="pil-filter-source" class="form-control input-sm" style="width:180px;display:inline-block;">
        <option value="">全部源</option>
        {volist name="sources" id="vo"}
        <option value="{$key}" {if $key == $filterSource}selected{/if}>{$vo|htmlentities}</option>
        {/volist}
    </select>
    <input type="text" id="pil-keyword" class="form-control input-sm" placeholder="标识 / 名称 / 授权码"
           style="width:200px;display:inline-block;">
    <button type="button" class="btn btn-default btn-sm btn-pil-search"><i class="fa fa-search"></i> 搜索</button>
    <button type="button" class="btn btn-primary btn-sm btn-pil-add"><i class="fa fa-plus"></i> 添加授权</button>
</div>

<table id="pil-table" class="pubinstall-table"></table>

<div class="pubinstall-panel">
    <p class="pubinstall-tip">
        <i class="fa fa-info-circle"></i>
        点安装时系统会自动带上这里配置的授权码与本机域名（授权码走请求头，不出现在地址栏）。
        本机域名默认取当前站点域名；站点在内网或使用反向代理时，请在「本机域名覆盖」里手工填写源站可识别的对外域名。
    </p>
</div>

<div class="modal fade" id="pil-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4 class="modal-title" id="pil-modal-title">添加授权</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="pil-form">
                    <input type="hidden" name="id" value="0">
                    <div class="form-group">
                        <label class="control-label col-xs-3">所属源 <span class="text-danger">*</span></label>
                        <div class="col-xs-8">
                            <select name="source_id" class="form-control">
                                <option value="0">-- 选择源 --</option>
                                {volist name="sources" id="vo"}
                                <option value="{$key}">{$vo|htmlentities}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-3">插件标识 <span class="text-danger">*</span></label>
                        <div class="col-xs-8">
                            <input type="text" name="ident" class="form-control" placeholder="如 packer（应用详情页可查）">
                            <span class="help-block">每个插件单独一条授权，一码仅对一个插件有效</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-3">插件名称</label>
                        <div class="col-xs-8"><input type="text" name="title" class="form-control" placeholder="便于识别（可选）"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-3">授权码</label>
                        <div class="col-xs-8">
                            <input type="text" name="license" class="form-control" placeholder="FAE-xxxxx-xxxxx-xxxxx-xxxxx">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-3">本机域名覆盖</label>
                        <div class="col-xs-8">
                            <input type="text" name="domain" class="form-control" placeholder="留空 = 使用当前站点域名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-3">状态</label>
                        <div class="col-xs-8">
                            <select name="status" class="form-control">
                                <option value="normal">启用</option>
                                <option value="hidden">停用</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-pil-save"><i class="fa fa-check"></i> 保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
    // 表单令牌（CSRF）：由 Admin::fetchAdmin 注入，本页写操作（新增/编辑/删除/校验）自动携带
    window.PI_TOKEN = '{$token}';
</script>
<script>
    $(function () {
        var $table = Pubinstall.table('#pil-table', {
            url: Pubinstall.url('adminlicense/lists'),
            toolbar: '#pil-toolbar',
            pageSize: 20,
            params: function () {
                return {
                    source_id: $('#pil-filter-source').val(),
                    keyword: $('#pil-keyword').val()
                };
            },
            columns: [
                {field: 'id', title: 'ID', width: 55, align: 'center'},
                {field: 'source_title', title: '来源', width: 130, formatter: Pubinstall.fmt.muted},
                {
                    field: 'ident', title: '插件', width: 200,
                    formatter: function (value, row) {
                        return '<strong>' + $.escapeHtml(value) + '</strong>' +
                            (row.title ? '<div class="pubinstall-sub">' + $.escapeHtml(row.title) + '</div>' : '');
                    }
                },
                {
                    field: 'license', title: '授权码', width: 250,
                    formatter: function (value, row) {
                        if (!value) {
                            return '<span class="text-danger">未填写</span>';
                        }
                        var short = value.length > 13 ? value.substring(0, 13) + '…' : value;
                        return '<code style="font-size:12px;" class="pil-license" data-full="' + $.escapeHtml(value) + '">' + $.escapeHtml(short) + '</code> '
                            + '<a href="javascript:;" class="btn-pil-toggle" title="显示/隐藏"><i class="fa fa-eye"></i></a>';
                    }
                },
                {field: 'domain', title: '本机域名', width: 140, formatter: Pubinstall.fmt.muted},
                {
                    field: 'status_text', title: '状态', width: 70, align: 'center',
                    formatter: function (value, row) {
                        return row.status === 'normal'
                            ? '<span class="label label-success">启用</span>'
                            : '<span class="label label-default">停用</span>';
                    }
                },
                {
                    field: 'last_check_text', title: '上次校验', width: 180, align: 'center',
                    formatter: function (value, row) {
                        var cls = row.last_result === 'allow' ? 'text-success'
                            : (row.last_result === 'free' ? 'text-muted' : 'text-danger');
                        var result = row.last_result === 'allow' ? '<span class="label label-success">有效</span>'
                            : (row.last_result === 'free' ? '<span class="label label-default">免费</span>'
                            : (row.last_result ? '<span class="label label-danger">' + $.escapeHtml(row.last_result) + '</span>' : ''));
                        return '<div>' + value + '</div><div class="' + cls + ' pubinstall-sub">' + result + ' ' + $.escapeHtml(row.last_result_text || '') + '</div>';
                    }
                },
                {field: 'expire_text', title: '有效期', width: 120, align: 'center', formatter: Pubinstall.fmt.muted},
                {
                    field: 'operate', title: '操作', width: 210, align: 'center',
                    formatter: function (value, row) {
                        return '<button type="button" class="btn btn-success btn-xs btn-pil-check" data-id="' + row.id + '"><i class="fa fa-shield"></i> 校验</button> '
                            + '<button type="button" class="btn btn-info btn-xs btn-pil-edit" data-id="' + row.id + '"><i class="fa fa-pencil"></i> 编辑</button> '
                            + '<button type="button" class="btn btn-danger btn-xs btn-pil-del" data-id="' + row.id + '"><i class="fa fa-trash"></i> 删除</button>';
                    }
                }
            ]
        });

        $('.btn-pil-search').on('click', function () {
            $table.bootstrapTable('refresh', {pageNumber: 1});
        });
        $('#pil-keyword').on('keyup', function (e) {
            if (e.keyCode === 13) {
                $table.bootstrapTable('refresh', {pageNumber: 1});
            }
        });
        $('#pil-filter-source').on('change', function () {
            $table.bootstrapTable('refresh', {pageNumber: 1});
        });

        // 授权码显示/隐藏
        $(document).on('click', '.btn-pil-toggle', function () {
            var $code = $(this).siblings('.pil-license');
            var full = $code.data('full');
            if ($code.text().indexOf('…') >= 0) {
                $code.text(full);
            } else {
                $code.text(full.substring(0, 13) + '…');
            }
        });

        function openModal(title, row) {
            $('#pil-modal-title').text(title);
            var $form = $('#pil-form');
            $form[0].reset();
            $form.find('[name=id]').val(row ? row.id : 0);
            $form.find('[name=source_id]').val(row ? row.source_id : ($('#pil-filter-source').val() || 0));
            if (row) {
                $form.find('[name=ident]').val(row.ident);
                $form.find('[name=title]').val(row.title);
                $form.find('[name=license]').val(row.license);
                $form.find('[name=domain]').val(row.domain);
                $form.find('[name=status]').val(row.status);
            }
            $('#pil-modal').modal('show');
        }

        $('.btn-pil-add').on('click', function () {
            openModal('添加授权', null);
        });

        $(document).on('click', '.btn-pil-edit', function () {
            Pubinstall.findRow($table, $(this).closest('tr').data('uniqueid'), function (row) {
                openModal('编辑授权', row);
            });
        });

        $(document).on('click', '.btn-pil-del', function () {
            var id = $(this).closest('tr').data('uniqueid');
            layer.confirm('确定删除该授权记录吗？', {title: '提示', icon: 3}, function (index) {
                layer.close(index);
                Pubinstall.ajax(Pubinstall.url('adminlicense/del'), {ids: id}, function () {
                    $table.bootstrapTable('refresh');
                });
            });
        });

        $(document).on('click', '.btn-pil-check', function () {
            var id = $(this).data('id');
            var $btn = $(this);
            $btn.prop('disabled', true);
            var done = function () {
                $btn.prop('disabled', false);
            };
            Pubinstall.ajax(Pubinstall.url('adminlicense/check'), {id: id}, function (res) {
                toastr.success(res.msg || '校验通过');
                $table.bootstrapTable('refresh');
                done();
            }, function (res) {
                toastr.error((res && res.msg) || '校验未通过');
                $table.bootstrapTable('refresh');
                done();
            }, done);
        });

        $('.btn-pil-save').on('click', function () {
            var data = {};
            $('#pil-form').serializeArray().forEach(function (item) {
                data[item.name] = item.value;
            });
            var isEdit = parseInt(data.id, 10) > 0;
            Pubinstall.ajax(Pubinstall.url(isEdit ? 'adminlicense/edit' : 'adminlicense/add'), data, function () {
                $('#pil-modal').modal('hide');
                $table.bootstrapTable('refresh');
            });
        });
    });
</script>
{/block}