fix(WEATHER_LIST): format date column using date filter (#696)

This has small potential to break user's values but only slight because
if the value doesn't contain formatting patterns then it will be just
left unchanged. So if users are currently formatting the date manually,
they should see no change.

README.md

@@ -405,6 +405,9 @@ Tile Object. [Click here for some real-life examples](TILE_EXAMPLES.md)
     * Full documentation on fields is below
     */
    fields: {},
+   /** type: WEATHER_LIST **/
+   /** defines the date format used in the date column */
+   dateFormat: 'MMM d',  // See https://docs.angularjs.org/api/ng/filter/date for info on formatting syntax.
    /** type: HISTORY **/
    entity: 'sensor.temperatur_innen_gefiltert', // Entity ID (or an array of IDs) to render history for. Default: entity `id` of the tile itself
    offset: 24*3600*1000*5, // Start point of the history counting from now(). Default: one day

TILE_EXAMPLES.md

@@ -718,6 +718,7 @@ The example below is for the OpenWeatherMap provider. The configuration can vary
    },
    hideHeader: false,
    secondaryTitle: 'Wind',
+   // dateFormat: 'MMM d',  // default value
    list: [1,2,3,4,5].map(function (id) {
       var ENTITY_ID = 'weather.openweathermap'
       return {

scripts/directives/tile.html

@@ -452,7 +452,7 @@
             </tr>
             <tr ng-repeat="line in item.list track by $index">
                <td class="weather-list-date">
-                  <div ng-bind="weatherListField('date', line, item, entity)"></div>
+                  <div ng-bind="weatherListField('date', line, item, entity) | date: item.dateFormat"></div>
                </td>
                <td class="weather-list-icon-container">
                   <div class="weather-list-icon"

scripts/globals/constants.js

@@ -466,4 +466,7 @@ export const TILE_DEFAULTS = {
          return this.$scope.toggleVacuum(item, entity);
       },
    },
+   [TYPES.WEATHER_LIST]: {
+      dateFormat: 'MMM d',
+   },
 };