Islam Ibakaev

var tags = ['div', 'span', 'ul', 'li', 'p', 'script', 'h1', 'h2'];
var forEach = Array.prototype.forEach

tags.map(function(tag) {
  var list = document.querySelectorAll(tag);

  forEach.call(list, function(el) {
    el.className && console.log(el.className)
  })
})

var mobileNav  = document.getElementById('mobileNav')
var navbarToggler = document.querySelector('.navbar-toggle')

mobileNav.addEventListener('click', onMobileNavLink)

function onMobileNavClick(e) {
  if (e.target && e.target.nodeName === 'A') { // если нажал на ссылку в пределах меню
  navbarToggler.click() // закрываешь меню
}

var items = Array.prototype.slice.call( document.querySelectorAll('div') )

var products = [
  {name:"Grapefruit", calories: 170, color: "red", sold: 8200},
  {name:"Orange", calories: 160, color: "orange", sold: 12101},
  {name:"Cola", calories: 210, color: "caramel", sold: 25412},
  {name:"Diet cola", calories: 0, color: "caramel", sold: 43922},
  {name:"Lemon", calories: 200, color: "clear", sold: 14983},
  {name:"Rapsberry", calories: 180, color: "pink", sold: 9427},
  {name:"Root Beer", calories: 200, color: "caramel", sold: 9909},
  {name:"Water", calories: 0, color: "clear", sold: 62123}
];
  
  
var mapper = {
 	'sold': function (product) {
    console.log('Продукт: ' + product.name + ' был продан ' + product.sold + ' раз.');
  },
  'name': function (product) {
  	console.log('Название продукта: ' + product.name);
  },
  'calories': function (product) {
  	console.log('Продукт: ' + product.name + ' имеет ' + product.calories + ' калорий.');
  },
  'color': function (product) {
  	console.log('Продукт: ' + product.name + ' имеет ' + product.color + ' цвет.');
  }
};
 
 printBy(products, 'calories');
 
 function printBy(collection, prop) {
   collection.map(mapper[prop]);
 }

case 'SWITCH_EDIT_MODE':
      return Object.assign({}, state, {
        editMode: action.value
      })

case 'SWITCH_EDIT_MODE':
      return { ...state, editMode: action.value}

import React from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as actionCreators from './../../actions/actionCreators';
import Main from './../Main/Main';

class MainContainer extends React.Component {

	componentDidMount() {
    this.props.actions.detectLocation();
  }

  render() {
  	return <Main {...this.props.store}  {...this.props.actions} />
  }
}

const mapStateToProps = state => ({ store: state })
const mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actionCreators, dispatch) })

export default connect(mapStateToProps, mapDispatchToProps)(MainContainer)

import React from 'react';
import PropTypes from 'prop-types';

import styles from './Main.css';

import PageBackground from './../PageBackground/PageBackground';
import WeatherIcon from './../WeatherIcon/WeatherIcon';
import Temperature from './../Temperature/Temperature';
import Location from './../Location/Location';
import Loader from './../Loader/Loader';
import Error from './../Error/Error';

const propTypes = {
  pageBackground: PropTypes.string,
  location: PropTypes.object,
  editMode: PropTypes.bool,
  changeLocation: PropTypes.func,
  switchEditMode: PropTypes.func,
  weatherIcon: PropTypes.string,
  temperature: PropTypes.number,
  weatherDescription: PropTypes.string
};

export default function Main (props) {
  return (
    <div className={styles.container}>
      {props.loading && <Loader />}
      {props.loadingError && <Error>Sorry, an error occurred. Try to reload page</Error>}
      <PageBackground background={props.pageBackground} />
      <Location city={props.location.city}
        editMode={props.editMode}
        onLocationSelect={props.changeLocation}
        onChangeLocationClick={() => props.switchEditMode(true)}
        onInputBlur={() => props.switchEditMode(false)} />
      <div className={styles.split}>
       <WeatherIcon code={props.weatherIcon} class={styles.icon}/>
      	<span className={styles.date}>Today</span>
      </div>
      <Temperature value={props.temperature}/>
      <div className={styles.description}>props.weatherDescription}</div>
    </div>
  )
}

Main.propTypes = propTypes;