<div ng-controller="weatherController"><hr>
  <br><label class="weatherInfo">Miasto:</label>
  <input class="weatherInput" type="text" ng-model="locationIn" />
  <input class="weatherButton" type="button" 
         ng-click="addCity()" value="Dodaj miasto"/><hr>
  <div class="cities">
      <div class="city" ng-repeat="city in cities" 
           ng-click="setLocation(city)">
        {{city}}
      </div>
  </div>
  <div class="weatherData">
    <p class="weatherCity">{{weather.name}}</p>    
    <img 
    ng-src="http://openweathermap.org/img/w/{{weather.icon}}.png" />
    <span class="weatherTemp">{{weather.temp}}&deg;F</span>
    <p class="weatherDesc">{{weather.description}}</p>
    <label class="weatherInfo">Zachmurzenie:</label>
    <span class="weatherInfo">{{weather.clouds}}%</span>
    <label class="weatherInfo">Wilgotność:</label>
    <span class="weatherInfo">{{weather.humidity}}%</span>
    <label class="weatherInfo">Prędkość wiatru:</label>
    <span class="weatherInfo">{{weather.wind}} m/h</span>
    <label class="weatherInfo">Temperatura minimalna:</label>
    <span class="weatherInfo">{{weather.tempMin}}&deg;F</span>
    <label class="weatherInfo">Temperatura maksymalna:</label>
    <span class="weatherInfo">{{weather.tempMax}}&deg;F</span>
  </div>
</div>