twg_

I'm create a small sass application and I want to encrypt the end users data and then decrypt it when they login to view it. I found an article that had a plugin for Laravel that would do it. It was based on the user's hashed password.

I'm trying to create a way because my app will have different tiers which include how many logins are allowed on each one. I need any logins associated with main account to be able to decrypt the data.

Any suggestions on what I should be looking into?

I'm trying to run a terminal command using Symfony Processes but can't seem to get phantomjs to run. I've checked the user the command is running as and it's the same as when I actually run it from my terminal window. I can run the same version from my terminal and it runs just fine.

I've seen articles where I can test for regression inside my Laravel app but I'm trying to build a small app for internal use that will allow me to test for changes on many sites that I own. I have 130+ editors that I need to watch to see changes to their site to see if it correlates with any drop in their views.

I found a plugin called Laravel Visual Diff by BeyondCode but it hasn't been updated in a year and does not work with Laravel 6.4.

Has anyone else come across a plugin or created something similar?

I'm currently using Laravel Mix to build my site css & js. After I build it I have to either upload it to my dev or prod site depending on what I'm doing.

Is there a way that I could call an API to upload the new JS & CSS to the correct instance so I can cut out a manual step?

Yeah I'm wanting to recreate this gulp task in webpack.

gulp.task('prefix', function(done) {
    var prefix = gutil.env.p || gutil.env.prefix || false;

    if(!prefix) {
        return done();
    }

    gutil.log("Replacing prefix 'uk' with '"+prefix+"'");

    gulp.src(['./dist/**/*.css', './dist/**/*.less', './dist/**/*.scss', './dist/**/*.js'])
        .pipe(replace(/(uk-([a-z\d\-]+))/g, prefix+'-'))
        .pipe(replace(/data-uk-/g, 'data-'+prefix+'-'))
        .pipe(replace(/UIkit2/g, 'UIkit2'+prefix))
        .pipe(gulp.dest('./dist'))
        .on('end', done);
});

Hi,

I'm not sure if this is possible or not but I was wondering if there is a way to go through a file(s) replace a prefix in SCSS & JS. I've seen it done in UIKit v2 but it's in gulp.

Hi,

I have implemented drag-n-drop order of some items but I'm trying to figure out how to implement the model update.

Here is an example of the data I'm posting:

[
    'pages' => [
        { id: "10", children: [] },
        { id: "15", children: [] },
        { id: "2", children: [
            { id: "4" },
            { id: "5" }
        ]},
        { id: "8", children: [] }
    ]
]

In my controller I'm checking to make sure that $request->has('pages') but after that I'm not 100% sure how to loop through the id's and update their appropriate data entry with the order they are in and then how to update the children items the same with but with also the parent id that it's inside.

Hi,

I have a basic drap-n-drop working without any children and when it's moved, the database is updated. I'm having an issue figuring out how to update the database when a element is dragged as a child.

Has anyone done this before with Laravel & jQuery Sortable.

I was wondering if I could use a single webpack.mix.js file to mix all of my files for each sub section of my website. I have all fo the files living inside a global project but I would like to only mix certain ones when I need to without having to wait for them all to mix each time.

Hi @hollyit @mstrauss ,

I implemented the page_ in the id and the console.log is working now. This will be pretty small reordering of pages so I don't think I will run into a UX nightmare. I've never used a debounce function. Can you share any more on that?

That still doesn't output anything to the console.

@mstrauss The output is blank. It doesn't return NULL or EMPTY or anything.

I forgot to add when I look at the dd in the networking tab and response. I get an array of array:1 [ 2 => null ]

I have setup sortable with jQuery UI and I'm able to drag and drop the items in any order I want. What I'm having issues with is saving the order after I move each item.

web.php

Route::prefix('manage')->group(function () {
    Route::prefix('pages')->group(function () {
        Route::post('/reposition', '[email protected]');
    });
});

[email protected]

public function submit(Request $request)
{
        dd($request->all());

        if ($request->has('item')) {
            $i = 0;

            foreach ($request->get('item') as $id) {
                print_r($id); die();
                $i++;
                $page = \App\Page::find($id);
                $page->menu_order = $i;
                $page->save();
            }

            return response()->json(array('success' => true));
        } else {
            return response()->json(array('success' => false));
        }
 }

Blade File (index.blade.php)

<div id="pages">
@foreach($pages as $page)
<div class="page" id="{{ $page->id }}">
    <div class="handle"></div>
    <div class="page-details">
        DETAILS HERE
    </div>
</div>
@endforeach
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript">
    $('#pages').sortable({
        'containment': 'parent',
        'revert': true,
        helper: function(e, div) {
            var $originals = div.children();
            var $helper = div.clone();
            $helper.children().each(function(index) {
                $(this).width($originals.eq(index).width());
            });
            return $helper;
        },
        handle: '.handle',
        update: function(event, ui) {
            var url = '{{ route("pages.reposition", ":id") }}';
            url = url.replace(':id', ui.item.attr('id'));
            $.post(
                url,
                $(this).sortable('serialize'),
                function(data) {
                    if (!data.success) {
                        alert('Whoops, something went wrong.');
                    }
                },
                'json'
            );
        }
    });
</script>

I had the person working on it throw a try/catch on it and we got it resolved. Thanks.

We are having some issues with mail delivery working. When we or a use submits a form, sometimes we get a time with no message, sometimes we get a timeout with a message and then other times the messages sends just fine.

We are connecting to an enterprise exchange server over smtp on port 25.

Has anyone else experienced this before?

Thanks for that @bobbybouwmann. I actually came across the first link you sent about 30 minutes ago and I've been working through it. I'm trying to figure out my error 500 on my login post as we speak.

Hi Everyone,

I'm starting to learn Vue and I'm playing around with trying to create a simple playground project. I'm trying to create a login system with roles/permissions using Vue & Laravel. Does anyone have any suggestions for tutorials?

Thanks @ejdelmonico I actually moved over to Vuex to accomplish what I wanted which is working great now.

I've built out a few templates with vue and I've figured out how to set a store value for SET_LAYOUT initially. I can't quite seem to figure out how I can change that value on a per page basis.

Has anyone done this before?

Awesome. That's what I was doing but wanted to make sure there wasn't something I was missing. Thanks @aurawindsurfing.

Nice IT Crowd avatar. I was just watching an episode.

Hi,

I'm using forge to push out my first project. When I push to my repo of course the .env file is left out since it's my production .env file. What's the best way to push changes and have a production env file?

@bobbybouwmann I'm using Vue Router.

So I've got my mobile navigation toggling open and close. The only issue I have left is how to close the navigation when the next page is loaded.

<script>
    let app = new Vue({
        el: '#app',
        data: {
            open: false
        },
        methods: {
            mobileNavToggle () {
                this.open = !this.open
            }
        }
    })
</script>