Fixup access control component to cover all cases

dashboard/src/components/AccessControl.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { onMounted } from 'vue';
+import { computed } from 'vue';
 import { FormGroup, Radiobutton, MultiSelect } from '@cloudron/pankow';
 import { ACL_OPTIONS } from '../constants.js';
 
@@ -17,20 +17,25 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-  hideOptionalSsoOption: {
+  sso: {
     type: Boolean,
     default: false,
     required: false,
-  }
+  },
+  installation: {
+    type: Boolean,
+    required: true,
+  },
 });
 
 const accessRestrictionOption = defineModel('option');
 const accessRestriction = defineModel('acl');
 
-const optionalSso = !!props.manifest.optionalSso;
-const cloudronAuth = !!(props.manifest.addons['ldap'] || props.manifest.addons['oidc'] || props.manifest.addons['proxyAuth']) && !props.hideOptionalSsoOption;
-
-onMounted(async () => {
+const optionalSso = computed(() => {
+  return !!props.manifest.optionalSso && props.installation;
+});
+const cloudronAuth = computed(() => {
+  return !(!props.installation && !props.sso) && !!(props.manifest.addons['ldap'] || props.manifest.addons['oidc'] || props.manifest.addons['proxyAuth']);
 });
 
 </script>