Integrating the GovReady Dashboard with GovReady Q

[jlyon]

This Pull Request adds the GovReady Dashboard to Q. A new tab, similar to Settings was added in project.html.

The hashbang logic for the Bootstrap tabs, around line 410 was conflicting with hashbang logic in the React app, so it has been disabled. It did not appear to be working properly (it would add the #tab=settings hashbang, but refreshing the page would leave you on the first tab). An issue has been created in the GovReady Dashboard project: proudcity/GovReady-Agent-Client#4.

[JoshData]

We should find a place for this to live in an area that's not as generic as project.html.

[gregelin]

@JoshData

• Do you have thoughts of what would be a better location?
• I think it would be easier if @jlyon added the feature to project.html and then @JoshData figured out an alternative page. Would that work for you Josh?

[jlyon]

Note: After you login to Auth0, the page is refreshed. We need to set the tab as the Dashboard. There is some code around line 345 that does this with a 'dashboardLoginRedirect' JS cookie:

        // After you login, we reload the page, so we want to set the active tab as Dashboard.
        if (getCookie('dashboardLoginRedirect')) {
          setTimeout(function(){ 
            $('#project-dashboard-tab>a').trigger('click'); 
          }, 1000);

          setCookie('dashboardLoginRedirect', false, 0);
        }

[JoshData]

Hey.

I'm working on putting this in the https://github.com/GovReady/govready-q-ssp-module repo.

I'm getting:

XMLHttpRequest cannot load https://govready.auth0.com/user/ssodata. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://somethinghere.localhost:8000' is therefore not allowed access.

Do we need to do something special to permit debugging on localhost?

[jlyon]

Hey,

Yes, for some reason, wildcards don't work for localhost domains in the Auth0 CORS settings. I just added http://somethinghere.localhost:8000 and http://test.localhost:8000.

Thanks,
Jeff

[JoshData]

Thanks. Greg gave me the test credentials (at GovReady/GovReady-Agent-Client#1) but when I log in (which seems to work), I get

Looks like something didn't load properly

[jlyon]

@JoshData sorry for the delayed response. We've been working on refactoring the Dashboard code. We finished yesterday. This error should be replaced with a screen prompting you to create a new site:

Once you push the code to https://q.govready.com/, I might need to mess with the CORS settings in Auth0. Could you pass along information for a test account that would have access to the dashboard and I can take it from there (my email is jeff@albatrossdigital.com). Thanks!

[JoshData]

Great. I've pushed the code and you should have an email invitation from Q to join a project to test the dashboard. You should see the dashboard tab once you get all the way in.

Your HTML lives at https://github.com/GovReady/govready-q-ssp-module/blob/master/modules/project.yaml#L116.

I didn't commit the change to the window location fragment issue that affected tabs. We need to find a way around that (if you haven't already).

[jlyon]

Thanks @JoshData. I was able to login and test everything out. We'll look into a fix for the tab hashbang conflict today. I might create another PR.