Users can open the Create Experiment and Create Score Set page directly without login

[EstelleDa]

If users type the URL of Create Experiment and Create Score Set directly, they will be taken directly to the page without any alert that they need to sign in first.

[bencap]

This would be a great feature! For implementation, we should consider adding a route authentication guard to the router. Basically:

In the router/index.ts file, we would add a property meta: {requiresAuth: true} or meta: {requiresAuth: false} to each route. For example:

  {
    path: '/dashboard',
    component: DashboardView,
    meta: { requiresAuth: true }
  },

We would add a simple router beforeEach check to the router that checks the meta property requiresAuth. If the route requiresAuth, we check the users authentication state (using lib/orcid.ts/isAuthenticated. If they are not authenticated, we would redirect them to the login route. I think that would look something like this:

// Authentication guard
router.beforeEach((to: RouteLocationNormalized, _from: RouteLocationNormalized, next) => {
  // Check if the route requires authentication
  if (to.meta.requiresAuth) {
    if (!isAuthenticated) {
      localStorage.setItem('redirectAfterLogin', to)
      beginAuthentication()
    } else {
      next()
    }
  } else {
    next()
  }
})

[EstelleDa]

The Dashboard page has the same problem. I'll add the alerting message together.