FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

joosonmao

@artprince

is the Pen's setting wrong?

@VicPopescu Can you help me?

Fabien SHAN

@X140hu4

@artprince Please describe your issue and what you have tried. The more detailed the explanation, the better.

joosonmao

@artprince

I solved

because not set css in settings.

Johny Sins

@JohnySi73551906_twitter

@VicPopescu hello! do you know how can i compare two values of different properties?

var arr = [{first: "lorem", last: "ipsum"}, {first: "dolor", last: "sit"}];

Aditya

@ezioda004

@JohnySi73551906_twitter You want to compare first property of both objects in array?

Johny Sins

@JohnySi73551906_twitter

something like that, yes

Victor Popescu

@VicPopescu

@JohnySi73551906_twitter of different properties on the same object?

Johny Sins

@JohnySi73551906_twitter

different

objects

Victor Popescu

@VicPopescu

oh, then you need a double iteration

inside your array for loop, for each iterated object, you do another for to loop through all the rest of the objects

and there you compare

Johny Sins

@JohnySi73551906_twitter

I'll try

Victor Popescu

@VicPopescu

alright try it and let us know

Johny Sins

@JohnySi73551906_twitter

@VicPopescu I can't get it to find objects with same properties

[ 'first', 'last' ]
[ 'last' ]

for(var i = 0; i < collection.length; i++) {
        if(Object.keys(collection[i]) === Object.keys(source)) {
            console.log('este ba!');
        } else {
            // console.log('nu este!');
            console.log(Object.keys(collection[i]));
        }
    }

dinesh

@1532j0004kg

try to use let keyword may be

Markus Kiili

@Masd925

@JohnySi73551906_twitter You need a nested loop (or iteration) over source's keys. Looped object's keys are of no interest here.

Ahmed Al-Gallad

@A-Gallad

Hello guys

I just have a simple question regarding using for loops and bootstrap columns

Stephen James

@sjames1958gm

@Gallad23 ask away

Ahmed Al-Gallad

@A-Gallad

<div class="container">
    <div class="row">
        <div class="col-md-3 col-sm-6">        

<ul>

@for ($i = 0; $i < count($info->video); $i++)  

        <li>    

     <div class="card">
    <img class="card-img-top" src="{{$info->video[$i]->thumbnail}}" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">{{$info->video[$i]->title}}</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>

         </li>

@endfor

</ul>

    </div> 
</div>

here my code snippet

so I am retrieving data from the back end and displaying it , I just want to display 4 cards / row instead of 1 card

and I am a little bit confused

where to place the bootstrap col-classes

inside or outside the for loop ? so it can display 4 cards / row

Thanks in advance :)

Stephen James

@sjames1958gm

@Gallad23 Do you have to use ul / li ?

Not sure which templating language this is?

Ahmed Al-Gallad

@A-Gallad

dont have to use ul / li ....the data I'm retrieving is simple youtube videos

so $info is an object

and $video is an array of videos

the language is php , laravel specifically

Stephen James

@sjames1958gm

@Gallad23 blade templating?

Ahmed Al-Gallad

@A-Gallad

yep

Stephen James

@sjames1958gm

@for ($i = 0; $i < count($info->video); $i++)  
     @if(i % 4 ==== 0)
    <div class="row">
     @endif
        <div class="col-md-3 col-sm-6">

You might need something like that where every 4th entry you put a new row

Depends on support in the templating language

Ahmed Al-Gallad

@A-Gallad

that could actually work.... let me try it

thank you, I appreciate your help really

Stephen James

@sjames1958gm

:) :+1:

Nate Mallison

@NJM8

Hi all, just looking for some feedback on my Pomodoro Timer, Thanks! https://www.natethedev.com/FreeCodeCampFrontEndProjects/pomodoroTimer/

Nazar

@IsaakNazar

@NJM8 so unusual, I like it! well done :+1:

Nate Mallison

@NJM8

thanks, I think I was on something when I did the colors, I hated them for awhile but nothing else looked good. haha

Christopher McCormack

@cmccormack

@NJM8 reset doesn't seem to work, starts break timer instead. Is there a pause?

@rajkumart08_twitter

hi,

I was developing a prototype when I click third time red square shows.
but now when I click third time checkbox should disappear and then I need to show an image, image is added in this class imageThird.
can you tell me what is the issue.
providing my code below.

working link https://stackblitz.com/edit/angular-t2xvra?file=app/app.component.html

not working link https://stackblitz.com/edit/angular-xvpf9q?file=app/app.component.css


.imageThird {
  background: url(http://via.placeholder.com/15x15) no-repeat -539px -240px;
    width: 20px;
    height: 20px;
}

.displayInlineBlock {
    display: inline-block;
}



.is-multiple-of-3 .imageThird{
  visibility: visible;
}

Where communities thrive

People

Repo info

Activity