Closed LinUXBele closed 1 week ago
@havardf @vegardb @danielmwakanema We also need to decide when to start and end the day. If the user opens this in the evening etc.
@LinUXBele api.met.no (locationforecast) The time series starts at the current time. Older data is removed every hour. The easiest is that the list in "Today" gets shorter throughout the day and the following days starts at midnight.
@LinUXBele Data is only given hourly for about the first 60 hours. After that data is given every 6 hours, at 02, 08, 14, 20 local time.
@LinUXBele About 6 hourly data: Parameters like temperature, cloudiness, pressure and wind are valid for an exact time and place (e.g 8am), while precipitation and weather symbols are computed for period of time (e.g the amount of rain between 8am and 9am, or between 8am and 2 pm).
One can choose to use the periods 8am-2pm, 2pm-8pm, 8pm-2am, 2am-8am, or to use the specific times 2am, 8am, 2pm, 8pm. Either way there will be a compromise since temperature and wind are valid at an exact time (e.g 8am), while precipitation and weather symbols are valid for a 6 hour period (e.g 8am-2pm)
PLEASE FIX THESE
I've upped the size of weather icons almost double in size. It still is a bit hard to read, but since we will redesign I feel the change of background can come later, when we sync with the CMS. Please test how big you can go on the icons.
Align the icons so they are centered between time and Temp
Also changed the heading/Saturday font to Noto as its easier to read. Lets keep Noto everywhere except for the landingpage Today.
@LinUXBele, noted.
Tested OK
WHERE On the hourly page which currently is the page holding all details for a spesific location on a spesific day
WHAT
Header Above the data table there is a header Hourly day name spelled out, if not today, add also date in text. E.g. Hourly Friday 20. October NB This header has a different font than the rest of the page!
Data table Add a data table with the following column headers/labels Time, Empty, Temp C, Rain mm, Wind km/h
Aligning: Time is left aligned (header is left aligned) Weather icons are centered Temp is right aligned (Header is centered) Rain mm is right centered (Header is centered) Wind is right aligned (Header is centered)
Sorry for this intricate system (lack there of), the real estate is lacking :D
DESIGN Figma Link https://www.figma.com/file/YfA7lEgqNGxntEUisqZU65/Design-file-Sarepta-Malawi-mobile-app?type=design&node-id=9%3A2&mode=dev
Remember that the header has a different font than the rest of the page!