Devlog 7

Today iam going to continue the working on the App 2. I made that whenever the user clicks the ‘enter’ button in app 2 it will check that the both inputs are filled.

I thought if the boarding pass with the inputted name and selected flight might need to show in a new windows which makes more attractive and clean looking. That fore i just hardcoded the entire window (App 2.1) layout. Then also i thought that i need to add airport code and as well as boarding time which we need to show up on the boarding pass.

I made the boarding pass view in a totally glassmorphism effect which will be very linking to the desktop theme. Then i started to work in JS, i colloeted all the datas that need to be shown in the boarding pass when the user click on the button. After all the found the when the icon is clicked from desktop or from the bottom-right nav bar it will opeining the main app window but doesn’t opening the app 2.1 window, That for i asked help of chatGPT then i found that i need to put that also inside that of the createWindows(). After that it is working perfectly. But now i just hardcoded the date that shows in boarding pass so i made that to collect real date i choosen the default (normal way). Then i made that also dynamically.

At last i added the airport code for the arrival flights list also and made that shows in-between the brackets in the table of the App 1 which is more useful for a passengers.

Then i thought that i may change the hardcoded weather data in bottom-left navbar. For that i exported the API from Open Meteo with the temperature and as well as the weather code. I got the latitude and longitude of Delhi International Airport from google, Then i copied and declared thats into a two varibles. Then i created a function called ‘updateWeather()’ which will collect the datas from the API and as well as i thought that i need to display the emoji that match current temperature. For that i added weather code also in the API for further information i added that is there day-time ot night-time to make the emojis for accuracy. Then i asked the help to decode the weather code into emojis that for ChatGPT just tablulated the values and required emojis So i coded that as in if-elseif-else condition with emojis. Then also added that if in any case there doesn’t connect API it will show as ‘–’ with a emoji.

At last i called this function it when the bottom nav bar is shows. And also i added that time interval just for update the weather data in every 10minutes.