aarad

aarad

Member Since 2 Years Ago

Experience Points
300
Total
Experience

4,700 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
0
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start-engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
300 XP
Jul
15
3 months ago
Activity icon

Replied to V-for On Multi Component Generate Wrong Data - Solved!

It just need to add :key="product.id" to v-for on component.

Jul
14
3 months ago
Activity icon

Started a new Conversation V-for On Multi Component Generate Wrong Data - Solved!

I write a <Product> component and each component has own data, but on pagination, same indexed " data" i wrong.

Product:

<script>
    export default {
        name: "Product",
        props: ['product'],
        data(){
            return{
                count: '',
            }
        },       
    computed: {
            InventoryCount(){
                if (! this.product.latest_inventory){
                    return {};
                }
                return this.product.latest_inventory.count;
            }
        },
    }
</script>

And i use this component In this way:

<div v-for="product in products" class="col-md-12 col-xl-6">
    <product :product="product" inline-template>
        <div class="product-thumbnail">
            <div class="product-thumbnail__image">
                <img :src="'/' + product.image" class="img-fluid">
            </div>
            <div class="product-thumbnail__title">
                <a :href="'/admin/product/' + product.id + '/edit'"><span>@{{ product.title }}</span></a>
            </div>
            <div class="product-thumbnail__controller">
                <div v-if="product.latest_inventory">
                    <div>
                        <select class="select-count" v-model="count" v-select2>
                            <option v-for="item in InventoryCount" :value="item">@{{ item | convertToFa }}</option>
                        </select>
                    </div>                   
                </div>              
            </div>
        </div>
    </each-product>

</div>

Jun
19
4 months ago
Activity icon

Started a new Conversation Why Some Codes Loosing On Compile Scss To Css By Webpack?

I have some scss codes and after run npm run watch or npm run prod some codes like -webkit-flex-direction: column; will be loosing. This is an example:

.box{
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
}

After run npm run watch or npm run prod it will be:

.box{
    flex-direction: column;
    -moz-flex-direction: column;
}

How can i have -webkit-flex-direction: column; or -ms-flex-direction: column; on compiled css?

Jun
08
5 months ago
Activity icon

Replied to Ho To Sorting Related Articles Based On Common Tags?

@TISUCHI - Thanks, but can you give me an example please?

Activity icon

Started a new Conversation Ho To Sorting Related Articles Based On Common Tags?

I have an articles and tags table. Every article can have multi tags. I want to get related articles for an article and sort result based on common tags. I use this code to get related articles but i don't know how to sort result based on common tags.

    $relatedArticle = Article::whereHas('tags', function($query) use ($article){
            $query->whereIn('name', $article->tags->pluck('name'));
        })->where('id', '!=', $article->id)->take(10)->get();
May
16
5 months ago
Activity icon

Started a new Conversation Vue-jalali-moment Filter Not Work Correctly On V-for

Hello I want to have a select with jalai year format, and i use 'vue-jalali-moment' for it.

<template>
    <div>                                                       
        <select class="select-year" v-model="year" v-select2>
            <option v-for="year in years" :value="year">
                @{{ year | moment("jYYYY")}}
            </option>
        </select>
    </div>
</template>
<script>
    import select2 from 'select2';
    export default {
        name: "Profile",      
        data(){
            return {
                year: '',
            }
        },
        mounted() {           
            $('.select-year').select2({
                width: '100%',
                minimumResultsForSearch: -1,
            });           
        },     
        computed : {
            years () {
                const year = new Date().getFullYear()
                return Array.from({length: year - 1900}, (value, index) => 1901 + index)
            }
        }
    }
</script>

But i have a problem, the output is wrong:

<select>
    <option value="1901" data-select2-id="15">1348</option>
    <option value="1902" data-select2-id="16">1348</option>
    <option value="1903" data-select2-id="17">1348</option>
    <option value="1904" data-select2-id="18">1348</option>
    .
    .
    .
    <option value="2017" data-select2-id="131">1348</option>
    <option value="2018" data-select2-id="132">1348</option>
    <option alue="2019" data-select2-id="133">1348</option>
</select>

It only generate 1348 for any gregorian year. Why is not work correctly?