bugsysha

It turns out that is bit more complicated than I wanted it to be so I went with http-vue-loader.

Cause of webpack I had to change export default {} to module.exports = {}.

Also removed imports and map helpers

computed: {
-   ...mapGetters({
-       // ...
-        }),
+   this.$store.getters['moduleNamespace/getterName']
}

Please stop. Thank you for your concern but it's totally unnecessary.

The issue is that you've assumed that it will contain executable code while the truth is that it will not. It will only display content, nothing more.

@cmdobueno Thanks. You are the best.

Project requirement is that users can upload vue single file components to the S3 and from there we need to fetch them and use to render pages.

Is it possible to fetch components from S3? The code is just a dummy code since I have no idea how to do it.

<template>
    <div class="parent">
        <h1>Parent</h1>

        <component :is="componentName"></component>
    </div>
</template>

<script>
import axios from 'axios'
import Vue from 'vue'

export default {
    created() {
        axios.get('dynamic-component-url')
            .then(response => {
                Vue.component(data.name, (resolve) => resolve(response.data.component))
            })
    }
}
</script>

Create middleware for that shippingInfo page put it before auth middleware for that route. There you can see if he is authenticated and let him to go to shippingInfo page. If he is not authenticated redirect him to the auth page with intended query param. Check for that query param or add another middleware which will take responsibility to redirect accordingly.

This does not look to me like a question for Code Review forum category but what do I know :)

i was afraid my post was going to be ignored That happened to me too many times. It is time to give something back :)

It gets kind of cloudy when i try to imagine it I know exactly what you are trying to say. Only experience can remedy that. I always thought that some people are at level I can not reach, ever, not in one life time. But then I've realized that it boils down to experience.

i found out that my controllers are pretty much the same as it was at the start of that video We've all wrote them so don't worry. Follow Adam he is great.

Now i know why Route::resource is used. I always used only resource controller boilerplate and it never failed me. Get that into your workflow and in no time you will see progress.

It was a good reply ! Thank you. My pleasure.

Too much abstraction, magic, and automation.

I like implicit model binding, request objects validation. Takes controllers cleanliness to the extreme.

Dedicated controllers are a must in real-world apps since every model has different relationships and it's better to have all the logic in the app than to outsource for example cascade delete to the database. What if you switch to some database that does not support it? It would get very dirty to put that logic in the controller you wrote. Also overwriting base controller methods is not a common pattern and it can be overlooked easily especially by new team members.

This is just an excerpt but there is so much that would bring complexity and headache if you go with this snippet of code.

I think I've heard @JeffreyWay say that programmers (especially juniors) are hesitant to create new classes and they tend to put everything in existing structure/files. This might now apply to you but it gave me that impression.

Sorry if my thoughts are confusing. I lack some serious amount of sleep.

It would be so much easier to review if it was posted on GitHub or something. Looks super clean but I do not like it. I think that you should watch this video https://www.youtube.com/watch?v=MF0jFKvS4SI

Hope it helps.

Issue created https://github.com/JeffreyWay/laravel-mix/issues/1628

Since I do not know what template names will be added in the future I'm loading requested component like this

let template = require(`./../../../../../${this.templateName}/index.vue`)

But that causes Laravel Mix in watch mode to compile over and over again

WAIT Compiling...

10% building modules 0/1 modules 1 active .../user/project /^\.\/.*\/index$/

So it drains my battery like I'm running benchmarks.

Any ideas how to solve this or what other approach to try?

Thanks in advance.

It can be solved with Vue.mix by adding global method, but I'm asking for this approach cause what if you have something like jQuery or something in your Vue component....

It didn't help. Same thing. If that was the issue then it wouldn't work on my website either. This issue is only happening when running tests.

I have global EventBus in my app.

window.Event = new Vue

But when I try to follow along https://laracasts.com/series/testing-vue/episodes/6 I can not surpass TypeError: Event.$on is not a function error when running tests.

Any ideas?

Thanks.

I guess that should solve this issue. I know I solved it but cannot recall how. Hope this will help someone and thanks ;)

@ellisio my colleague and I made it for the company that we worked for. After that we decided to sell it to try to gather some funds for other free projects that we work on. If this is against the rules of the forum then I'll delete the post. I hope no one will think of this as self promotion.

https://sorter.kraftvel.com

I'm looking forward to some comments.

I always create Service Providers and with them register custom folder for migrations. Have you tried that?

I didn't find anything for that problem. Please post here if you find something interesting.

I agree with you, but that would take too much time at this point. Anyway thanks for encouraging words :)

CSS is not a problem for me. I do not have an eye of a designer so other elements would not look alike with this one.

Don't like Bulmas checkbox and select styling.

I probably will end up using it, but I need the rest like Select, Nav, and other HTML tags and my styling abilities are not the best so I will fail for sure trying to match that styling.

You broke my heart :(

Is there any CSS framework that looks similar to this one?

This Todo app look great by my standards. Does anyone know is this styling part of some CSS framework or not?

http://todomvc.com/examples/vue/

Thanks

Everyone can watch his other talks and tutorials and decide if it's right for them.

@shez1983 Don't worry. I didn't signup here to have a war with someone.

First you call the OP a newbie and then you tell me that I should bother him with details so he has to change his whole app that he wrote so far? Please make up your mind. And confirming what is right will "jeapordise" the app? Are you real?

And also telling someone who you do not know "please dont hide behind English" and "dont gloat" is just an example how much you "respect" others since you started your first reply in this thread with that word that has no value.

if all you have is a hammer, everything looks like a nail.

@mbpp Just like I wrote, I often think that users just start topics and find answers somewhere else. And my suggestion was not to trust your users. Keep as much logic as possible in backend so users can not manipulate the front end. Thought that your question was related to hidden input and not to database structure.

If you can guess skill level of every user by their often poorly described problems then you should go and teach at some college. My first answer is always short cause very often user just ask a question and find answers after using laracasts or google search. But if the user comes back and says if I can elaborate then I can do that and help them.

And this is also an exercise for me to better understand new programmers so I can help them since english is not my native language and sometimes I have problems with that.

And I do not see how my answer is not related or it does not answers to OPs question. I'm just offering a path, cause someone else might suggest something that will be better for him. So once again if he asks me to elaborate I can do that.

Easiest solution would be to dump the database and rsync it to your S3 location.

I'm using cache for that. On every ajax request I overwrite cache, and you can overwrite cache when you submit search. So when he goes back cache content will be served. You just need to figure out how to pull the info from cache that will point out which filters were selected but that is not hard also.

https://laracasts.com/series/server-management-with-forge/episodes/13

Yes, that is the way. You can also use dropIfExists.

Create EmployerController and CandidateController. That way you do not need to pass hidden input.

Not sure what you're asking, too little info.

Drop table.

Schema::drop('flights');

Drop column.

Schema::table('users', function ($table) {
    $table->dropColumn('votes');
});

I only do it that way for the same reason.

andWhere

But he is asking for JavaScript not PHP?

You can put it in some new package for example in that packages ServiceProvider in register method.

I'll send the person who solves this a $10 amazon card That is a bribe :D

Loop through folders and find ServiceProviders and add them with

$this->app->register()

Short answer is require is javascript library https://www.npmjs.com/package/require-dir but import is ES6 function. Also require is synchronous and import is a synchronous.

I think it's cause of this https://laravel.com/api/5.3/Illuminate/Support/Facades/Facade.html#method___callStatic

I use something like this so I can manipulate it through HTML

$spacingValue: 1rem;
$maxWidthSize: 991px;
$smallScreenDivider: 2;

@include component(spacing) {
  @for $i from 0 through 16 {
    @include option(s-margin-#{$i}) {
      margin: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-#{$i}) {
      padding: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // top bottom
    @include option(s-margin-top-bottom-#{$i}) {
      margin-top: $i * $spacingValue;
      margin-bottom: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-top: $i * $spacingValue / $smallScreenDivider;
        margin-bottom: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-top-bottom-#{$i}) {
      padding-top: $i * $spacingValue;
      padding-bottom: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-top: $i * $spacingValue / $smallScreenDivider;
        padding-bottom: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // left right
    @include option(s-margin-left-right-#{$i}) {
      margin-left: $i * $spacingValue;
      margin-right: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-left: $i * $spacingValue / $smallScreenDivider;
        margin-right: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-left-right-#{$i}) {
      padding-left: $i * $spacingValue;
      padding-right: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-left: $i * $spacingValue / $smallScreenDivider;
        padding-right: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // top
    @include option(s-margin-top-#{$i}) {
      margin-top: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-top: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-top-#{$i}) {
      padding-top: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-top: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // right
    @include option(s-margin-right-#{$i}) {
      margin-right: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-right: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-right-#{$i}) {
      padding-right: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-right: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // bottom
    @include option(s-margin-bottom-#{$i}) {
      margin-bottom: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-bottom: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-bottom-#{$i}) {
      padding-bottom: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-bottom: $i * $spacingValue / $smallScreenDivider;
      }
    }

    // left
    @include option(s-margin-left-#{$i}) {
      margin-left: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        margin-left: $i * $spacingValue / $smallScreenDivider;
      }
    }

    @include option(s-padding-left-#{$i}) {
      padding-left: $i * $spacingValue;

      @media (max-width: $maxWidthSize) {
        padding-left: $i * $spacingValue / $smallScreenDivider;
      }
    }
  }

  @include option(s-vertical-middle) {
    display: flex;
    align-items: center;
  }
}

I use CSStyle.

Glad it works. Please select it as a correct answer so others can see that and try when they have the same problem.

Paste code where you create requests from backend.

Have you added to keys to .env file?

Yes there is but it's not free.

Fetch items from the DB and key them with this:

$items = \App\Item::all()->keyBy('id');

Traits.