samleserieux

samleserieux

Member Since 6 Months Ago

Experience Points
12,450
Total
Experience

2,550 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
124
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 3
12,450 XP
May
13
6 months ago
Activity icon

Started a new Conversation Birdboard : Patch Project Error.response

Hi all, I just finished the course "Build A Laravel App With TDD", i try to implement a modal for editing a project, i reused the code we made during the lesson 42 and 43, so i reused the form object we made. Everything is working fine, my project is updated but the page is never reload and i get an error in the console "error.response is undefined" Here is my code of the modal :

Let's edit this !

<form @submit.prevent="submit"> Title

                <div class="mb-4">
                    <label for="description" class="text-sm block">Description</label>
                    <textarea id="description"
                              class="border bg-card text-default my-2 p-2 text-xs block w-full rounded"
                              :class="form.errors.description ? 'border-red' : 'border-orange'"
                              rows="10"
                              v-model="form.description">
                </textarea>
                    <span class="text-xs italic text-red" v-if="form.errors.description"
                          v-text="form.errors.description[0]"></span>
                </div>
            </div>
        </div>
        <footer class="flex justify-end mt-4">
            <button type="button" class="button mr-4" @click="$modal.hide('editProject')">Cancel</button>
            <button type="submit" class="button">Confirm</button>
        </footer>
    </form>
</modal>

import AstroForm from './AstroForm';
export default {
    props: ['projectPath', 'projectTitle', 'projectDescription'],

    data() {
        return {
            form: new AstroForm({
                title: this.projectTitle,
                description: this.projectDescription,
            })
        }
    },

    methods: {
        async submit() {
            this.form.update(this.projectPath)
                .then(response => location = this.projectPath);
        }
    }
}
--- And here is my code of the form :

class AstroForm { constructor(data) { this.originalData = JSON.parse(JSON.stringify(data));

    Object.assign(this, data);

    this.errors = {};
    this.submitted = false;
}

data() {
    let data = {};

    for (let attribute in this.originalData) {
        data[attribute] = this[attribute];
    }

    return data;
}

submit(endpoint) {
    return axios.post(endpoint, this.data())
        .catch(this.onFail.bind(this))
        .then(this.onSuccess.bind(this));
}

update(endpoint) {
    return axios.patch(endpoint, this.data())
        .catch(this.onFail.bind(this))
        .then(this.onSuccess.bind(this));
}

onSuccess(response) {
    this.submitted = true;
    this.errors = {};

    return response;
}

onFail(error) {
    this.errors = error.response.data.errors;
    this.submitted = false;

    throw error;
}

reset() {
    object.assign(this, this.originalData);
}

}

export default AstroForm;

Hope you can help me.