/*
 * 
 *   Copyright 2016 RIFT.IO Inc
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 *
 */
var React = require('react');
var Slider = require('react-slick');
// require('../../components/gauge/gauge.js');
// require('../../components/text-area/rw.text-area.js');
// require('../../components/test/multicomponent.js');
import button from '../../components/components.js'

require('./carousel.css');
var SimpleSlider = React.createClass({
  propTypes: {
    component_list:           React.PropTypes.array.isRequired,
    slideno:                  React.PropTypes.number
  },
  handleClick: function() {
    this.setState({});
  },
  getInitialState: function() {
    return {
      }
    
  },
  shouldComponentUpdate: function(nextProps) {

    if (nextProps.slideno != this.props.slideno) {
      return true;
    }
    return false;
  },
  render: function () {
    // var settings = {
    //   dots: true,
    //   infinite: false,
    //   speed: 500,
    //   slidesToShow: 1,
    //   slidesToScroll: 1,
    //   centerMode: true,
    //   initialSlide: this.props.slideno || 2
    // };
    var settings = {
        dots: false,
        infinite: false,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        centerMode: true,
        initialSlide: this.props.slideno || 0
    }
    setTimeout(function() {
      window.dispatchEvent(new Event('resize'));
    }, 1000)
    var list = [];
    if (this.props.component_list !== undefined) {
      for (var i = 0; i < this.props.component_list.length; i++) {
        list.push(<div key={i}  className={"component"}>{this.props.component_list[i]}</div>);
      }
    }
    return (
      <div>
      <Slider {...settings}>
        {list}
      </Slider>
      </div>o
    );
  }
});
module.exports = SimpleSlider;