BrownieCoffee

BrownieCoffee

Member Since 7 Months Ago

Experience Points
2,740
Total
Experience

2,260 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
2,740 XP
Jan
28
3 weeks ago
Activity icon

Replied to Different Databases ( Local And Testing ) In Laravel 6

manellgavalda thank you I'll check that.

Activity icon

Started a new Conversation Different Databases ( Local And Testing ) In Laravel 6

Hi,

I come to you because I have a question.

Is it steel possible to use different databases ( local and testing ) in Laravel 6 ?

Jan
11
1 month ago
Activity icon

Started a new Conversation How To Generate URL On Displaying A Modal ?

Hi there, how are you ?

I need your help for my problem if it is possible.

On click on a boutton, a modal appear. I want to generate the url users/{user} displaying a modal.

Actually nothing is good. The URL is not generate... can you help me to know why ?

my admin.users.index.php

<section>
            <div class="section__list {{request()->route()->named('admin.users.index', 'admin.administrateurs.index') ? 'section--grid' : '' }}">
                @section('content-list')
                @for($i= 0 ; $i < 8 ; $i++) <div class="section__card section__card--user card">
                    <div class="section__card-content card-content">
                        <img class="section__profile-picture profile-picture" src="https://fakeimg.pl/40x40/" alt="logo du site web">
                        <div class="section__user-infos">
                            <span class="section__user-info section__user-names">Lorem Ipsum</span>
                            <span class="section__user-info section__user-username">LoremIpsum</span>
                            <span>[email protected]</span>
                            <span>membre depuis le 10 jan 2000</span>
                        </div>
                    </div>
                    <div class="section__card-footer card-footer">
                        <a href="{{route('admin.utilisateurs.show', $utilisateur)}}" class="section__button section__button--see section__button--profile-modal showModal button is-rounded">voir</a>
                        <button class="section__button section__button--contact button is-rounded">contact</button>
                        <button class="section__button section__button--delete button is-rounded">supprimer</button>
                    </div>
            </div>
            @endfor
            @include('admin.users.show')
            </div>
        </section>

my admin.users.show.php

<div class="section__modal section__modal--profile modal show-modal">

 <div class="section__modal-background modal-background"></div>
     <div class="section__modal-card modal-card">

         <div class="section__modal-card-header modal-card-header section__author-infos">
        //long code
         </div>

         <div class="section__modal-card-body modal-card-body">
        //long code
         </div>

 </div>

my style.js

var app = {
    init: function (){
        $activationModal = $('.showModal');
            $modal = $('.modal');
        $profileModal = $('.section__modal--profile');
            $modalBk = $('.modal-background');

        $activationModal.on('click', app.showModal);
            $closeModalBtns,$modalBk.on('click', app.closeModal);
    },


      showModal: function (e) {
        e.preventDefault();
        $modal.addClass("is-active");

        var Id=$(this).attr("href");
        $.ajax({
            type: "POST",
            data: { Id: Id },
            url: "reponse.php",
        });

    },

    closeModal: function (e) {
        $modal.removeClass("is-active");
    },

}
Jan
07
1 month ago
Activity icon

Awarded Best Reply on Dropdown Menu Inside Anchor Tag: How To Interrupt Anchor Tag?

GOT IT!

I just move this follow code below after a tag:

<div class="section__dropdown dropdown is-right">
                <div class="dropdown-trigger">
                    <button class="section__button section__button--dropdown button" aria-haspopup="true" aria-controls="dropdown-menu6">
                        <i class="section__icon section__icon--dropdown-menu fa fa-ellipsis-h" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="section__dropdown-menu dropdown-menu" id="dropdown-menu6" role="menu">
                    <div class="dropdown-content">
                        <a href="#" class="dropdown-item">modifier</a>
                        <hr class="section__divider section__divider--dropdown">
                        <a class="dropdown-item">supprimer</a>
                    </div>
                </div>
            </div>


Activity icon

Replied to Dropdown Menu Inside Anchor Tag: How To Interrupt Anchor Tag?

GOT IT!

I just move this follow code below after a tag:

<div class="section__dropdown dropdown is-right">
                <div class="dropdown-trigger">
                    <button class="section__button section__button--dropdown button" aria-haspopup="true" aria-controls="dropdown-menu6">
                        <i class="section__icon section__icon--dropdown-menu fa fa-ellipsis-h" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="section__dropdown-menu dropdown-menu" id="dropdown-menu6" role="menu">
                    <div class="dropdown-content">
                        <a href="#" class="dropdown-item">modifier</a>
                        <hr class="section__divider section__divider--dropdown">
                        <a class="dropdown-item">supprimer</a>
                    </div>
                </div>
            </div>


Activity icon

Started a new Conversation Dropdown Menu Inside Anchor Tag: How To Interrupt Anchor Tag?

Hi !

I wish you help about my problem.

I have this part of my code:

<section class="section section--projects">
    <div class="section__list">
        <div class="section__card card">
            <a href="#" class="section__link">
                <div class="section__thumbnail" role="img" aria-label="thumbnail du projet" style="background-image: url('https://fakeimg.pl/500x500');">
                    <object data="" type="">
                        <div class="section__dropdown dropdown is-right">
                            <div class="dropdown-trigger">
                                <button class="section__button section__button--dropdown button" aria-haspopup="true" aria-controls="dropdown-menu6">
                                    <i class="section__icon section__icon--dropdown-menu fa fa-ellipsis-h" aria-hidden="true"></i>
                                </button>
                            </div>
                            <div class="section__dropdown-menu dropdown-menu" id="dropdown-menu6" role="menu">
                                <div class="dropdown-content">
                                    <a href="#" class="dropdown-item">modifier</a>
                                    <hr class="section__divider section__divider--dropdown">
                                    <a class="dropdown-item">supprimer</a>
                                </div>
                            </div>
                        </div>
                    </object>
                </div>

                <div class="section__card-content card-content">
                    <h4 class="section__heading section__heading--project">
                        Lorem ipsum dolor sit amet consectetur.
                    </h4>
                </div>

            </a>
        </div>
    </div>
</section>

var app = {

    init: function (){
          $dropdown = $('.dropdown');

          $dropdown.on('click', app.activeDropdown);

    },

    activeDropdown: function (e) {
        e.stopPropagation();
        $(this).toggleClass('is-active');
    }

},




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

I want to interrupt the link "direction" while the user has cliqued to the dropdown button and not choose an option.

Can you help me please ? Thank you a lot :)

Jan
06
1 month ago
Activity icon

Replied to How To Secure Front-end And Back-end Project ?

@fylzero @etiennepeters @jlrdw thank you for your complete answers. i'll get that !!!! ;D

Jan
05
1 month ago
Activity icon

Started a new Conversation How To Secure Front-end And Back-end Project ?

Hi there,

Happy New Year to You ;)

I need your help about security of project in general.

What are your tips/ideas to secure front-end and back-end of a project using Laravel ?

Thank you by advance.

Dec
27
1 month ago
Activity icon

Replied to Disabled Button If Summernote's Textareas Not Fullfill Conditions

Hi @bugsysha ,

I'mm not using Vue but Jquery. But I finally decided to have to begin, one textarea to beggin. This approach written at the top will be used for my V2 or V3.

Thank a lot :)

Activity icon

Replied to Is It A Good Thing To Have Many Textarea ?

@jaytee Thank you for you answer ! :D

Dec
24
1 month ago
Activity icon

Started a new Conversation Disabled Button If Summernote's Textareas Not Fullfill Conditions

Hi all.

I come to you beacause I have probleme. I use summernote as rich text editor.

I want to offers to my members the possibility to add textarea dynamically. If the first textarea not contains more than 10 characters, the add button stay disabled. Else, the add button add dynamically the second textarea and so on.

Actually it is wrong because after 4 characters, add button is abled and when the second textarea is added, the button is not disabled.

I don't know if is it clear...

index.blade.html

<div class="box__content">
            <div class="box__content-field">
                <h5 class="box__heading box__heading--content">Contenu de votre projet</h5>
                <div class="box__step">
                    <h6 class="box__heading box__heading--step">etape 1</h6>
                    <div class="box__step-field box__step-field--project-create">
                        <textarea class="summernote"></textarea>
                    </div>
                </div>
            </div>
            <button class="box__button box__button--add-a-step button is-rounded" type="button" disabled="disabled">
                <i class="box__icon box__icon--add-a-step fa fa-plus" aria-hidden="true"></i>
                <span>ajouter une étape</span>
            </button>
        </div>

mystyle.js

summernote: function () {
        $('.summernote').summernote({
            toolbar:    [
                            ['insert', ['picture']]
                        ],
            disableResizeEditor: true,
            minHeight: 150,
            placeholder: 'poser une question pour ce projet',
            callbacks:{
                onKeydown: function (e) {
                    
                    var notComplete = false;
                    $(this).each(function() {
                        if ($(this).val().length < 10) {
                            notComplete = true;
                        }
                    });

                    if (notComplete) {
                        $('.box__button--add-a-step').attr('disabled', 'disabled');
                    } else {
                        $('.box__button--add-a-step').attr('disabled', false);
                    }
                }
            }
        });
        $('.note-statusbar').hide(); 
    },

Can you help me please ?

Thank you in advance.

Bood bye.

Nov
11
3 months ago
Activity icon

Replied to Is It A Good Thing To Have Many Textarea ?

@nakov , @jlrdw , @shez1983 I would to permit to my users to create an article with steps. If there are for example, a step 2, he clicks on the button 'add a step' which add a new block with heading and textarea.

I don't know if it is clear... :/ .

Activity icon

Started a new Conversation Is It A Good Thing To Have Many Textarea ?

Hi,

I have a textarea and I would add anothers on click on a button ( like this video : https://www.youtube.com/watch?v=rVmZXJj5lH0).

My question is: is it a good thing to do that ? Isn't it to heavy for a website ?

Thank by advance.

Good B.

Activity icon

Replied to Summernote : Upload Image Only From Server ( Remove Upload Image Via Link)

@jlrdw Hi :) . First of all, thank's for your answer.

Actually, Summernote has a button image which, on click, open a modal with input file and input link.

I want to choose a image from server without using this modal (like QuillJs doing ).

Nov
09
3 months ago
Activity icon

Started a new Conversation Summernote : Upload Image Only From Server ( Remove Upload Image Via Link)

Hi there,

I have a question about summernote. I didn't find out solution. I use summernote to white articles. I permit users to upload images but I don't want they use the image uploader via link. I want to permit that only from server.

Is it possible to do that ?

Thank by advance.

Good B.

Nov
06
3 months ago
Activity icon

Started a new Conversation Can We Have <head> Tag Inside 2 Blade.php Files ?

Hi there,

I have a question about files.

I extended the file projects/index.blade.php to 2 files questions/index.blade.php, events/index.blade.php. I want now create another file without extend the projects/index.blade.php.

can I do this knowing that my projects/index.blade.php contains already

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <title>Des projets écolos et économes</title>
</head>

?

Thank by advance.

Nov
03
3 months ago
Activity icon

Started a new Conversation Change Classes According To Width And Url

Hi guys, how are you?

I need help with my condition below :


app = {

    init: function () {

    /*1: stockage des classes dans des variables */


    /*2: actions par défault sur les classes */

    /*3: actions réalisées sur ces classes */

        $(window).on('resize', app.switchClassAbove1120Px).resize();

    },

    /*4: functions */

    switchClassAbove1120Px: function () {
        console.log('ca change!')
        // e.preventDefault();
           var width = $(window).width();

        if (($(location).attr('href').indexOf('forum') && width >= 1120)) {
            console.log('grand!')
            $('.categories-choice__list-items').removeClass('categories-choice__list-items__displaying--flex categories-choice__list-items__positionning--center categories-choice__list-items__overflow--x-auto categories-choice__list-items__scrollbar--hide').addClass('categories-choice__list-items__displaying--block');
        } else if(($(location).attr('href').indexOf('forum') && width <= 1120)){
            console.log('petit');
            $('.categories-choice__list-items').removeClass('categories-choice__list-items__displaying--block').addClass('categories-choice__list-items__displaying--flex categories-choice__list-items__positionning--center categories-choice__list-items__overflow--x-auto categories-choice__list-items__scrollbar--hide');
        }
    }
}

app.init();

I want that the classes are removed and added only if url == /forum and width <= 1200px .

Actually, the condition also used with home url ...

Can you help me please?

Thank a lot by advance. See you +

Sep
04
5 months ago
Activity icon

Replied to Upload Image From Computer With Tiptap Vue JS

@mvd Thank I'll check that !

Sep
02
5 months ago
Activity icon

Started a new Conversation Upload Image From Computer With Tiptap Vue JS

Hi guys, how are you?

I have a question about TipTap VueJS. I discovered this rich text editor and I would like to know if it is possible to upload an image from computer.