Methods
createDivDropDown()
Skapar en meny med knapp för att sortera samt filtrera länder i listan.
createMap()
Funktion för att skapa en karta genom leaflet, openstreetmap samt Jawgmaps.
Olika kartlager används från jawgmaps beroende på om användaren valt mörkt/ljust tema.
createTipsMsg()
Skapar ett "tipsmeddelande" ovanför sökfältet till land för användaren.
(async) displayCountry(data, currencyCode, countryInput) → {void}
Skriver ut information om landet i DOM, som flagga, valuta, språk och huvudstad.
Parameters:
| Name | Type | Description |
|---|---|---|
data |
* | Datan som hämtas in om specifikt land från API |
currencyCode |
* | Valutakoden för landet exempelvis SEK |
countryInput |
* | Sökinnehållet som användaren skrev i sökfältet för land |
Returns:
- Returnerar inget
- Type
- void
displayWeather(weatherInfo, capitalName)
Visar väder för huvudstaden i det land som användaren sökt på.
Anropar funktionen för att visa diagram för väderprognos
Parameters:
| Name | Type | Description |
|---|---|---|
weatherInfo |
* | Hämtar in väderinformation från API:et |
capitalName |
* | Huvudstadens namn som används för att visa i DOM vilken stad väderprognosen gäller för |
(async) fetchAllcountries()
Funktion som hämtar in alla länder som finns från Restcountries API med namn,
flagga och region samt cca2 kod som används för flaggor
(async) fetchByTranslation(countryInput, searchError) → {void}
En backup-funktion som gör ett nytt API-anrop fast med översättning till landets namn,
ifall användaren exempelvis skriver landets namn på svenska istället för engelska.
Parameters:
| Name | Type | Description |
|---|---|---|
countryInput |
* | Sökinnehållet som användaren skrivit i sökfältet för land |
searchError |
* | Felmeddelande som kan visas i DOM ifall inget land hittas vid sökningen |
Returns:
- Returnerar inget
- Type
- void
(async) fetchCountry(countryInput, searchError) → {void}
Funktion för att hämta JSON-data via API beroende på vad användaren sökt för land
Parameters:
| Name | Type | Description |
|---|---|---|
countryInput |
string | Sökinnehåll |
searchError |
string | Felmeddelande som kan visas i DOM ifall inget land hittas vid sökningen |
Returns:
- Returnerar inget
- Type
- void
(async) fetchCurrencyData(currencyCode) → {Object}
En funktion för att hämta in växelkurser från API, Exchangerate-API, med svenska valutan som bas.
Sparar växelkurser i localstorage för att återanvända och returnerar sedan växelkursen för landet som användaren sökt på i sökfältet.
Parameters:
| Name | Type | Description |
|---|---|---|
currencyCode |
* | Valutakoden för det land som användaren sökt på, ex EUR |
Returns:
- Ett objekt med:
- rate: Växelkurser som nummer med SEK som bas för det land som användaren söker på. Ex 1 SEK = 0.11 USD
- updated: När växelkurserna senaste blev uppdaterad som en textsträng, ex "Tisdag 10/3"
- nextUpdate: När växelkurserna kommer uppdateras nästa gång som en textsträng, ex "Onsdag 11/3"
- Type
- Object
filterCountries()
Filtrerar listan av länder beroende på vad användaren skrivet för land i sökfältet.
(async) getWeatherForecast(capitalName) → {object}
Hämtar in väderprognos för huvudstaden i landet som användaren sökt på, ex Stockholm
Parameters:
| Name | Type | Description |
|---|---|---|
capitalName |
* | Huvudstadens namn som används i api-anropet |
Returns:
- Väderinformationen för huvudstaden från apiet
- Type
- object
hideSections()
Döljer alla länder, karta, väderprognos med diagram och valuta i början när användaren söker på ett land.
searchLand()
Hämtar in landet som användaren sökt på i sökfältet,.
Visar en laddningsikon och genererar sedan ett profilkort med info om det land som användaren sök på.
Returns:
- Felmeddelande om användaren lämnat sökfältet blankt vid sökning
showCountries(info)
Genererar en lista av länder inom DOM, flagga och namn. Händelselyssnare när man klickar på ett land, namnet fylls då i till sökfältet.
Parameters:
| Name | Type | Description |
|---|---|---|
info |
* | Arrayen med alla länder som hämtas från API för att kunna visa i DOM |
showCountryMap(latitude, longitude)
Visar en karta över det land som användaren sökt på och samtidigt visar en markör över landet
Parameters:
| Name | Type | Description |
|---|---|---|
latitude |
* | Koordinater för latitud som hämtas in från apiet |
longitude |
* | Koordinater för longitud som hämtas in från apiet |
showListAllCountries()
Visar eller döljer listan av länder när man söker på land.
showLoadingIcon()
För att visa laddningsikon och overlay samt dölja huvudinnehållet i main
sortCountries()
Sorterar länder i ordningen A-Ö, justerar efter region, om användaren valt en specifik
sortCountriesBackwards()
Sorterar länder i ordningen Ö-A, reverse och justerar efter region om användaren valt en specifik