Gives indication of user having permission to join the facility not showing the devices that don't have sign up enabled.

kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/SelectDeviceForm.vue

@@ -38,10 +38,10 @@
             :key="idx"
             v-model="selectedDeviceId"
             class="radio-button"
-            :value="d.id"
+            :value="canLearnerSignUp(d.id) ? d.id : false"
             :label="d.nickname"
             :description="d.base_url"
-            :disabled="formDisabled || !isDeviceAvailable(d.id)"
+            :disabled="!canLearnerSignUp(d.id) || formDisabled || !isDeviceAvailable(d.id)"
           />
           <KButton
             :key="`forget-${idx}`"
@@ -65,10 +65,13 @@
             :key="d.id"
             v-model="selectedDeviceId"
             class="radio-button"
-            :value="d.instance_id"
+            :value="canLearnerSignUp(d.id) ? d.instance_id : false"
             :label="formatNameAndId(d.device_name, d.id)"
             :description="formatBaseDevice(d)"
-            :disabled="formDisabled || fetchFailed || !isDeviceAvailable(d.id)"
+            :disabled="!canLearnerSignUp(d.id)
+              || formDisabled
+              || fetchFailed
+              || !isDeviceAvailable(d.id)"
           />
         </div>
       </template>
@@ -123,8 +126,8 @@
 
 <script>
 
-  import { computed } from 'kolibri.lib.vueCompositionApi';
-  import { useLocalStorage, get } from '@vueuse/core';
+  import { computed, ref } from 'kolibri.lib.vueCompositionApi';
+  import { useLocalStorage, get, computedAsync } from '@vueuse/core';
   import find from 'lodash/find';
   import UiAlert from 'kolibri-design-system/lib/keen/UiAlert';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
@@ -137,6 +140,7 @@
     useDevicesForLearnOnlyDevice,
   } from './useDevices.js';
   import useConnectionChecker from './useConnectionChecker.js';
+  import { deviceFacilityCanSignUp } from './api.js';
 
   export default {
     name: 'SelectDeviceForm',
@@ -186,6 +190,24 @@
       const discoveredDevices = computed(() => get(devices).filter(d => d.dynamic));
       const savedDevices = computed(() => get(devices).filter(d => !d.dynamic));
 
+      const isLoading = ref(false);
+
+      const LODDevicesWithSignUpFacility = computedAsync(
+        async () => {
+          const devicesAvailable = get(devices);
+          const allDevices = {};
+          for (const i of devicesAvailable) {
+            const canSignUp = await deviceFacilityCanSignUp(i.id);
+            if (canSignUp) {
+              allDevices[i.id] = true;
+            }
+          }
+          return allDevices;
+        },
+        {},
+        isLoading
+      );
+
       return {
         // useDevices
         devices,
@@ -205,6 +227,7 @@
         discoveredDevices,
         savedDevices,
         storageDeviceId,
+        LODDevicesWithSignUpFacility,
       };
     },
     props: {
@@ -356,6 +379,14 @@
           this.$emit('removed_address');
         });
       },
+      canLearnerSignUp(id) {
+        if (this.LODDevicesWithSignUpFacility) {
+          if (id in this.LODDevicesWithSignUpFacility) {
+            return true;
+          }
+        }
+        return false;
+      },
     },
     $trs: {
       deletingFailedText: {

kolibri/core/assets/src/views/sync/SelectDeviceModalGroup/api.js

@@ -58,3 +58,20 @@ export function channelIsAvailableAtDevice(channelId, device) {
 export function updateConnectionStatus(device) {
   return NetworkLocationResource.updateConnectionStatus(device.id);
 }
+
+/**
+ * @param {string} deviceId
+ * @return {Promise<boolean>}
+ */
+export function deviceFacilityCanSignUp(deviceId) {
+  return NetworkLocationResource.fetchFacilities(deviceId).then(({ device_id, facilities }) => {
+    if (deviceId === device_id) {
+      for (const facility of facilities) {
+        if (facility.learner_can_sign_up) {
+          return true;
+        }
+      }
+    }
+    return false;
+  });
+}