Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 31 2019 08:18
    FieryCod commented #1379
  • Jan 30 2019 10:01
    atif089 commented #1379
  • Jan 30 2019 10:01
    atif089 commented #1379
  • Jan 30 2019 10:01
    atif089 commented #1379
  • Jan 30 2019 04:11
    tclindner opened #1998
  • Jan 28 2019 05:21

    ljharb on master

    [eslint config] [base] [patch] … [eslint config] [patch] extend … Merge pull request #1996 from r… (compare)

  • Jan 28 2019 05:21
    ljharb closed #1996
  • Jan 28 2019 04:50
    ljharb synchronize #1996
  • Jan 27 2019 21:45
    ljharb closed #1997
  • Jan 27 2019 21:45

    ljharb on master

    [editorial] [react] fix typo [eslint config] [*] [deps] upda… (compare)

  • Jan 27 2019 21:39
    ljharb synchronize #1997
  • Jan 27 2019 21:39
    ljharb labeled #1997
  • Jan 27 2019 21:39
    ljharb labeled #1997
  • Jan 26 2019 18:14
    ljharb labeled #1996
  • Jan 26 2019 18:14
    ljharb labeled #1996
  • Jan 26 2019 18:13
    ljharb synchronize #1996
  • Jan 26 2019 18:05
    ljharb commented #1996
  • Jan 26 2019 08:55
    telmen opened #1997
  • Jan 24 2019 19:37
    peteclark3 commented #1689
  • Jan 24 2019 17:25
    ljharb commented #747
Lujain36
@Lujain36
$(document).on("click", ".edit", function(){
          var value = $("#project44").val();
          var valuename = $(this).parents("div").parents("div").parents("div").find("#nameofkey").html();
          var valuedes = $(this).parents("div").parents("div").parents("div").find("#desofkey").html();
           var valuelest = $(this).parents("div").parents("div").parents("div").find("#desofkey").html();
          $("#nametoEdit22").val(valuename)
          $("#destoEdit22").val(valuedes)
          $("#urltoEdit").val(valueurl)
          $("#idtoEdit").val(value)



        });
^ this javascript code should show the card info in a pop-up window

{% for list in keywordList %}

                      <div class="col-sm-6 col-md-4 col-lg-3 mt-4"  >
                        <div  class="card card-inverse card-info" style="background-color:  #fcfeff;" >

                            <h5 v-model="card.value" @change="input(card.value, card.id)" class="card-title" id="nameofkey" style="margin-top: 30px;">{{keywordList[list].namear}}</h5>
                            <small id="desofkey" style="color: black; margin-bottom: 30px;  ">{{keywordList[list].des}}</small>
                           <!-- <img class="card-img-top" style="margin-left: 100px; margin-top: 15px; margin-bottom: 15px;" width="1" src="{{ url_for('static', filename='images/list.png') }}">-->
                            <div class="card-block"  >
                                <div class="card-text" style="text-align: center;" >
                                    {% set cpc = [0] %}
                                    {% set volume = [0] %}
                                    {% for single_item in keywordList[list].keywords  %}
                                    {% if 'cpc' in keywordList[list].keywords[single_item] %}
                                    {% if volume.append(volume.pop() + keywordList[list].keywords[single_item].volume) %}{% endif %}
                                    {% if cpc.append(cpc.pop() + keywordList[list].keywords[single_item].cpc) %}{% endif %}
                                    {% endif %}
                                    {% endfor %}
                                    <div style="text-align: right; ">
                                    <small>$ {{  cpc[0] }} : التكلفه الكليه  </small>

                                    {% if keywordList[list].keywords|length!=0 %}
                                    {% set avecpc = cpc[0]/keywordList[list].keywords|length %}
                                    {% set avevolume = volume[0]/keywordList[list].keywords|length %}

                                    <small> <br>   متوسط التكلفة: {{avecpc}} $ / كلمة  </small>
                                    <small> <br>   متوسط عمليات البحث: {{avevolume}} / كلمة  </small>
                                  {% else  %}
                                    <small> <br>   متوسط التكلفة: 0 $ / كلمة  </small>
                                    <small> <br>   متوسط عمليات البحث: 0 / كلمة  </small>
                                    {% endif %}
                                    <small> <br>  {{keywordList[list].keywords|length}} : عدد الكلمات </small>
                                  </div>
                                </div>
                            </div>
                            <div class="card-footer">

                              <small> {{keywordList[list].date}} : اخر تعديل </small>

<form method="POST" action="/keywordslistkeyword" >
<input id="listkeywords" name="listkeywords" value="{{list}}" style="display: none;"></input>
<input id="project44" name="project44" value="{{projectID}}" style="display: none;" ></input>
{% if keywordList[list].keywords|length!=0 %}
<button id="newpage2" style=" background-color: #49a09d; color: white; margin-left: 20px;"class="btn btn-info float-right btn-sm"> عرض القائمة </button>
{% endif %}
</form>
<div style="text-align: left;">
<a class="edit" title="تعديل" href="#myModal2" style="color: gray;" data-toggle="modal" title="تعديل"><i class="material-icons">&#xE254;</i></a>
<a class="delete" title="حذف" ><i class="material-icons">&#xE872;</i></a>
</div>
</div>
</div>
</div>
{% endfor %}

^ this code creates the cards
ishtjot
@ishtjot
@ljharb it was something related to parse float . i got it fix using oroperator with parse float , thanks though
Adam Jenkins
@adamcolejenkins
Hello all, I'm trying to use the Airbnb eslint config and I'm getting an error
SyntaxError: intrinsic %Symbol.species% does not exist!
References from: node_modules/eslint-config-airbnb-base/index.js
Jordan Harband
@ljharb
any longer stack trace?
that error should only happen if you’re using a very old node tho. What version?
Kushagra Varade
@varadekd

Hi,
I am very general problem in displaying a list in js and it seems the performance of the page gets disturb even if the list is rendered

My problem:
I have to display list that has 500+ rows and then perform search for all the rendered data.

Looking for something were I can render large data in list efficently with minimal JS work. Any leads to this (Without pagination)

Jordan Harband
@ljharb
why would you need to display 500 rows? a human can't see that many at once
Kushagra Varade
@varadekd
@tanhauhau I agree with you all 500 rows won't be visible at once. What is the solution that you are suggesting, Infinte scroll??
Or add and remove the already rendered node from DOM
Jordan Harband
@ljharb
no idea who that person is
but not infinite scroll; more, only render the elements the user can see at the moment. see https://npmjs.com/react-virtualized
Kushagra Varade
@varadekd

@ljharb Thanks

The person who want to see server logs In UI, I guess they are my auidence

SteveD83
@SteveD83
Guys I could really use some help
I have a Javascript issue
I think I know two ways to achieve what I need to, but I can't get either one to work
Basically put, I have a button that I need to 'on click"
And the on click should run a function in my app.js called rewardDoer
but no matter what I try I get "is not defined"
The other way is to use bindEvents: function() {
$(document).on('click'
SteveD83
@SteveD83
but I am using Tachyon style sheets and I can't figure out how to "reference" the button
Can anyone put me out of my missery
Jordan Harband
@ljharb
this is a channel for airbnb's javascript style guide, not a general help channel - good luck tho
SteveD83
@SteveD83
Ah >.<
Thanks
Sorry All
voloszad
@voloszad
Hi, is anyone here who can help in eslint config? I have a problem with spread operators
Jordan Harband
@ljharb
this isn't a generic help channel; it's for discussing airbnb's javascript styleguide
what's your question tho
voloszad
@voloszad
oh you mean styling, is there a channel for airbnb eslint coding standards/config?
Jordan Harband
@ljharb
this is the channel for airbnb's guide, which covers coding standards, config, styling
not general javascript or eslint questions tho
Sundara akilesh
@sundartinesh
for rendering a table data with 500 rows , which is better whether <tr> (or) <li>? which tag is better to increase the performance speed while rendering.
Jordan Harband
@ljharb
neither. no human can look at 500 rows at a time, so why would you render that many
Sundara akilesh
@sundartinesh
if so, what will be the result?
can i prefer li or tr?
or anyother solutions ?
Sundara akilesh
@sundartinesh
@ljharb
Jordan Harband
@ljharb
my suggestion is to use something like react-virtualized, and only render the rows a human is looking at
r4r4010203
@r4r4010203
I am new to react native .
I followed the below tutorial and got the slider working. https://medium.com/@rossbulat/react-native-carousels-with-horizontal-scroll-views-60b0587a670c
but the problem is when I run in ios simulator I see only one element
so I tried adjusting the container width to 50% in styles.
but not working.
one more thing is in simulator I need to click each item to swipe to left
its not working as normal swipe.
can you let me know how to enable the swipe in the simulator.
I debugged the code but not sure where I need to enable.
but in codesandbox swipe works fine
can you tell me how to fix it.
providing my code snippet and sandbox below
https://codesandbox.io/s/amazing-moore-s5gy3
ArturWierzbicki
@ArturWierzbicki
Hey guys! Any chance for v19 release pretty soon? I use version 2 of eslint-plugin-react-hooks which conflicts with the peerDependency setup of the guide. Fix is already merged: airbnb/javascript@3493b06 @ljharb
Jordan Harband
@ljharb
a v9 is not likely very soon; we'll probably wait for eslint 7 to come out, which also involves waiting for all our deps to update
but that's not a major change, so i might do it in a minor
spinningcat
@spinningcat
anyone has experience with GPUJS?
PyerX
@pyerx
Hi, please message me directly who is interested in collaboration of web development. #2020 #Web development #Collaboration
Manuk
@ManukMinasyan

Hey guys. I have a problem connected with "vuex-map-fields". Same problem with "vuex-pathify". I want the second option to work for me, which can be seen in the screenshot. But I can only make it work with the first option, what can I do? Thanks.

alt

Mile Mijatović
@mijatovicmile
Callbacks are TOOOOOOOOOO Complicated . A lot of people does not understand Callbacks, me is one of them :(
Unfortunately I saw a lot of callbacks youtube tutorials about Callbacks, but it's totally confusing for me