$(function () {
    layui.use(['element', 'layer'], function () {
        var element = layui.element;
        var layer = layui.layer;

        var storageUsage = parseFloat($('div[lay-filter="storage"] .layui-progress-bar').attr('lay-percent'));
        var memoryUsage = parseFloat($('div[lay-filter="memory"] .layui-progress-bar').attr('lay-percent'));

        if (storageUsage > 80) {
            $('div[lay-filter="storage"] .layui-progress-bar').addClass('layui-bg-red');
        } else if (storageUsage > 60) {
            $('div[lay-filter="storage"] .layui-progress-bar').addClass('layui-bg-orange');
        }

        if (memoryUsage > 80) {
            $('div[lay-filter="memory"] .layui-progress-bar').addClass('layui-bg-red');
        } else if (memoryUsage > 60) {
            $('div[lay-filter="memory"] .layui-progress-bar').addClass('layui-bg-orange');
        }

        if (typeof ClipboardJS !== 'undefined') {
            var clipboard = new ClipboardJS('[data-toggle="copy-text"]', {
                text: function (trigger) {
                    return $(trigger).attr('data-clipboard-text');
                }
            });

            clipboard.on('success', function (e) {
                layer.msg('复制成功', {icon: 1, time: 1500});
                e.clearSelection();
            });

            clipboard.on('error', function (e) {
                layer.msg('复制失败，请手动复制', {icon: 2});
            });
        }

        $('#refresh-btn').on('click', function () {
            location.reload();
        });
    });

    ua.listen();
});