/*Coordinator Lobby
Регистрирует 3 ЛистВью для профиля: история, друзья, настройки
Georgiy (2015)
*/
'use strict';

var React = require('react-native');
var Card = require('./Card');

var {
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  Component,
  Image,
  ListView,
} = React;

//
//ЛистВью для истории
//

var ProfileHistory = React.createClass({

  propTypes: {
    //Массив для получения истории
    feedArray: React.PropTypes.array.isRequired,
  },

  getInintialState: function() {
    var feedArray = [{
      name: "Катаемся на багги",
      //Имя автора
      author: "@georgiy",
      //День ивента
      day: '12',
      //Месяц ивента
      month: "Июля",
      //Номер ивента в БД
      idEvent: "0",
      //Адрес картинки
      imageSrc: "https://pp.vk.me/c625722/v625722614/3276d/qYWgZwbmX-Q.jpg",
      }];
    var ds = new ListView.DataSource({
        rowHasChanged: (row1, row2) => row1 !== row2,
      });
    return {
      dataSource: ds.cloneWithRows(feedArray),
    };
  },

  getDefaultProps: function() {
    var defCards = {
    };
  },

  //Задает вид
  renderRow: function(oCard)
  {
    return(
      <Card imageSrc={oCard.imageSrc} name={oCard.name} day={oCard.day} month={oCard.month} author={oCard.author} eventId="0"/>
    );
  },

  //Обновляет Дата Сорс
  updateDataSource: function(data){
    this.setState({
      dataSource: this.state.dataSource.cloneWithRows(data)
    })
  },

  //После первого рендера вызывается эта функция (после рендера самого листвью)

  render: function() {
    return (
      <View style={historyStyle.wrapper}>
        <ListView
          dataSource={this.state.dataSource} renderRow={this.renderRow}
          showsVerticalScrollIndicator={false} horizontal={false}
        />
      </View>
    );
  }
});

var historyStyle = StyleSheet.create({
  wrapper: {
    flex: 1,
  },
});

module.exports = ProfileHistory;