Override setting allowed, checkboxes not readonly

OpenConext · Sep 28, 2023 · bc968c6 · bc968c6
1 parent c335b88
commit bc968c6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/client/src/pages/InvitationForm.js b/client/src/pages/InvitationForm.js
@@ -265,15 +265,17 @@ export const InvitationForm = () => {
 
                         <Checkbox name={I18n.t("invitations.enforceEmailEquality")}
                                   value={invitation.enforceEmailEquality || false}
+                                  onChange={e => setInvitation({...invitation, enforceEmailEquality: e.target.checked})}
                                   info={I18n.t("invitations.enforceEmailEquality")}
-                                  readOnly={true}
+                                  readOnly={selectedRoles.some(role => !role.overrideSettingsAllowed )}
                                   tooltip={I18n.t("tooltips.enforceEmailEqualityTooltip")}
                         />
 
                         <Checkbox name={I18n.t("invitations.eduIDOnly")}
                                   value={invitation.eduIDOnly || false}
+                                  onChange={e => setInvitation({...invitation, eduIDOnly: e.target.checked})}
                                   info={I18n.t("invitations.eduIDOnly")}
-                                  readOnly={true}
+                                  readOnly={selectedRoles.some(role => !role.overrideSettingsAllowed )}
                                   tooltip={I18n.t("tooltips.eduIDOnlyTooltip")}
                         />
 

diff --git a/client/src/tabs/Roles.scss b/client/src/tabs/Roles.scss
@@ -7,6 +7,11 @@ div.mod-roles {
         align-items: center;
         flex-direction: column;
         margin-top: 25px;
+
+        @media (max-width: $medium) {
+            padding: 0 15px;
+        }
+
         svg {
             width: 240px;
             height: auto