b/325373481 Migrate UI to MDC (#283)

* Migrate from MDCLite to [MDC](https://github.com/material-components/material-components-web/tree/master)
* Replace stepper UI and show available entitlements on first screen

.gitignore

@@ -46,3 +46,4 @@ runConfigurations/
 .metals
 .vscode
 .idea/
+.vs/

sources/src/main/java/com/google/solutions/jitaccess/web/rest/ApiResource.java

@@ -85,6 +85,7 @@ public class ApiResource {
 
   private URL createActivationRequestUrl(
     UriInfo uriInfo,
+    ProjectId projectId,
     String activationToken
   ) throws MalformedURLException {
     Preconditions.checkNotNull(uriInfo);
@@ -99,10 +100,15 @@ private URL createActivationRequestUrl(
     //
     // Obfuscate the token to avoid such false-flagging.
     //
+    // NB. We include the project ID to force the approver into
+    // the right scope. This isn't strictly necessary, but it
+    // improves user experience.
+    //
     return this.runtimeEnvironment
       .createAbsoluteUriBuilder(uriInfo)
       .path("/")
       .queryParam("activation", TokenObfuscator.encode(activationToken))
+      .queryParam("projectId", projectId.id())
       .build()
       .toURL();
   }
@@ -511,7 +517,10 @@ public ActivationStatusResponse requestActivation(
       // Notify reviewers, listeners.
       //
       for (var service : this.notificationServices) {
-        var activationRequestUrl = createActivationRequestUrl(uriInfo, activationToken.token());
+        var activationRequestUrl = createActivationRequestUrl(
+          uriInfo,
+          projectId,
+          activationToken.token());
         service.sendNotification(new RequestActivationNotification(
           projectId,
           activationRequest,
@@ -671,12 +680,13 @@ public ActivationStatusResponse approveActivationRequest(
       //
       // Notify listeners.
       //
+      var projectId = ProjectId.fromFullResourceName(roleBinding.fullResourceName());
       for (var service : this.notificationServices) {
         service.sendNotification(new ActivationApprovedNotification(
-          ProjectId.fromFullResourceName(roleBinding.fullResourceName()),
+          projectId,
           activation,
           iapPrincipal.getId(),
-          createActivationRequestUrl(uriInfo, activationToken)));
+          createActivationRequestUrl(uriInfo, projectId, activationToken)));
       }
 
       //

sources/src/main/resources/META-INF/resources/model.js

@@ -360,7 +360,7 @@ class DebugModel extends Model {
                 warnings: ["This is a simulated result"],
                 roles: Array.from({ length: setting }, (e, i) => ({
                     roleBinding: {
-                        id: "//project-1:roles/simulated-role-" + i,
+                        fullResourceName: "//simulated",
                         role: "roles/simulated-role-" + i
                     },
                     activationType: activationTypes[i % activationTypes.length],
@@ -417,7 +417,7 @@ class DebugModel extends Model {
                 projectId,
                 justification,
                 roles,
-                "ACTIVATED",
+                "ACTIVE",
                 true,
                 activationTimeout);
         }
@@ -474,7 +474,7 @@ class DebugModel extends Model {
                 "project-1",
                 "a justification",
                 ["roles/role-1"],
-                "ACTIVATED",
+                "ACTIVE",
                 false,
                 60);
         }