{template 'common/header'}
<link rel="stylesheet" type="text/css" href="/addons/{$_GPC['m']}/resource/css/style.css"/>
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.css" />

{template 'common/user_tab'}
<div class="panel panel-default"> 
    <div class="panel-heading">群发消息</div>

    <div class="panel-body">
        <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/groupMessageStart',array('m'=>$_GPC['m'],'op'=>'groupMessageStart','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">
            <div class="form-group">
                <label class="col-sm-2 control-label">跳转页面<span style="color:red;"> </span></label>
                <div class="col-sm-8">
                    <div class="input-group">
                        <select name="pagePath" id="pagePath">
                            <option value="">请选择&nbsp;&nbsp;&nbsp;&nbsp;</option>
                            {loop $pageData $index $path}
                            <option selected value="{$path}">{$index}</option>
                            {/loop}
                        </select>
                    </div>
               </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">消息内容</label>
                <div class="col-sm-8">
                    <textarea name="message" id="message" class="form-control" cols="30" rows="5">红包领取成功，请在两小时内使用</textarea>
                    <p style="color: #b3b3b3;word-wrap:break-word;padding:5px;">字数少于20字, 一旦发送, 无法撤回, 请谨慎操作</p>
                </div>
            </div>
            <div class="form-group loading" style="display:none;">
                <label class="col-sm-2 control-label"></label>
                <div class="col-sm-8">
                    <img src="../addons/{$_GPC['m']}/resource/images/loading.gif" alt="" >
                    <span>发送中 <span class="dotting"></span>  , 发送成功<b id="success" style="color:#428bca;">0</b>条, 发送失败<b id="faild" style="color:red;">0</b>条</span>
                </div>
            </div>
             <div class="form-group tip" style="display:none;">
                <label class="col-sm-2 control-label"></label>
                <div class="col-sm-8" style="color:red;">
                    请勿跳转其他页面, 直至结束发送, 否则将终止发送
                </div>
            </div>
            <div class="form-group foot">
                <div class="col-sm-offset-2 col-sm-10">
                    <a class="btn btn-default submit" href="javascript:void(0);">确定</a>
                    <a class="btn btn-default" href="javascript:history.back(-1);">返回</a>
                </div>
            </div>
        </form>

    </div>
    {template 'common/footer_hj'}
</div>
<style>
    .dotting {
        display: inline-block; width: 10px; min-height: 2px;
        padding-right: 2px;
        border-left: 2px solid currentColor; border-right: 2px solid currentColor;
        background-color: currentColor; background-clip: content-box;
        box-sizing: border-box;
        -webkit-animation: dot 2s infinite step-start both;
        animation: dot 2s infinite step-start both;
        *zoom: expression(this.innerHTML = '......'); /* IE7 */
    }
    .dotting:before { content: '......'; } /* IE8 */
    .dotting::before { content: ''; }
    :root .dotting { margin-left: 2px; padding-left: 2px; } /* IE9+ */

    @-webkit-keyframes dot {
        15% { border-color: transparent; background-color: transparent; }
        50% { border-right-color: transparent; background-color: transparent; }
        75% { border-right-color: transparent; }
    }
    @keyframes dot {
        25% { border-color: transparent; background-color: transparent; }
        50% { border-right-color: transparent; background-color: transparent; }
        75% { border-right-color: transparent; }
    }
</style>
<script type="text/javascript" charset="utf-8">
    
    require(["../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.js"],function(){
        $(function(){
            $(".submit").click(function(){
                var message = $("#message").val();
                var form = $('#sign-form');

                if(message == ''){
                    swal('消息内容不能为空!', '操作失败!', 'warning');
                    return false;                   
                }

                var pagePath = $('#pagePath option:selected').val();
                if(pagePath == ''){
                    swal('请选择路径!', '操作失败!', 'warning');
                    return false;                      
                }

                $("#message").attr("disabled",true); 

                $("select").each(function () {
                　　$("#" + this.id).attr("disabled", true);
                });

                $('.foot').remove();
               
                $.ajax({
                    type: "post",
                    url:"{url 'site/entry/getGroupList',array('m'=>$_GPC['m'],'op'=>'getGroupList','version_id'=>$_GPC['version_id'])}",
                    data:{getList:1, message:message, pagePath:pagePath},
                    dataType:'json',
                    success:function(res){
                        if(res.status == 1){
                			$('.tip').show();
                			$('.loading').show();
                            var len = res.data.list.length;
                           $.each(res.data.list, function(index, value){
                                setTimeout(function(){
                                    sendMsg(value, message, index, res.data.pagePath);
                                    if((index+1) == len){
                                        swal({
                                            title: '发送完成!',
                                            text: "发送完成!",
                                            type: 'success',
                                            showCancelButton: false,                    
                                            showLoaderOnConfirm: true,
                                            confirmButtonColor: '#3085d6',
                                            cancelButtonColor: '#d33',
                                        }).then(function(isConfirm) {
                                            window.location.reload();
                                        })
                                    }
                                },index * 500);   
                           })
                        }else{
                            swal("暂无可发送用户", '暂无可发送用户!', 'warning');
                        }
                    }
                })
            });

            function sendMsg(value, message, index, pagePath){

                var success = $('#success');
                var faild = $('#faild');
                index = parseInt(index) + 1;
                $.ajax({
                    type: "post",
                    url:"{url 'site/entry/groupMessageStart',array('m'=>$_GPC['m'],'op'=>'groupMessageStart','version_id'=>$_GPC['version_id'])}",
                    data:{data:value,message:message,pagePath:pagePath},
                    dataType:'json',
                    success:function(res){
                        if(res.status == 1){
                            success.html(parseInt(success.html())+1)
                        }else{
                            faild.html(parseInt(faild.html())+1)
                        }
                    }
                })
            }
        })
    })
</script>
{template 'common/footer'}