Dev0ps

Experience

7,840

0 Best Reply Awards

  • Member Since 6 Months Ago
  • 1 Lesson Completed
  • 0 Favorites

4th September, 2018

Dev0ps started a new conversation How To Prevent Technology Name Leakage • 2 weeks ago

is there any way in laravel?

28th August, 2018

Dev0ps started a new conversation How To Hide JQUERY From Using Technology In Wappalyzer • 3 weeks ago

i am testing phase. and for increasing security, i wanna hide all technologies name from being visible

25th August, 2018

Dev0ps started a new conversation Array_slice() Expects Parameter 1 To Be Array, Object Given • 3 weeks ago

$a = Post::take(5)->get();

//data

[{"id":1,"description":"Great Quote\n\nInfuse your life with action. Don't wait for it to happen. Make it happen. Make your own future. Make your own hope. Make your own love. And whatever your beliefs honor your creator not by passively waiting for grace to come down from upon high but by doing what you can to make grace happen... yourself right now right down here on Earth. - Bradley Whitford","profanity_id":null,"timeline_id":1110199718,"user_id":1110199718,"active":1,"imgsource":"#","movement":"#","label":"#","mention":"#","weblink":null,"videolink":null,"videolink_id":null,"musiclink":null,"musiclink_id":null,"alcc":null,"posttype":"status","location":"#","type":"Status","attachcomment":1,"created_at":"2018-08-04 21:36:50","updated_at":"2018-08-05 17:53:33","deleted_at":null},{"id":2,"description":"Enjoying Himalayas cool weather with buddies!","profanity_id":null,"timeline_id":1110199718,"user_id":1110199718,"active":1,"imgsource":"\/uploads\/user_post_media\/0481bc3563e2b04052fd38d39856c175.jpg","movement":"#","label":null,"mention":"#","weblink":null,"videolink":"#","videolink_id":null,"musiclink":"#","musiclink_id":null,"alcc":null,"posttype":"photo","location":"#","type":"Multimedia","attachcomment":1,"created_at":"2018-08-04 21:46:28","updated_at":"2018-08-04 21:46:28","deleted_at":null},{"id":3,"description":"My Best picture","profanity_id":null,"timeline_id":1110199718,"user_id":1110199718,"active":1,"imgsource":"\/uploads\/user_post_media\/fcb5979d0c2de015836adfa4a62839dd.jpg","movement":"#","label":null,"mention":"#","weblink":null,"videolink":"#","videolink_id":null,"musiclink":"#","musiclink_id":null,"alcc":null,"posttype":"photo","location":"#","type":"Multimedia","attachcomment":1,"created_at":"2018-08-08 15:39:52","updated_at":"2018-08-08 15:39:52","deleted_at":null},{"id":4,"description":"Do not avoid security features such as passcodes and auto-locks. Use biometrics for unlocking normally with a longer passcode (instead of a simpler 4 character personal identification number (PIN) or password).","profanity_id":null,"timeline_id":1110199719,"user_id":1110199719,"active":1,"imgsource":"#","movement":"#","label":"#","mention":"#","weblink":null,"videolink":null,"videolink_id":null,"musiclink":null,"musiclink_id":null,"alcc":null,"posttype":"status","location":"#","type":"Status","attachcomment":1,"created_at":"2018-08-10 22:10:18","updated_at":"2018-08-10 22:10:18","deleted_at":null},{"id":5,"description":"Love Lavender\nTo ease stress and prepare for bed soak in a hot bath spiked with a few drops of lavender essential oil. Play soothing music while you bathe to unwind further.","profanity_id":null,"timeline_id":1110199720,"user_id":1110199720,"active":1,"imgsource":"#","movement":"#","label":"#","mention":"#","weblink":null,"videolink":null,"videolink_id":null,"musiclink":null,"musiclink_id":null,"alcc":null,"posttype":"status","location":"#","type":"Status","attachcomment":1,"created_at":"2018-08-10 22:14:04","updated_at":"2018-08-10 22:14:04","deleted_at":null}]

my code

function down($a,$x) {
            if( count($a)-1 > $x ) {
                $b = array_slice($a,0,$x,true);
                $b[] = $a[$x+1];
                $b[] = $a[$x];
                $b += array_slice($a,$x+2,count($a),true);
                return($b);
            } else { return $a; }
        }
        function up($a,$x) {
            if( $x > 0 and $x < count($a) ) {
                $b = array_slice($a,0,($x-1),true);
                $b[] = $a[$x];
                $b[] = $a[$x-1];
                $b += array_slice($a,($x+1),count($a),true);
                return($b);
            } else { return $a; }
        }
// Start
      return up($a,1);

this code is working with

$a = array('a','b','c','d','e');

24th August, 2018

Dev0ps started a new conversation Is Their Any Way To Use Instagram (Android Keyboard) Sticker Selector In Webapplication • 3 weeks ago

i wanna use android keyboard emojis. but how to create sticker selector in website

14th August, 2018

Dev0ps started a new conversation Google: Page Isn't Same. On SEO Report • 1 month ago

Cloaking is considered a violation of Google’s Webmaster Guidelines because it provides users with different results than they expected.

If your site uses technologies that search engines have difficulty accessing, like JavaScript, images, or Flash, see Google recommendations for making that content accessible to search engines and users without cloaking.

and

Yandex: page isn't same. Cloaking is considered a violation of Yandex’s Webmaster because it provides users with different results than they expected.

If your site uses technologies that search engines have difficulty accessing, like JavaScript, images, or Flash, see Yandex recommendations for making that content accessible to search engines and users without cloaking.

Dev0ps started a new conversation Accessible Index Page Is Configured Wrong On SEO • 1 month ago

0 down vote favorite Regarding the abc.co beta site we have in test, I did a SEO scan and was told

The Accessible Index Page is Configured wrong.

Search engines see your https://www.abc.co and https://www.abc.co/index.html (or https://www.abc.co/index.php) as different pages. With a variety of URLs, it's more challenging to get consolidated metrics for a specific piece of content.

Who can configure this correctly for us, website developer team or Hosting team? and what they have to do?

Do we need to edit .htaccess file?

12th August, 2018

Dev0ps left a reply on Undefined Variable: Feedback • 1 month ago

How to solve N+1*2 issue

Dev0ps started a new conversation Undefined Variable: Feedback • 1 month ago

foreach ($friend_ids as $friend_id) {
            $Feedback = Feedback::select('tousername', 'created_at', 'type', 'user_id')->whereUserId($friend_id)->orderBy('created_at', 'desc')->take(3)->get();
        }

        foreach ($friend_ids as $friend_id) {
            $Post = Post::select('type', 'created_at', 'user_id', 'id')->whereUserId($friend_id)->orderBy('created_at', 'desc')->take(3)->get();
        }

        $collections = array_collapse([$Feedback, $Post]);
        return collect($collections)->shuffle();

Dev0ps left a reply on My Create This Code But Its Not Looking Good • 1 month ago

Actually in right we put a icon so, I want to set text little bit right

Dev0ps left a reply on My Create This Code But Its Not Looking Good • 1 month ago

actually as per our client options are shown little bit right side :(

Dev0ps started a new conversation My Create This Code But Its Not Looking Good • 1 month ago

is their any alternative

 <option value="Providing next steps"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Providing next steps</option>
                <option value="Providing guidance"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Providing guidance</option>
                <option value="Sharing personal experiences"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sharing personal experiences</option>

Dev0ps left a reply on Page Is Not Loaded Properly And Loading Stops? WHY • 1 month ago

i means

$(document).ready(function(){ ..... });

Dev0ps started a new conversation Page Is Not Loaded Properly And Loading Stops? WHY • 1 month ago

my blade code i use document ready in every JS but still same issue

structure

@extends('Layouts.Global.App')

@Section('Data')

    @include('Layouts.UI.LeftBar')
    @include('Layouts.UI.RightBar')
    @include('Layouts.UI.Header')
    @include('Layouts.UI.Container')
@stop

9th August, 2018

Dev0ps left a reply on How To Send .php File When Post Call In Laravel • 1 month ago

yes, i need to be, but for now, i don't have enough time that's why i am asking bro :)

Dev0ps started a new conversation How To Pass Href Value To Jquery Using Onclick • 1 month ago

code which works

            <a id="data" href="?blogId={{$obj->id}}&userId={{Auth::User()->id}}" class="post-add-icon inline-items">

But i want to hide link shown in the status bar in the lower side of the browser on hover

            <a id="data" href="javascript:void(0)" onclick="return '?blogId={{$obj->id}}&userId={{Auth::User()->id}}';" class="post-add-icon inline-items">

ajax code

  $(document).on('click','#LikeArticle',function(e) {
        e.preventDefault();
        var data = $(this).attr('href');
        NProgress.start();
        $.ajax({
            method: 'get',
            url: '/LikeArticle',
            data: data,
            async: true,
            cache: false,
            success: function (data){
                console.log(data);
              
                $('.LikeACountMemory-' + data.html.data.blog_id).html(data.html.view);
            }
        });
        NProgress.done();
        e.preventDefault();
        e.stopPropagation();
    });

Dev0ps started a new conversation Provisional Headers Are Shown On Svg Load • 1 month ago

i added

AddType image/svg+xml svg AddType image/svg+xml svgz

to solve my svg not visible problem its working fine yesterday. but when i check it today it shows new problem of Provisional headers are shown on svg load

Dev0ps started a new conversation How To Send .php File When Post Call In Laravel • 1 month ago

my route in starting I get an error

VIEW

  <div class="slim"
                 data-ratio="16:9"
                 data-service="async.php"
                 data-fetcher="fetch.php"
                 data-size="640,640">
                <input type="file" name="story[]"/>
            </div>

ERROR

VM651:5 POST http://127.0.0.1:8000/async.php 404 (Not Found)

so i create a route

Route::Post('/async.php', function() { return ('PHP/async.php'); } );

now error

POST http://127.0.0.1:8000/async.php 419 (unknown status)

8th August, 2018

Dev0ps left a reply on Unsafe Attempt To Load URL <URL> From Frame With URL <URL>. Domains, Protocols And Ports Must Match. • 1 month ago

Thanks, Friends I solve it by adding

AddType image/svg+xml .svg .svgz

Dev0ps started a new conversation Unsafe Attempt To Load URL <URL> From Frame With URL <URL>. Domains, Protocols And Ports Must Match. • 1 month ago

All svg are visible in localhost but invisible in server

Unsafe attempt to load URL <URL> from frame with URL <URL>. Domains, protocols and ports must match.

and

svgxuse.js:1 Mixed Content: The page at 'https://www.aaaa.world/home' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.aaaa.world/svg-icons/sprites/icons.svg'. This request has been blocked; the content must be served over HTTPS.

Dev0ps started a new conversation Undefined:1 GET Http://127.0.0.1:8000/undefined 404 (Not Found) While Selecting An Image • 1 month ago

This code is working fine when i use it as static mention on page but gave undefined:1 GET http://127.0.0.1:8000/undefined 404 (Not Found) while selecting an image using a popup window

untill yesterday all thighs are working fine. i don't understand what wrong with this code

Popup Trigger

$(document).on('click','#StoryComposer',function(e){
        $.confirm({
            title: '',
            'minHeight': 100,
            'maxHeight': 200,
            columnClass: 'col-md-8',
            containerFluid: true,
            content: function () {
                var self = this;
                // self.setContent('Checking callback flow');
                return $.ajax({
                    method: 'Post',
                    url: '/StoryComposer',
                    data: {
                        // query: query,
                    },
                }).done(function (response) {
                    // self.setContentAppend('<div>Done!</div>');
                }).fail(function () {
                    // self.setContentAppend('<div>Fail!</div>');
                }).always(function () {
                    // self.setContentAppend('<div>Always!</div>');
                });
            },
            contentLoaded: function (data, status, xhr) {
                console.log(data);
                this.setContentAppend(data);
                // self.setContentAppend('<div>Content loaded!</div>');

            },
            onContentReady: function (data) {
                // console.log(data);
                // this.setContentAppend('<div>' + data+ '</div>');
            }
        });
    });

Popup data

<link href="{{ asset('css/slim.css') }}" rel="stylesheet" type="text/css" >
<div id="add-stories">

    <div class="ui-block-title">
        <h6 class="title">Make a remarkable story!</h6>
    </div>
    <label for="profile-img-cover" href="#" class="container">
        <form method="post" id="AddStory" action="#" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" id="userId" name="userId" value="{{Auth::User()->id}}" class="form-control">
            <div class="slim" data-label="Simply click or Drop photo here" data-size="800, 532">
                <input type="file" name="story[]"/>
            </div>

       
            <br>

            <button id="AddStory" type="submit" class=" btn btn-primary btn-sm">I'm sure!</button>
        </form>
    </label>
</div>


<script type="text/javascript" src="{{ asset('js/slim.jquery.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/slim.kickstart.js') }}"></script>

<script>
    function Notify(title, body, type) {
        Command: toastr[type](body, title)

        toastr.options = {
            "closeButton": true,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-bottom-right",
            "preventDuplicates": true,
            "showDuration": "200",
            "hideDuration": "600",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        }
    }
</script>

<script>
    // Ass Story Picture
    $('#AddStory').submit(function(e) {
        var formData = new FormData($(this)[0]);
        e.preventDefault();
        NProgress.start();
        $.ajax({

            url: '/AddStory', // Url to which the request is send
            type: "POST",             // Type of request to be send, called as method
            data: formData, // Data sent to server, a set of key/value pairs (i.e. form fields and values)
            contentType: false,       // The content type used when sending data to the server.
            cache: false,             // To unable request pages to be cached
            processData:false,        // To send DOMDocument or non processed data file it is set to false
            success: function(data){
                console.log(data);
                if (data.status == "updated") {
                    Notify("Your Story is successfully updated", "It's time to engage audience", "success");
                }
            }
        });
        $('.modal').removeClass('in');
        $('.modal').attr("aria-hidden","true");
        $('.modal').css("display", "none");
        $('.modal-backdrop').remove();
        $('body').removeClass('modal-open');
        NProgress.done();
        e.preventDefault();
        e.stopPropagation();
    });
</script>

7th August, 2018

Dev0ps started a new conversation How To Add Ssh-key In GitHub To Establish Connection In Between Digital Ocean And Local Computer • 1 month ago

C:\xampp\htdocs\host\admin>git remote -v
production      ssh://[email protected]****.com/var/repo/site.git (fetch)
production      ssh://[email protected]****.com/var/repo/site.git (push)
root    ****.com (fetch)
root    ****.com (push)

C:\xampp\htdocs\host\admin>git push production master
ssh: connect to host ****.com port 22: Connection timed out
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

As per our client, i hide domain name

3rd August, 2018

Dev0ps left a reply on How To Calculate Total Likes Of Users All Post • 1 month ago

Oh okay @Thyrosis now I understood. Thanks I'll test it ASAP.

2nd August, 2018

Dev0ps left a reply on How To Calculate Total Likes Of Users All Post • 1 month ago

Thank you @Thyrosis but i don't want to calculate only Auth::id() likes. i wanna calculate total likes received by all Auth::User() posts

Dev0ps left a reply on How To Calculate Total Likes Of Users All Post • 1 month ago

Can you please give me a example @bobbybouwmann

1st August, 2018

Dev0ps left a reply on How To Calculate Total Likes Of Users All Post • 1 month ago

This is my code which is working awesome but I thought it takes a long time while posts and likes are in huge number

   $posts = Post::whereUserId(Auth::id())->get(['id']);
        $total = '0';
        foreach ($posts as $post){
             $post= PostLike::wherePostId($post->id)->count();
             $total = $post + $total;

        }
        return $total;

Dev0ps left a reply on How To Create A Centralize Code For All Bars (Header, Left Bar, Right Bar) For All Controllers • 1 month ago

Thank you @bobbybouwmann last option looks quite complicated in the documentation. So, I use your second option!

Dev0ps started a new conversation How To Create A Centralize Code For All Bars (Header, Left Bar, Right Bar) For All Controllers • 1 month ago

currently, I am creating a protected bars data code function in all controllers but whenever I update something I need to change it on the controller this will takes a huge time, it is possible to place this code like a helper and it will secure? because this bars code have access to almost all models

Please help

Dev0ps started a new conversation How To Calculate Total Likes Of Users All Post • 1 month ago

i have 3 models

  1. USER - here user info stored
  2. POST - here all posts info along with user_id
  3. POSTLIKE - here all post likes along with user_id and post_id

i try by using foreach loop but it not working. please help

29th July, 2018

Dev0ps left a reply on Desktop Files Uploading But Other Folder Files Not Uploading • 1 month ago

i am using laravel 5.5 and run on windows os in chrome browser.

all images are in C drive are uploading but other drives images are not uploading

Dev0ps started a new conversation Desktop Files Uploading But Other Folder Files Not Uploading • 1 month ago

my code

 $file = Input::file('file');
                $file_name = md5(uniqid() . time()) . '.' . $file->getClientOriginalExtension();
//                $directory = '\uploads\user_post_media'; //windows
                $directory = '/uploads/user_post_media'; //linux
                $file->move(public_path().$directory, $file_name);

25th July, 2018

Dev0ps started a new conversation How To Fire A Trigger If A <DIV> Appear For 10second • 1 month ago

I want to create a automatic read receipt system then fires Trigger If a user can see a post more than 10 seconds.

I tried to create a code with set Timeout method but its not works

Dev0ps started a new conversation How To Compress Image Size In Laravel • 1 month ago

some time user upload jpg, png, jpeg so in this situation which is the best laravel image compressor and how to use it.

23rd July, 2018

Dev0ps started a new conversation How To Show Only Upper 5 Lines Of Any Text Paragram • 1 month ago

In 1863, New York City draft riots: 
In New York City, opponents of conscription 
begin three days of rioting which will be later 
regarded as the worst in 
United States history. 
Know more

i just want to show first 5lines only rather text is hide or '...'

Dev0ps left a reply on 05:288 Uncaught TypeError: SoundCloudTrack Is Not A Constructor • 1 month ago

Thank you sooooooooooooooooooooooooooooooooooo much @lostdreamer_nl :) its workkkksssss

HOWS YOU FIND ITS INCLUDED?

22nd July, 2018

Dev0ps left a reply on How To Add Headers In Laravel Request • 1 month ago

okay thanks

Dev0ps left a reply on 05:288 Uncaught TypeError: SoundCloudTrack Is Not A Constructor • 1 month ago

@lostdreamer_nl bro still

<script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>

Dev0ps left a reply on 05:288 Uncaught TypeError: SoundCloudTrack Is Not A Constructor • 1 month ago

without this line

var SoundCloudTrack = "";

error

05:288 Uncaught ReferenceError: SoundCloudTrack is not defined
    at 05:288

Check this https://codepen.io/jakealbaugh/pen/EKQaNP its working fine

Dev0ps started a new conversation 05:288 Uncaught TypeError: SoundCloudTrack Is Not A Constructor • 1 month ago

its working fine in codepen but not working on my local PC

<!doctype html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<style>
    body::after {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 8;
        transition: opacity 200ms ease-out;
        pointer-events: none;
    }
    body.playing::after {
        opacity: 0;
    }

    section {
        height: 200px;
        width: 200px;
        position: fixed;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
        z-index: 9;
        box-shadow: 0px 0px 0px 4px #ddd;
        transition: top 100ms ease-out, left 100ms ease-out, width 100ms ease-out, height 100ms ease-out, box-shadow 100ms ease-out;
    }
    section figure {
        position: relative;
        margin: 0;
        height: 100%;
        width: 100%;
    }
    section p {
        box-shadow: 0px 0px 0px 4px #ddd;
        position: absolute;
        top: 100%;
        width: 200px;
        margin: 0;
        padding: 0.5rem;
        box-sizing: border-box;
        background: #eee;
    }
    section p a {
        color: #444;
        font-size: 0.8em;
    }
    section button {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #f50;
        border: none;
        color: white;
        padding: 0.5em 1em;
        transition: opacity 100ms ease-out;
    }
    body.playing section {
        top: 1rem;
        left: calc(50% - 50px);
        width: 80px;
        height: 80px;
        opacity: 0.5;
        cursor: pointer;
        box-shadow: 0px 0px 0px 1px #999;
    }
    body.playing section:hover {
        opacity: 1;
    }
    body.playing section button {
        opacity: 0;
        pointer-events: none;
    }
    body.playing section p {
        display: none;
    }
    body.playing section::after, body.playing section::before {
        content: "";
        z-index: 9;
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid rgba(0, 0, 0, 0.2);
        position: absolute;
        height: 60%;
        width: 20%;
        top: 20%;
    }
    body.playing section::before {
        left: 20%;
    }
    body.playing section::after {
        right: 20%;
    }

    header {
        text-align: center;
        margin-top: 1rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        transition: opacity 250ms ease-in-out;
    }
    .playing header {
        opacity: 0;
    }
    header input, header button {
        font-size: 0.8em;
        border: none;
        padding: 0.5em;
    }
    header button {
        background: #f50;
        color: white;
    }
    header input {
        border: 1px solid #eee;
        width: 200px;
    }

    footer {
        position: absolute;
        z-index: 9;
        bottom: 1rem;
        right: 1rem;
        background: #222;
        padding: 0.5rem;
    }
    footer img {
        width: 70px;
    }

    html, body {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    body {
        background: #111;
    }

    main {
        position: absolute;
        width: 500px;
        max-width: 80%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #image {
        width: 100%;
        padding-bottom: 100%;
        margin: 0;
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.6);
    }

    #bg {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        opacity: 0.5;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    canvas {
        width: 100%;
        height: auto;
        position: absolute;
        opacity: 0;
    }
    figure:not([class^="frame-"]) canvas:first-child {
        opacity: 1;
    }
    .frame-1 canvas:nth-child(1) {
        opacity: 1;
    }
    .frame-2 canvas:nth-child(2) {
        opacity: 1;
    }
    .frame-3 canvas:nth-child(3) {
        opacity: 1;
    }
    .frame-4 canvas:nth-child(4) {
        opacity: 1;
    }
    .frame-5 canvas:nth-child(5) {
        opacity: 1;
    }
    .frame-6 canvas:nth-child(6) {
        opacity: 1;
    }
    .frame-7 canvas:nth-child(7) {
        opacity: 1;
    }
    .frame-8 canvas:nth-child(8) {
        opacity: 1;
    }
    .frame-9 canvas:nth-child(9) {
        opacity: 1;
    }
    .frame-10 canvas:nth-child(10) {
        opacity: 1;
    }
    .frame-11 canvas:nth-child(11) {
        opacity: 1;
    }
    .frame-12 canvas:nth-child(12) {
        opacity: 1;
    }
    .frame-13 canvas:nth-child(13) {
        opacity: 1;
    }
    .frame-14 canvas:nth-child(14) {
        opacity: 1;
    }
    .frame-15 canvas:nth-child(15) {
        opacity: 1;
    }
    .frame-16 canvas:nth-child(16) {
        opacity: 1;
    }
    .frame-17 canvas:nth-child(17) {
        opacity: 1;
    }
    .frame-18 canvas:nth-child(18) {
        opacity: 1;
    }
    .frame-19 canvas:nth-child(19) {
        opacity: 1;
    }
    .frame-20 canvas:nth-child(20) {
        opacity: 1;
    }

</style>

<header>
    <input type=text id=Track placeholder="SoundCloud Track URL" />
    <button id=load>Load Song</button>
</header>

<div id="bg"></div>

<section id="Track-container"></section>

<main>
    <figure id="image"></figure>
</main>

<footer>
    <a href="https://soundcloud.com">
        <img src="https://developers.soundcloud.com/assets/powered_by_white-371bd6967352fcc89673d4c81f7e5661.png" />
    </a>
</footer>


<script>
    var SoundCloudTrack = "";
    var track_id = "252447224", // jake
        // track_id  = "252447236",  // jake
        client_id = "787c22af89922d1be9202d2f0cc90586",
        fft = 256,
        container = document.getElementById("track-container"),
        pi;

    var track = new SoundCloudTrack({
        client_id: client_id,
        track_id: track_id,
        fft: fft,
        container: container,
        onLoad: function() {
            pi = new PixelImage({
                container: document.getElementById("image"),
                res: 20,
                img_url: this.track.full_artwork_url
            });
            var bg_url = "url(" + this.track.full_artwork_url + ")";
            this.info.style.backgroundImage = bg_url;
            this.info.style.backgroundSize = "cover";
            this.info.style.backgroundPosition = "center";
            var bg = document.getElementById("bg");
            bg.style.backgroundImage = bg_url;
            bg.style.backgroundSize = "cover";
            bg.style.backgroundBlendMode = "screen";
            bg.style.backgroundPosition = "center";
        },
        onFrame: onFrame,
        onPlay: function() {
            document.body.className += " playing";
        },
        onPause: function() {
            pi.showImage(1);
            document.body.className = document.body.className.replace(" playing", "");
        }
    });

    function onFrame() {
        if (this.framerate % 2 == 0) {
            var buffer = this.buffer,
                avg = 0,
                buff = buffer.length;
            for (var i = 0; i < buff; i++) {
                avg += buffer[i];
            }
            avg /= buff;
            var rat = avg / 255;
            if (pi.ready) {
                pi.showImage(pi.res - Math.floor(rat * pi.res));
            }
        }
    }

    var input = document.getElementById("track");
    var load = document.getElementById("load");
    load.addEventListener("click", function() {
        var url = input.value,
            err = "Must be a SoundCloud Track URL";
        if (url) {
            var load_track = track.loadTrackFromUrl(client_id, url);
            load_track.then(
                function(r) {
                    console.log(r);
                    if (r.kind === "track") {
                        track.updateTrack(r.id);
                    } else {
                        alert(err);
                    }
                },
                function(e) {
                    alert(e);
                }
            );
        } else {
            alert(err);
        }
    });

    function PixelImage(params) {
        var PI = {};

        init();

        return PI;

        /**************
         initialization
         **************/

        function init() {
            setupData();
            var setup_image = setupImage();
            setup_image.then(function() {
                setupCanvases();
            });
        }

        /**************
         setters
         **************/

        function setupData() {
            PI.ready = false;
            PI.container = params.container;
            PI.res = params.res;
            PI.img_data = null;
            PI.img_datas = [];
            PI.img_url = params.img_url;
            PI.showImage = showImage;
        }

        function showImage(index) {
            PI.container.className = "frame-" + index;
        }

        // setup image wrapped in a promise
        function setupImage() {
            PI.container.innerHTML = "";
            return new Promise(function(resolve, reject) {
                PI.img = new Image();
                PI.img.crossOrigin = "Anonymous";
                PI.img.src = PI.img_url;
                PI.img.onload = function(e) {
                    PI.w = PI.img.naturalWidth;
                    PI.h = PI.img.naturalHeight;
                    // get all evenly divisible denominators
                    PI.divs_w = [];
                    PI.divs_h = [];
                    for (var i = 1; i < PI.w / 2; i++) {
                        if (PI.w % i === 0) PI.divs_w.push(i);
                    }
                    for (var i = 1; i < PI.h / 2; i++) {
                        if (PI.h % i === 0) PI.divs_h.push(i);
                    }
                    resolve("Image Loaded!");
                };
            });
        }

        // generate all the potential pixel sizes
        function setupCanvases() {
            var first_length = null;
            for (var i = 1; i <= PI.res; i++) {
                if (i - 1 < Math.min(PI.divs_w.length, PI.divs_h.length)) {
                    if (i === 1) {
                        var cvs = document.createElement("canvas"),
                            ctx = cvs.getContext("2d");
                        cvs.width = PI.w;
                        cvs.height = PI.h;
                        ctx.drawImage(PI.img, 0, 0, PI.w, PI.h);
                        PI.container.appendChild(cvs);
                    } else {
                        var p = i,
                            px = {
                                w: PI.divs_w[p - 1],
                                h: PI.divs_h[p - 1]
                            },
                            cvs = document.createElement("canvas"),
                            ctx = cvs.getContext("2d"),
                            w = PI.w / px.w,
                            h = PI.h / px.h;
                        cvs.width = w;
                        cvs.height = h;
                        ctx.drawImage(PI.img, 0, 0, w, h);
                        var data = ctx.getImageData(0, 0, w, h);
                        if (!first_length) first_length = data.data.length;
                        drawImage(data, px, first_length);
                    }
                } else {
                    PI.res = Math.min(PI.divs_w.length, PI.divs_h.length);
                    break;
                }
            }
            PI.ready = true;
        }

        // draw image at a certain pixel resolution
        function drawImage(data, px, first_length) {
            var cvs = document.createElement("canvas"),
                ctx = cvs.getContext("2d"),
                rat = data.data.length / first_length,
                d = data.data,
                count = d.length,
                rows = data.height,
                cols = data.width;
            cvs.width = PI.w;
            cvs.height = PI.h;

            for (var r = 0; r < rows; r++) {
                for (var c = 0; c < cols; c++) {
                    var i = (r * cols + c) * 4,
                        a = Math.round(d[i + 3] / 255 * 100) / 100,
                        color = "rgba(" + [d[i], d[i + 1], d[i + 2], a].join(",") + ")",
                        x = c * px.w,
                        y = r * px.h;
                    ctx.fillStyle = color;
                    ctx.fillRect(x, y, px.w, px.h);
                }
            }
            PI.container.appendChild(cvs);
        }
    }

    var track = new SoundCloudTrack({
        client_id: client_id,
        track_id: track_id,
        fft: fft,
        container: container,
        onLoad: function() {
            pi = new PixelImage({
                container: document.getElementById("image"),
                res: 20,
                img_url: this.track.full_artwork_url
            });
            var bg_url = "url(" + this.track.full_artwork_url + ")";
            this.info.style.backgroundImage = bg_url;
            this.info.style.backgroundSize = "cover";
            this.info.style.backgroundPosition = "center";
            var bg = document.getElementById("bg");
            bg.style.backgroundImage = bg_url;
            bg.style.backgroundSize = "cover";
            bg.style.backgroundBlendMode = "screen";
            bg.style.backgroundPosition = "center";
        },
        onFrame: onFrame,
        onPlay: function() {
            document.body.className += " playing";
        },
        onPause: function() {
            pi.showImage(1);
            document.body.className = document.body.className.replace(" playing", "");
        }
    });

    function onFrame() {
        if (this.framerate % 2 == 0) {
            var buffer = this.buffer,
                avg = 0,
                buff = buffer.length;
            for (var i = 0; i < buff; i++) {
                avg += buffer[i];
            }
            avg /= buff;
            var rat = avg / 255;
            if (pi.ready) {
                pi.showImage(pi.res - Math.floor(rat * pi.res));
            }
        }
    }

    var input = document.getElementById("track");
    var load = document.getElementById("load");
    load.addEventListener("click", function() {
        var url = input.value,
            err = "Must be a SoundCloud Track URL";
        if (url) {
            var load_track = track.loadTrackFromUrl(client_id, url);
            load_track.then(
                function(r) {
                    console.log(r);
                    if (r.kind === "track") {
                        track.updateTrack(r.id);
                    } else {
                        alert(err);
                    }
                },
                function(e) {
                    alert(e);
                }
            );
        } else {
            alert(err);
        }
    });

    function PixelImage(params) {
        var PI = {};

        init();

        return PI;

        /**************
         initialization
         **************/

        function init() {
            setupData();
            var setup_image = setupImage();
            setup_image.then(function() {
                setupCanvases();
            });
        }

        /**************
         setters
         **************/

        function setupData() {
            PI.ready = false;
            PI.container = params.container;
            PI.res = params.res;
            PI.img_data = null;
            PI.img_datas = [];
            PI.img_url = params.img_url;
            PI.showImage = showImage;
        }

        function showImage(index) {
            PI.container.className = "frame-" + index;
        }

        // setup image wrapped in a promise
        function setupImage() {
            PI.container.innerHTML = "";
            return new Promise(function(resolve, reject) {
                PI.img = new Image();
                PI.img.crossOrigin = "Anonymous";
                PI.img.src = PI.img_url;
                PI.img.onload = function(e) {
                    PI.w = PI.img.naturalWidth;
                    PI.h = PI.img.naturalHeight;
                    // get all evenly divisible denominators
                    PI.divs_w = [];
                    PI.divs_h = [];
                    for (var i = 1; i < PI.w / 2; i++) {
                        if (PI.w % i === 0) PI.divs_w.push(i);
                    }
                    for (var i = 1; i < PI.h / 2; i++) {
                        if (PI.h % i === 0) PI.divs_h.push(i);
                    }
                    resolve("Image Loaded!");
                };
            });
        }

        // generate all the potential pixel sizes
        function setupCanvases() {
            var first_length = null;
            for (var i = 1; i <= PI.res; i++) {
                if (i - 1 < Math.min(PI.divs_w.length, PI.divs_h.length)) {
                    if (i === 1) {
                        var cvs = document.createElement("canvas"),
                            ctx = cvs.getContext("2d");
                        cvs.width = PI.w;
                        cvs.height = PI.h;
                        ctx.drawImage(PI.img, 0, 0, PI.w, PI.h);
                        PI.container.appendChild(cvs);
                    } else {
                        var p = i,
                            px = {
                                w: PI.divs_w[p - 1],
                                h: PI.divs_h[p - 1]
                            },
                            cvs = document.createElement("canvas"),
                            ctx = cvs.getContext("2d"),
                            w = PI.w / px.w,
                            h = PI.h / px.h;
                        cvs.width = w;
                        cvs.height = h;
                        ctx.drawImage(PI.img, 0, 0, w, h);
                        var data = ctx.getImageData(0, 0, w, h);
                        if (!first_length) first_length = data.data.length;
                        drawImage(data, px, first_length);
                    }
                } else {
                    PI.res = Math.min(PI.divs_w.length, PI.divs_h.length);
                    break;
                }
            }
            PI.ready = true;
        }

        // draw image at a certain pixel resolution
        function drawImage(data, px, first_length) {
            var cvs = document.createElement("canvas"),
                ctx = cvs.getContext("2d"),
                rat = data.data.length / first_length,
                d = data.data,
                count = d.length,
                rows = data.height,
                cols = data.width;
            cvs.width = PI.w;
            cvs.height = PI.h;

            for (var r = 0; r < rows; r++) {
                for (var c = 0; c < cols; c++) {
                    var i = (r * cols + c) * 4,
                        a = Math.round(d[i + 3] / 255 * 100) / 100,
                        color = "rgba(" + [d[i], d[i + 1], d[i + 2], a].join(",") + ")",
                        x = c * px.w,
                        y = r * px.h;
                    ctx.fillStyle = color;
                    ctx.fillRect(x, y, px.w, px.h);
                }
            }
            PI.container.appendChild(cvs);
        }
    }

</script>


</body>
</html>

Dev0ps left a reply on How To Add Headers In Laravel Request • 1 month ago

guys i am talking about

add_header X-Frame-Options SAMEORIGIN;

types of header

Dev0ps started a new conversation How To Fire A Trigger When Middle Row Ends Not Page End • 1 month ago

i am creating an application where 3rows.

but some time middle post ends but the left-right post still remaining so ajax trigger is not fired until page ends.

who to detect and fire an ajax trigger when middle row elements end.

please help

var isActive = false;
    var page = 1;
    $(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() >= $(document).height()) {

            if(page == "1"){
                isActive = true;
                if(isActive == true) {
                    page++;
                    isActive = false;
                    loadMoreData(page);
                }
            }
            else{
                if(isActive == true) {
                    page++;
                    loadMoreData(page);
                }
            }
        }
    });

21st July, 2018

Dev0ps left a reply on How To Categorizes Data By Month Of Birth • 1 month ago

Thanks @tykus and @Snapey now my code works

Dev0ps started a new conversation How To Add Headers In Laravel Request • 1 month ago

for adding security i want to add few headers

recently i added a header in ngnix config file request works but all AJAX REQUEST GAVE 419 ERROR so I remove it from ngnix config file.

is there any way to add request header in laravel directly

Dev0ps left a reply on After Loading Emoji.js All Slider Stooped Working • 1 month ago

HI @Cronix this is my full code

var f = ['\({:3}\)','\{([:)]+)\}', '\({:P}\)', '\({;P}\)', '\({XP}\)', '\{([:(]+)\}', '\{([/:(]+)\}', '\{([/:\'(]+)\}', '\({DX}\)', '\{([/:|]+)\}','\{([/:\'\'()]+)\}', '\({:O}\)', '\({\/:O}\)', 
    '\{cathappy\}', '\{catlove\}',  '\{catnaughty\}', '\{catsmooch\}', '\{catgrumpy\}', '\{catsad\}',
     '\{angry\}',   '\{angryred\}', '\({:\'O}\)',   '\{([X(]+)\}',  '\{pfft\}', '\{animesweat\}', '\{([:(2]+)\}',   '\{what\}', '\{whatblue\}', '\{despair\}', '\{worried\}', '\{munch\}', '\{XO\}', '\{embarrassed\}', '\{zzz\}', '\{XOO\}', '\{.\}',  '\{sick\}', '\{cattoothy\}', '\{cattoothycry\}', '\{catmunch\}', '\{jolly\}', '\{winktongue\}', '\{peaceful\}', '\{loveeyes\}', '\{cool\}', '\{quinnface\}', '\{([:)2]+)\}',  '\{([:|2]+)\}', '\{([:\'\'D]+)\}', '\{([=)]+)\}', '\{([:D2]+)\}', '\{([:\'D2]+)\}', '\{XD2\}', '\{([O:)]+)\}','\{devil\}', '\{([;)]+)\}', '\{([:|3]+)\}', '\{([:|4]+)\}', '\{unimpressed\}',  '\{stressed\}', '\{sorrow\}', '\{hmm\}', '\{([XZ]+)\}', '\({:32}\)', '\({:3heart}\)', '\({:3alt}\)',//faces 
     '\({lightning}\)', '\({star}\)', '\({suncloud}\)', '\({fountain}\)', '\({snowman}\)', '\({yacht}\)', '\({camping}\)', '\({recycle}\)', '\({sun}\)', '\({cloud}\)','\({umbrella}\)','\({snowflake}\)', '\({lightbeam}\)', '\({waterdrops}\)', '\({waterdrop}\)', '\({shootstar}\)' , '\({cloudpuff}\)' ,'\({tsunami}\)', '\({volcano}\)', '\({constellation}\)', '\({worldafrica}\)', '\({worldamerica}\)', '\({worldasia}\)', '\({darkmoon}\)', '\({moonright}\)', '\({moonleft}\)', '\({fullmoon}\)', '\({fullsun}\)', '\({shiningstar}\)', '\({hibiscus}\)', '\({sunflower}\)', '\({daisy}\)', '\({corncob}\)', '\({wheat}\)', '\({branch}\)', '\({orange}\)', '\({lemon}\)', '\({banana}\)', '\({pineapple}\)', '\({applered}\)', '\({grannysmith}\)' , '\({crocodile}\)', '\({whale}\)', '\({snail}\)', '\({horse}\)', '\({ram}\)',  '\({shell}\)',  '\({caterpillar}\)',  '\({ant}\)',  '\({ladybug}\)',  '\({fish}\)',  '\({camel}\)',  '\({dolphin}\)',  '\({cowface}\)',  '\({tigerface}\)',  '\({wolfface}\)',  '\({bearface}\)',  '\({pandaface}\)', '\({paws}\)',
      '\({rice}\)', '\({curry}\)', '\({ramen}\)', '\({spaghetti}\)' , '\({bread}\)', '\({chips}\)', '\({chocchip}\)', '\({chocolate}\)', '\({sweets}\)', '\({lollypop}\)', '\({pudding}\)', '\({honey}\)', '\({beer1}\)', '\({beer2}\)', '\({milk}\)', '\({cloudyday}\)', '\({umbrella2}\)', '\({starrynight}\)', '\({sunsethill}\)', '\({sunsetsea}\)', '\({sunsetcity}\)', '\({sunsetcitystrong}\)', '\({rainbowsky}\)', '\({bridgenight}\)', '\({globenetwork}\)', '\({mooncycle0}\)', '\({mooncycle1}\)', '\({mooncycle2}\)', '\({mooncycle3}\)', '\({mooncycle4}\)', '\({mooncycle5}\)', '\({mooncycle6}\)', '\({mooncycle7}\)', '\({mooncycle8}\)', '\({shootstar2}\)', '\({chestnut}\)', '\({sprout}\)',  '\({pine}\)', '\({tree}\)', '\({palm}\)', '\({cactus}\)', '\({tulip}\)', '\({sakura}\)', '\({tulipred}\)', '\({clover}\)', '\({autumnleaf}\)', '\({fallleaf}\)', '\({toadstool}\)', '\({tomato}\)', '\({aubergine}\)', '\({grape}\)', '\({melon}\)', '\({watermelon}\)', '\({pear}\)', '\({peach}\)', '\({cherry}\)', '\({strawberry}\)', '\({burger}\)', '\({pizza}\)', '\({meatstick}\)', '\({chickenleg}\)', '\({riceballbr}\)', '\({riceballw}\)', '\({sweetpotato}\)', '\({dango}\)', '\({skewer}\)', '\({sushi}\)', '\({prawn}\)', '\({naruto}\)', '\({icecream}\)', '\({shavedice}\)','\({sundae}\)', '\({doughnut}\)', '\({cake}\)' , '\({bento}\)', '\({gyudon}\)', '\({friedegg}\)', '\({cutlery}\)', '\({greentea}\)', '\({flask}\)', '\({redwine}\)', '\({cocktail1}\)', '\({cocktail2}\)', '\({bdaycake}\)', '\({heartshake}\)', '\({heartbreak}\)', '\({doubleheart}\)', '\({heartsparkle}\)', '\({heartgrow}\)', '\({heartarrow}\)', '\({heartblue}\)', '\({heartgreen}\)', '\({heartyellow}\)', '\({heartpurple}\)', '\({heartbow}\)', '\({heartspin}\)', '\({heartbox}\)','\({arrowtwist}\)', '\({arrowrotate}\)', '\({arrowrotate1}\)', '\({arrowrotate2}\)', '\({clock}\)', '\({hourglass}\)', '\({roundm}\)', '\({arrowboxright}\)', '\({arrowboxleft}\)','\({attention}\)', '\({stop}\)', '\({boxpointleft}\)', '\({boxpointup}\)', '\({boxpointdown}\)', '\({redcircle}\)', '\({curvearrowleft}\)', '\({curvearrowright}\)', '\({hash}\)', '\({doublearrowright}\)', '\({doublearrowleft}\)', '\({doublearrowup}\)', '\({doublearrowdown}\)', '\({boxpointright}\)', '\({blloop}\)', '\({loopbox}\)', '\({zero}\)', '\({one}\)', '\({two}\)', '\({three}\)', '\({four}\)', '\({five}\)', '\({six}\)', '\({seven}\)', '\({eight}\)', '\({nine}\)', '\({\!\!}\)', '\({watch}\)', '\({hourglass2}\)', '\({telephone}\)', '\({pointup}\)', '\({gemini}\)', '\({cancer}\)', '\({leo}\)', '\({virgo}\)', '\({libra}\)', '\({scorpio}\)', '\({wheelchair}\)', '\({fist}\)', '\({wave}\)', '\({peacesign}\)','\({pencil}\)', '\({redcross}\)', '\({greencross}\)', '\({graph}\)', '\({\!q}\)', '\({tm}\)', '\({info}\)', '\({leftrightarrow}\)', '\({updownarrow}\)', '\({nwarrow}\)', '\({nearrow}\)', '\({searrow}\)', '\({swarrow}\)', '\({tick}\)', '\({aires}\)', '\({taurus}\)', '\({sagittarius}\)', '\({capricorn}\)', '\({aquarius}\)', '\({pisces}\)', '\({spade}\)', '\({club}\)', '\({heart2}\)', '\({diamond2}\)', '\({hot}\)', '\({anchor}\)', '\({scissor}\)', '\({greentick}\)', '\({envelope}\)', '\({pen}\)', '\({btick}\)', '\({bcross}\)', '\({sparkle}\)', '\({purplestar}\)', '\({blackstar}\)', '\({rq}\)', '\({gq}\)', '\({g\!}\)', '\({r\!}\)', '\({heart}\)', '\({bplus}\)', '\({bminus}\)', '\({bdiv}\)', '\({china}\)', '\({germany}\)', '\({spain}\)', '\({france}\)', '\({uk}\)', '\({italy}\)', '\({japan}\)', '\({skorea}\)', '\({russia}\)', '\({usa}\)', '\({fishing}\)', '\({karaoke}\)', '\({film}\)', '\({filmcube}\)', '\({musicheadphone}\)', '\({palette}\)', '\({ticket}\)', '\({clapperboard}\)', '\({tragedycomedy}\)', '\({gaming}\)', '\({lucky7}\)', '\({8ball}\)', '\({dice}\)', '\({tenpin}\)', '\({cards}\)', '\({note}\)', '\({notes}\)', '\({saxophone}\)', '\({guitar}\)', '\({keyboard}\)', '\({trumpet}\)', '\({violin}\)', '\({musicsheet}\)', '\({trophy}\)', '\({merrygoround}\)','\({ferriswheel}\)', '\({rollercoaster}\)', '\({tophat}\)', '\({circus}\)', '\({tennisball}\)', '\({skis}\)', '\({basketball}\)', '\({finishflag}\)', '\({snowboard}\)', '\({walk}\)', '\({surf}\)', '\({horserace}\)', '\({rugby}\)', '\({rugby2}\)', '\({swim}\)', '\({lightbulb}\)', '\({angrymark}\)', '\({bomb}\)', '\({zzz2}\)', '\({explosion}\)', '\({poo}\)', '\({strong}\)', '\({speechbubble}\)', '\({moneybag}\)', '\({currency}\)', '\({gdollar}\)', '\({ccard}\)', '\({yen}\)', '\({dollar}\)', '\({euro}\)', '\({pound}\)', '\({dollarwing}\)', '\({pc}\)', '\({briefcase}\)', '\({save}\)', '\({folder}\)', '\({folderopen}\)', '\({document}\)', '\({document1}\)', '\({calendar}\)', '\({alien}\)', '\({kiss}\)', '\({loveletter}\)', '\({diamond}\)','\({ribbon}\)','\({crown}\)', '\({sunhat}\)', '\({lipstick}\)', '\({nails}\)', '\({flowers}\)', '\({boar}\)', '\({elephant}\)', '\({fish2}\)', '\({puffer}\)', '\({tortoise}\)', '\({dropbear}\)', '\({monkeyface}\)', '\({dogface}\)', '\({pigface}\)', '\({frogface}\)', '\({mouseface}\)',  '\({horseface}\)', '\({choicehand}\)', '\({thumbsup}\)', '\({thumbsdown}\)', '\({clap}\)', '\({bumblebee}\)', '\({link}\)', '\({graphup}\)', '\({graphdown}\)', '\({bargraph}\)', '\({clipboard}\)', '\({pin}\)', '\({pin1}\)', '\({paperclip}\)', '\({ruler}\)', '\({45ruler}\)','\({notehere}\)', '\({booky}\)', '\({bookbw}\)', '\({bookbr}\)', '\({bookr}\)', '\({bookopen}\)', '\({bookg}\)', '\({bookbl}\)', '\({booky1}\)', '\({books}\)', '\({parchment}\)', '\({notepencil}\)', '\({call}\)', '\({outgoing}\)',  '\({incoming}\)', '\({box}\)', '\({email}\)', '\({email1}\)', '\({email2}\)', '\({mailbox}\)', '\({mailbox1}\)', '\({mailbox2}\)', '\({mailbox3}\)', '\({mailbox4}\)', '\({mobile}\)', '\({mobile2}\)', '\({camera}\)', '\({vidcam}\)', '\({tv}\)'            ]; //'\({}\)',


var r = ['1f61a', '1f600', '1f61b', '1f61c','1f61d', '1f61e', '1f61f','1f62a', '1f62b','1f62c', '1f62d', '1f62e', '1f62f', '1f63a','1f63b', '1f63c', '1f63d', '1f63e', '1f63f', '1f620', '1f621', '1f622', '1f623', '1f624',  '1f625', '1f626', '1f627', '1f628', '1f629','1f630', '1f631', '1f632', '1f633','1f634', '1f635', '1f636', '1f637', '1f638', '1f639', '1f640', '1f60a', '1f60b', '1f60c', '1f60d', '1f60e', '1f60f', '1f600', '1f601', '1f602', '1f603', '1f604', '1f605', '1f606', '1f607', '1f608', '1f609', '1f610', '1f611', '1f612', '1f613', '1f614', '1f615', '1f616', '1f617', '1f618', '1f619', '26a1', '2b50','26c5', '26f2', '26c4', '26f5', '26fa', '267b', '2600', '2601', '2614', '2744', '2747', '1f4a6', '1f4a7', '1f4ab', '1f4ad','1f30a', '1f30b', '1f30c', '1f30d', '1f30e', '1f30f', '1f31a', '1f31b', '1f31c', '1f31d', '1f31e', '1f31f', '1f33a', '1f33b', '1f33c', '1f33d', '1f33e', '1f33f', 
'1f34a', '1f34b', '1f34c', '1f34d', '1f34e', '1f34f', '1f40a', '1f40b', '1f40c', '1f40e', '1f40f', '1f41a',  '1f41b',  '1f41c',  '1f41e',  '1f41f', '1f42a', '1f42c', '1f42e', '1f42f', '1f43a', '1f43b', '1f43c', '1f43e', '1f35a', '1f35b' , '1f35c', '1f35d', '1f35e', '1f35f', '1f36a', '1f36b', '1f36c', '1f36d', '1f36e', '1f36f', '1f37a', '1f37b', '1f37c', '1f301', '1f302', '1f303', '1f304', '1f305', '1f306', '1f307', '1f308', '1f309', '1f310', '1f311', '1f312', '1f313', '1f314', '1f315', '1f316', '1f317', '1f318', '1f319', '1f320', '1f330', '1f331', '1f332', '1f333', '1f334', '1f335', '1f337', '1f338', '1f339', '1f340', '1f342', '1f343', '1f344', '1f345', '1f346', '1f347', '1f348', '1f349', '1f350', '1f351', '1f352', '1f353', '1f354', '1f355', '1f356', '1f357', '1f358', '1f359', '1f360', '1f361', '1f362', '1f363', '1f364', '1f365', '1f366', '1f367', '1f368', '1f369', '1f370', '1f371', '1f372', '1f373', '1f374', '1f375', '1f376', '1f377', '1f378', '1f379', '1f382',
'1f493', '1f494', '1f495', '1f496', '1f497', '1f498', '1f499',  '1f49a',  '1f49b',  '1f49c',  '1f49d',  '1f49e',  '1f49f', '1f500', '1f501', '1f502', '1f503', '23f0', '23f3', '24c2', '25b6', '25c0', '26a0', '26d4', '2b05' , '2b06', '2b07', '2b55', '21a9', '21aa', '23-20e3', '23e9', '23ea', '23eb', '23ec', '27a1', '27b0', '27bf', '30-20e3', '31-20e3', '32-20e3', '33-20e3', '34-20e3', '35-20e3', '36-20e3', '37-20e3', '38-20e3', '39-20e3', '203c', '231a', '231b', '260e', '261d', '264a', '264b', '264c', '264d', '264e', '264f', '267f', '270a', '270b', '270c', '270f', '274c', '274e', '303d', '2049', '2122', '2139', '2194', '2195', '2196', '2197', '2198', '2199', '2611', '2648', '2649', '2650', '2651', '2652', '2653', '2660', '2663', '2665', '2666', '2668', '2693', '2702',
'2705', '2709', '2712', '2714', '2716', '2728', '2733', '2734', '2753', '2754', '2755', '2757', '2764', '2795', '2796', '2797', '1f1e8-1f1f3', '1f1e9-1f1ea', '1f1ea-1f1f8', '1f1eb-1f1f7', '1f1ec-1f1e7', '1f1ee-1f1f9', '1f1ef-1f1f5', '1f1f0-1f1f7', '1f1f7-1f1fa', '1f1fa-1f1f8', '1f3a3', '1f3a4', '1f3a5', '1f3a6', '1f3a7', '1f3a8', '1f3ab', '1f3ac', '1f3ad', '1f3ae', '1f3b0', '1f3b1', '1f3b2', '1f3b3', '1f3b4', '1f3b5' , '1f3b6', '1f3b7', '1f3b8', '1f3b9', '1f3ba', '1f3bb', '1f3bc', '1f3c6', '1f3a0', '1f3a1', '1f3a2', '1f3a9', '1f3aa', '1f3be', '1f3bf', '1f3c0', '1f3c1', '1f3c2', '1f3c3', '1f3c4', '1f3c7', '1f3c8', '1f3c9', '1f3ca', '1f4a1', '1f4a2', '1f4a3', '1f4a4', '1f4a5', '1f4a9', '1f4aa', '1f4ac', '1f4b0', '1f4b1', '1f4b2', '1f4b3', '1f4b4', '1f4b5', '1f4b6', '1f4b7', '1f4b8', '1f4bb', '1f4bc', '1f4be', '1f4c1', '1f4c2', '1f4c3', '1f4c4', '1f4c5' , '1f47d', '1f48b', '1f48c', '1f48e', '1f380', '1f451', '1f452', '1f484', '1f485', '1f490', '1f417', '1f418', '1f420', '1f421', '1f422', '1f428', '1f435', '1f436', '1f437', '1f438', '1f439', '1f434', '1f44c', '1f44d', '1f44e', '1f44f', '1f41d', '1f517', '1f4c8', '1f4c9', '1f4ca', '1f4cb', '1f4cc', '1f4cd', '1f4ce', '1f4cf', '1f4d0', '1f4d1', '1f4d2', '1f4d3', '1f4d4','1f4d5', '1f4d6', '1f4d7', '1f4d8', '1f4d9', '1f4da', '1f4dc', '1f4dd', '1f4de', '1f4e4', '1f4e5', '1f4e6', '1f4e7', '1f4e8', '1f4e9', '1f4ea', '1f4eb', '1f4ec', '1f4ed', '1f4ee', '1f4f1', '1f4f2', '1f4f7', '1f4f9', '1f4fa' ];

$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
    options.async = true;
});

var re = $.map(f, function(v,i) {
    return new RegExp(v, 'g');
});

$('div').html(function(i,text) {
    $.each(f,function(i,v) {
        text = text.replace(re[i],"<img src='img/emoji/"+ r[i] +".png'>");
    });
    return text;    
});

$(function() {
$('body').find('img[src*="emoji"]').addClass('emoji');
});




Dev0ps left a reply on How To Categorizes Data By Month Of Birth • 1 month ago

@tykus how to create carbon instance

$users = auth()->user()->friends->load('avatars');
        return $users->groupBy(function ($user) {
            return $user->whereMonth('birthday', 1); // assuming birthday is a Carbon instance
        });

20th July, 2018

Dev0ps started a new conversation After Loading Emoji.js All Slider Stooped Working • 1 month ago

after emoji.js files load all menus and sliders not opening

emoji.js main code

$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
    options.async = true;
});

var re = $.map(f, function(v,i) {
    return new RegExp(v, 'g');
});

$('div').html(function(i,text) {
    $.each(f,function(i,v) {
        text = text.replace(re[i],"<img src='img/emoji/"+ r[i] +".png'>");
    });
    return text;    
});

$(function() {
$('body').find('img[src*="emoji"]').addClass('emoji');
});

18th July, 2018

Dev0ps started a new conversation How To Categorizes Data By Month Of Birth • 2 months ago

i am creating a birthday page and wants to separate data by month

[{"id":1110199718,"timeline_id":1110199718,"first_name":"Pratyush","last_name":"dfdf","username":"YdeFahSGHZ","email":"[email protected]","email_verified":null,"birthday":"2001-05-30","gender":"Male","profession":"Blogger","active":1,"account_status":"active","last_logged":"2018-07-18 16:50:56","created_at":"2018-07-13 15:04:01","updated_at":"2018-07-13 15:55:21","deleted_at":null,"pivot":{"user_id":1110199719,"friend_id":1110199718}}]

by checking this field birthday":"2001-05-30"

and put it onto new array with a month classification

17th July, 2018

Dev0ps started a new conversation How To Convert Riot/tag Html To Normal Html • 2 months ago

i want to use this code in my app

https://codepen.io/73tk/pen/dVRooJ

but it is not working, please help

12th July, 2018

Dev0ps left a reply on How To Get Users Friend Birthdays List • 2 months ago

oops!

ErrorException
Trying to get property friends of non-object

10th July, 2018

Dev0ps started a new conversation How To Mark Cookie As HttpOnly • 2 months ago

is there any way?

Dev0ps left a reply on How To Change Login Url • 2 months ago

due to the constructor. check your contractor

Edit Your Profile
Update

Want to change your profile photo? We pull from gravatar.com.