Lock the login permission for guest

frontend/src/app/routes/settings/roles/settings-roles-edit/settings-roles-edit.component.html

@@ -32,6 +32,7 @@
         name="permission"
         [value-mapper]="UIFriendlyPermission"
         [control]="model.permissions"
+        [disabled-list]="lockedPermissions"
         [selection-list]="allPermissions"
       ></values-picker>
     </div>

frontend/src/app/routes/settings/roles/settings-roles-edit/settings-roles-edit.component.ts

@@ -25,6 +25,7 @@ export class SettingsRolesEditComponent implements OnInit {
 
   model = new UpdateRoleControl();
   allPermissions: string[] = [];
+  lockedPermissions: string[] = [];
 
   get adding() {
     return this.mode === EditMode.add;
@@ -57,6 +58,10 @@ export class SettingsRolesEditComponent implements OnInit {
     this.mode = EditMode.edit;
     this.model.putRoleName(rolename);
 
+    // Get special permissions
+    const SpecialRoles = await this.staticInfo.getSpecialRoles();
+    this.lockedPermissions = SpecialRoles.LockedPermissions[rolename];
+
     // Fetch data and populate form
     const role = await this.rolesService.getRole(rolename);
     if (HasFailed(role))

frontend/src/app/services/api/static-info.service.ts

@@ -28,6 +28,7 @@ export class StaticInfoService {
         ImmutableRoles: [],
         SoulBoundRoles: [],
         UndeletableRoles: [],
+        LockedPermissions: {},
       },
       () => this.api.get(SpecialRolesResponse, '/api/roles/special').result,
     );