ajibigad / corperwee Goto Github PK

Ok. So the ideal thing is, the backdrop should span the whole screen. I set the height of of the back-drop to 100% to fix it, but it still fails in some states. Look at the screenshot below

After studying the style used in that of https://angular-ui.github.io/bootstrap/#/modal, I found out their backdrop has a position of fixed and mine is absolute. Dont know why this is so but changing mine to fixed from chrome dev tools help fix the issue. So temp hack is to add my style after theirs so we get a backdrop with a fixed position.

Cant close the issue yet until i know what changes mine to absolute

When the home page is loaded, the ideal thing is for the top results in the logged in user's town be shown but you'd get this error. Screenshot below:

This has to do with the way broadcasting works and how the different components are loaded in AngularJs. Am reading about this now and would fix the issue soon. But for now just select any of the categories from the tabs (eg. Hotels) and click the search button. That would fetch you the top results as expected. Ignore the alert boxes. To find the search button, just click the Toggle Search Filter button. See Screenshot below:

You'd get something like this. Depends on the data you feed into the db (use the UI to do this abegi!!)

The problem here is, after you log into the app for the first time, the home page loads but without a scroll bar at the right to scroll down. I have tried to fix it but its not been smooth yet but be sure it would be fixed. Screenshot below.

Another Screen Shot below

No scroll bar at the right for user to be able to scroll

Presently the user is not informed when his session's timed out.

What happens presently is, the app tries making some calls to the back-end but gets 401 error cause the session has expired.

There is no way the user is gonna know this. Even a page refresh cant solve it. A re-login is required.

Proposed flow is : a sign-in modal should come up enforcing the user to re-login and also stating the reason he has to this (which for now is just cause his session has expired).
After the re-login THE USER MUST NOT BE REDIRECTED!!! Just hide the modal and retry the api calls that failed

The dashboard.css and the style.css have some styles in both files,

The right thing is to have global styles in the app.css, styles for the dashboard (the one with the side-nav) in dashboard.css, then styles for the landing page in style.css

The names of the files should be renamed sef.

app, landing(style.css), home(dashboard.css)