Is there a more efficient way to check number of columns?

See also questions close to this topic

• Plugin 0 specified, provided an invalid property of "default" (Jest React Native)

  Hey all I am just trying to get a simple test running and I keep running into this error after running "Yarn test" which is using jest.

  Plugin 0 specified in "/Users/Documents/Dev/appname/node_modules/babel-preset-react-native/index.js" provided an invalid property of "default" (While processing preset: "/Users/duboij5/Documents/Dev/anythinglocator/node_modules/babel-preset-react-native/index.js")
  

  Here is my package.json, what am I missing, im sure its a configuration issue and not a test issue.

  {
    "name": "appname",
    "version": "0.0.1",
    "private": true,
    "rnpm": {
      "assets": [
        "resources/fonts"
      ]
    },
    "scripts": {
      "start": "node node_modules/react-native/local-cli/cli.js start",
      "test": "jest"
    },
    "dependencies": {
      "axios": "^0.18.0",
      "lodash": "^4.17.10",
      "react": "16.4.1",
      "react-native": "0.56.0",
      "react-native-autocomplete-input": "^3.5.0",
      "react-native-code-push": "^5.4.2",
      "react-native-elements": "^1.0.0-beta2",
      "react-native-form-validator": "^0.2.0",
      "react-native-image-pan-zoom": "^2.1.9",
      "react-native-image-zoom-viewer": "^2.2.18",
      "react-native-material-dropdown": "^0.11.1",
      "react-native-remote-svg": "^1.3.0",
      "react-native-vector-icons": "^5.0.0",
      "react-native-version-number": "^0.3.5",
      "react-navigation": "^2.11.2"
    },
    "devDependencies": {
      "babel-jest": "23.4.2",
      "babel-preset-react-native": "^5",
      "jest": "23.5.0",
      "react-test-renderer": "16.4.1"
    },
    "jest": {
      "preset": "react-native"
    }
  }
  
• Class directive doesn't work, but works whenever changed to element directive

  I'm encountering a very weird issue where class directives just will not work. So I'm trying to implement the following directive.

  appModule.directive('btn', function () {
      return {
          restrict: 'C',
          link: function (scope, element) {
              if (element.hasClass('btn-icon') || element.hasClass('btn-float')) {
                  Waves.attach(element, ['waves-circle']);
              }
  
              else if (element.hasClass('btn-light')) {
                  Waves.attach(element, ['waves-light']);
              }
  
              else {
                  Waves.attach(element);
              }
  
              Waves.init();
          }
      }
  });
  

  Then In my HTML I just have a button with the class btn, like so.

  <button type="button" class='btn btn-success'>Hello</button>
  

  But for some reason it just won't EVER fire the directive. I've tried debugging using console.log, it's just not entering the directive itself. But when I change restrict: 'C' from C to E, it works fine! (with altered HTML ofcourse.)

  Now we do use a small framework on top of angularJS, but haven't found anything weird in there. (I recently joined the team, and the orignal developer of the framework didn't write any documentation and has left the team).

  What could possibly be a reason why this directive would not work? I've googled everywhere but I can't find anyone with a similar issue.
• Email validation in ReactJS is not working properly

  I have onSubmit function in react, added some if/else statements to validate my inputs, everything is working fine, but not for email. It keeps saying that i entered wrong email adress.

  Also, can you look at my code to check if i can write it shorter?

    onSubmit = (e) => {
  
  const { firstName, lastName, email, eventDate, validation, errorMessage} = this.state
  if (firstName, lastName, eventDate, email) {
    this.setState({validation: true})
  } else {
    this.setState({validation: false});
    this.setState({errorMessage: 'Please fill in all fields'})
    console.log(errorMessage);
  }
  
  if (/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/.test(email)) {
    this.setState({validation: true})
  } else {
    this.setState({validation: false});
    this.setState({errorMessage: 'Please enter correct email adress'})
    console.log(errorMessage);
  }
  
  if (validation) {
    const newEvent = {
      firstName: this.state.firstName,
      lastName: this.state.lastName,
      email: this.state.email,
      eventDate: this.state.eventDate
    }
  
    this.props.addEvent(newEvent);
  
    this.setState({
      firstName: '',
      lastName: '',
      email: '',
      eventDate: ''
    });
  }
  
  e.preventDefault();
  }
  
• Delete last added specific symbol, on keydown event?

  Well i have a input field and i want to delete dash (-) if someone write it. This is my code:

  $( "#ownerEntrance" ).on( "keydown", function( event ) {
      var value = $( "#ownerEntrance" ).val();
      if (event.type=="keydown" && event.which == '189') { // 189 for - symbol
          $( "#ownerEntrance" ).val(value.substr(0, value.length - 1));
      }
  });
  

  But now it delete symbol before dash. Can i fix it? Thank you!
• How can we define 'PlacesServiceStatus.OK' for adding markers of locations on customized google maps in laravel 5.7?

  Have there any alternative defined function in laravel 5.7? I have tried my best but fail to get an answer..Demo code is given below enter image description here
• How can I integrate this code into my Bootstrap website (with a theme already in place)?

  I am having some issues integrating this slider into my website that is already using a theme and Bootstrap 4. When I copy the code into the HTML, CSS and Javascript files that I am already using, I only get a list of static images as seen here.

  How can I properly add this code, since it seems like the HTML code is disconnected from the CSS and Javascript code?

  <div class="container">
    <h2>Our  Partners</h2>
     <section class="customer-logos slider">
        <div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/3d-box-logo_1103-876.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>
        <div class="slide"><img src="https://image.freepik.com/free-vector/retro-label-on-rustic-background_82147503374.jpg"></div>
     </section>
  </div>   
  
  h2{
    text-align:center;
    padding: 20px;
  }
  /* Slider */
  
  .slick-slide {
      margin: 0px 20px;
  }
  
  .slick-slide img {
      width: 100%;
  }
  
  .slick-slider
  {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
              user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  } 
  
  $(document).ready(function(){
      $('.customer-logos').slick({
          slidesToShow: 6,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 1500,
          arrows: false,
          dots: false,
          pauseOnHover: false,
          responsive: [{
              breakpoint: 768,
              settings: {
                  slidesToShow: 4
              }
          }, {
              breakpoint: 520,
              settings: {
                  slidesToShow: 3
              }
          }]
      });
  });
  
• Replace character in large txt file

  I have a series of .txt files that I need to upload to Google Cloud in order to create some tables out of them in BigQuery. The files are tables whose separator is a ';'.

  For some reason it seems like BigQuery has issues at identifying columns (automatically or not) when the files are in this shape, even if specifying ';' as the separator.

  I generated a sample table, and find-and-replace the ';' with some ',' and saved the file as .csv. Now BigQuery has no issue at creating the apt table.

  Question: Should I find-and-replace all the all the separators in all the tables? or am I missing something?

  If yes how can I implement on a OS 10 the sep prompt command? (files are large and I have issues at timely substitute character also with UltraEdit)

  Best!
• Python - Looping through API and writing Dict to csv

  I am looping through an API to retrieve data for multiple ICO tokens. Now, I would like to save the data to a csv with variables in columns and 1 row for each ICO token. The basic code works, I have 2 problems: - entries are written only in every second line, which is quite unpractical. How can I specify not to leave rows blank? - the variable price is a list itself and thus saved in as a single item (with > 1 variables inside). How can I decompose the list to write one variable per column?

  See my code here:

  ICO_Wallet = '0xe8ff5c9c75deb346acac493c463c8950be03dfba', 
  '0x7654915a1b82d6d2d0afc37c52af556ea8983c7e', 
  '0x4DF812F6064def1e5e029f1ca858777CC98D2D81'
  
  for index, Wallet in enumerate(ICO_Wallet) :
      Name = ICO_name[index]
      Number = ICO_No[index]
  
      try: 
          URL = 'http://api.ethplorer.io/getTokenInfo/' + Wallet + '?apiKey=freekey'
      except: 
          print(Wallet)
  
      json_obj = urlopen(URL) 
      data = json.load(json_obj)
  
      with open('token_data_test.csv','a') as f:
          w = csv.writer(f, delimiter=";")
          w.writerow(data.values())
  
      time.sleep(1)
  
• Doubts in implementing Dynamic CSV Column Reader in SMOOKS

  I want to transform CSV to XML in SMOOKS, I just want to fetch the data from the column headers in the different sequence. For example : firstname,lastname,gender - column names, Data - a,b,M Above column names may be shuffled, but it should fetch the data correctly based upon the key-names(gender), not by the position

  Please suggest me

  Thanks Navith
• Rails optional validation ambiguous

  I discovered that this validation still works

  validates :name, presence: true, if: (spa) -> { spa.name_required && other_name.blank? }
  

  This has a lambda with an argument, but the argument isn't used for the other_name check

  I found that when I removed the argument to the lambda it still works

  validates :name, presence: true, if: -> { name_required && other_name.blank? }
  

  The documentation says we should be creating procs, see https://guides.rubyonrails.org/active_record_validations.html#using-a-symbol-with-if-and-unless

  I think this works because a lambda is a closure inside the object it's defined so the object's methods are available.

  Question is, why does the Active Record documentation say use a proc with an argument? Is using a lambda like this wrong in some way?
• In MVC, how can I validate that at least one checkbox is checked with dynamically created checkboxes?

  In my MVC project I have a page that creates a varying number of checkboxes using Html.EditorFor() and an EditorTemplate. It gets the data from the database.

  There is also a string property that allows for a comment.

  If any of the checkboxes are checked, the comment is required.

  I have used custom validations before, but this is the first time I am trying it on a collection and I am unsure as to how to extract the collection to test whether any checkboxes are selected. (In this case whether 'IsSelected' is true.

  public class ValidationOptionViewModel
  {
      public int OptionId { get; set; }
      public string Description { get; set; }
      public string Keyword { get; set; }
      public bool IsSelected { get; set; }
      public bool IsCompulsory { get; set; }
      public bool IsBlocking { get; set; }
  }
  
  
  public class AnatomyViewModel
  {
      public int Id { get; set; }
      public ICollection<ValidationOptionViewModel> ValidationOptions { get; set; }
      [Display(Name = "Bypass Validation Reason")]
      [BypassReasonRequiredIfNoneSelected("ValidationOptions", "BypassValidationReason", ErrorMessage = "A Bypass reason is required when bypassing validations.")]
      public string BypassValidationReason { get; set; }
  }
  

  The custom validation:

  public class BypassReasonRequiredIfNoneSelected : ValidationAttribute, IClientValidatable
  {
      private readonly string[] _properties;
  
      public BypassReasonRequiredIfNoneSelected(params string[] properties)
      {
          _properties = properties;
      }
  
      protected override ValidationResult IsValid(object value, ValidationContext validationContext)
      {
          if (_properties == null || _properties.Length < 1)
          {
              return null;
          }
  
  
          //The below works for a string value...
          //var actionPropertyInfo = validationContext.ObjectType.GetProperty(_properties[0]);
          //var actionValue = actionPropertyInfo.GetValue(validationContext.ObjectInstance, null).ToString();
  
          // What I need in pseudo-code
          // Extract the data in type List<ValidationOptionViewModel>
          // Iterate and see if any 'IsSelected' are true;
          // If any are selected, make sure BypassValidationReason has text etc...
  
          return null;
      }
  
      public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
      {
          var rule = new ModelClientValidationRule
          {
              ErrorMessage = ErrorMessage,
              ValidationType = "atleastonerequired"
          };
          rule.ValidationParameters["properties"] = string.Join(",", _properties);
  
          yield return rule;
      }
  }
  

  EDIT 1

  Pretty much a facepalm. The below does the trick.

  var actionPropertyInfo = validationContext.ObjectType.GetProperty(_properties[0]);
  
  List<ValidationOptionViewModel> options = actionPropertyInfo.GetValue(validationContext.ObjectInstance, null) as List<ValidationOptionViewModel>;
  
• Using validator for artisan command in Lumen

  I would like to use validator for artisan commands (i.e unique user in database table). How to get validator instance inside artisan command in Lumen?