{include file="../../../application/admin/view/public/head" /}
<style>
    .addon-list{padding:10px 0;position:relative;margin-bottom:10px;border-top:1px dotted #deeffb}
    .addon-list a{color:#2366a8;font-size:12px}
    .addon-list span{margin:0 6px;font-size:12px;color:#999}
    .addon-list .addon-intro{color:#888;font-size:12px}
    .addon-list .addon-title{font-weight:700;color:#555}
    .addon-list img{background:#f4f4f4;display:block;position:absolute;left:0;top:14px}
    .addon-state{line-height:21px;font-size:12px;background-color:#f4f8fa;padding:5px;font-weight:700;color:#09c}
    .addon-list .addon-bottom{line-height:22px;width:100%;text-indent:50px}
    .macBoxStyle .cmdlist-container{padding:20px;background-color:#fff;border:1px solid #e7eaec;overflow:hidden}
    .macBoxStyle .info{width:100%;height:36px;line-height:18px;color:#333;font-size:14px;font-weight:600;overflow:hidden;padding:10px 0}
    .macBoxStyle .operate{margin-top:10px}
</style>
<div style="padding:20px">
    <div>
        <a target="_blank" href="http://maccmsbox.com/" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe857;</i>应用中心</a>
    </div>
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">模板管理</li>
            <li>插件管理</li>
        </ul>
        <div class="layui-tab-content macBoxStyle">
            <div class="layui-tab-item layui-show">
                <div class="layui-fluid layadmin-cmdlist-fluid">
                    <div class="layui-row layui-col-space30">
                        {volist name="list.style" id="vo"}
                        <div class='layui-col-md2 layui-col-sm4'>
                            <div class='cmdlist-container'>
                                <div target='_blank'><img width="100%" src="{$vo.pic}"></div>
                                <div>
                                    <p class='info'>{$vo.name}</p>
                                    <p style="color:#888">版本：{$vo.version}</p>
                                </div>
                                <div class="operate">
                                    <span class="btn-group">
                                        <a href="{$vo.url}" target="_blank" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i>查看</a>
                                        <a class="layui-btn layui-btn-danger layui-btn-sm btn-uninstall j-tr-del" data-href="{:url('del')}?key={$key}" href="javascript:;" title="卸载"><i class="layui-icon">ဆ</i>卸载</a>
                                   </span>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                {notempty name="addonList.addonEnable"}<div class="addon-state">已启用的插件</div>{/notempty}
                {volist name="addonList.addonEnable" id="vo"}
                <li class="addon-list layui-row">
                    <img src="{$vo.image|mac_default='/static/images/Icon.png'}" width="40" height="40" align="left">
                    <div class="addon-bottom">
                        <p class="addon-title">{$vo.title}({$vo.name})<span>{$vo.version}</span></p>
                        <p class="addon-intro">{$vo.intro}</p>
                        <div class="layui-row">
                            <div style="float:left">
                                {if condition="$vo.state eq 1"}
                                {if condition="$vo.config eq 0"}<a href="javascript:" class="j-iframe" data-name="{$vo.name}" data-href="{:url('addon/config')}?name={$vo.name}">设置</a><span>|</span>{/if}
                                {$vo.a}
                                <a target="_blank" href="{$vo.website}">查看</a>
                                {/if}
                            </div>
                            <div style="float:right">
                            {if condition="$vo.install eq 0"}
                            <a href="javascript:" class="btn-install" data-name="{$vo.name}" data-action="install">安装</a>
                            {else /}
                                {if condition="$vo.state neq 1"}
                                <a href="javascript:" class="btn-enable" data-name="{$vo.name}" data-action="enable">启用</a><span>|</span>
                                {else /}
                                <a href="javascript:" class="btn-disable" data-name="{$vo.name}" data-action="disable">禁用</a><span>|</span>
                                {/if}
                                <a href="javascript:" style="color:red" class="btn-uninstall" data-name="{$vo.name}" data-action="uninstall">卸载</a>
                            {/if}
                            </div>

                        </div>
                    </div>
                </li>
                {/volist}
                {notempty name="addonList.addonClose"}<div class="addon-state">未已启用的插件</div>{/notempty}
                {volist name="addonList.addonClose" id="vo"}
                <li class="addon-list layui-row">
                    <img src="{$vo.image|mac_default='/static/images/Icon.png'}" width="40" height="40" align="left">
                    <div class="addon-bottom">
                        <p class="addon-title">{$vo.title}({$vo.name})<span>{$vo.version}</span></p>
                        <p class="addon-intro">{$vo.intro}</p>
                        <div class="layui-row">
                            <div style="float:left">
                                {if condition="$vo.state eq 1"}
                                {if condition="$vo.config eq 0"}<a href="javascript:" class="j-iframe" data-name="{$vo.name}" data-href="{:url('addon/config')}?name={$vo.name}">设置</a><span>|</span>{/if}
                                {$vo.a}
                                <a target="_blank" href="{$vo.website}">查看</a>
                                {/if}
                            </div>
                            <div style="float:right">
                                {if condition="$vo.install eq 0"}
                                <a href="javascript:" class="btn-install" data-name="{$vo.name}" data-action="install">安装</a>
                                {else /}
                                {if condition="$vo.state neq 1"}
                                <a href="javascript:" class="btn-enable" data-name="{$vo.name}" data-action="enable">启用</a><span>|</span>
                                {else /}
                                <a href="javascript:" class="btn-disable" data-name="{$vo.name}" data-action="disable">禁用</a><span>|</span>
                                {/if}
                                <a href="javascript:" style="color:red" class="btn-uninstall" data-name="{$vo.name}" data-action="uninstall">卸载</a>
                                {/if}
                            </div>

                        </div>
                    </div>
                </li>
                {/volist}
                {notempty name="addonList.addonInstall"}<div class="addon-state">未安装的插件</div>{/notempty}
                {volist name="addonList.addonInstall" id="vo"}
                <li class="addon-list layui-row">
                    <img src="{$vo.image|mac_default='/static/images/Icon.png'}" width="40" height="40" align="left">
                    <div class="addon-bottom">
                        <p class="addon-title">{$vo.title}({$vo.name})<span>{$vo.version}</span></p>
                        <p class="addon-intro">{$vo.intro}</p>
                        <div class="layui-row">
                            <div style="float:left">
                                {if condition="$vo.state eq 1"}
                                {if condition="$vo.config eq 0"}<a href="javascript:" class="j-iframe" data-name="{$vo.name}" data-href="{:url('addon/config')}?name={$vo.name}">设置</a><span>|</span>{/if}
                                {$vo.a}
                                <a target="_blank" href="{$vo.website}">查看</a>
                                {/if}
                            </div>
                            <div style="float:right">
                                {if condition="$vo.install eq 0"}
                                <a href="javascript:" class="btn-install" data-name="{$vo.name}" data-action="install">安装</a>
                                {else /}
                                {if condition="$vo.state neq 1"}
                                <a href="javascript:" class="btn-enable" data-name="{$vo.name}" data-action="enable">启用</a><span>|</span>
                                {else /}
                                <a href="javascript:" class="btn-disable" data-name="{$vo.name}" data-action="disable">禁用</a><span>|</span>
                                {/if}
                                <a href="javascript:" style="color:red" class="btn-uninstall" data-name="{$vo.name}" data-action="uninstall">卸载</a>
                                {/if}
                            </div>

                        </div>
                    </div>
                </li>
                {/volist}
            </div>
        </div>
    </div>
</div>
{include file="../../../application/admin/view/public/foot" /}
<script type="text/javascript" src="__STATIC__/js/jquery.cookie.js"></script>
<script type="text/javascript">
    var url='';
    layui.use(['form','laypage', 'layer','upload','element'], function() {
        var form = layui.form
            , layer = layui.layer
            , upload = layui.upload
            ,element = layui.element;
        element.on('tab(tabs)', function(data){
            if(data.index <2){
                url = $(this).attr('data-href');
                load_list();
            }
        });
        $(document).on('click', '.btn-disable,.btn-enable', function() {
            $.ajax({
                type: 'get',
                dataType:'json',
                url: "{:url('state')}",
                data:{name:$(this).attr('data-name'),action:$(this).attr('data-action'),force:0},
                success:function($r){
                    if($r.code ==1){
                        load_list();
                    }
                    layer.msg($r.msg);
                },
                complete:function(){

                }
            });
        });
        $(document).on('click', '.btn-uninstall,.btn-install', function() {
            $.ajax({
                type: 'get',
                dataType:'json',
                url: "{:url('uninstall')}",
                data:{name:$(this).attr('data-name'),action:$(this).attr('data-action'),force:0},
                success:function($r){
                    if($r.code ==1){
                        load_list();
                    }
                    layer.msg($r.msg);
                },
                complete:function(){
                }
            });
        });
        $(document).on('click', '.btn-info', function() {
        });
        $('.btn-local').click();
    });
    function load_list(){
        layer.msg("{:lang('wait_submit')}",{time:500000});
        location.reload();
    }
</script>
</body>
</html>