Merge branch 'refactor_community' into frontend_show_gradido_id

frontend/src/components/CommunitySwitch.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useQuery } from '@vue/apollo-composable'
 import { useRoute } from 'vue-router'
 import { reachableCommunities } from '@/graphql/communities.graphql'
@@ -33,6 +33,10 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
+  communityIdentifier: {
+    type: String,
+    default: '',
+  },
 })
 
 const emit = defineEmits(['update:modelValue', 'communitiesLoaded'])
@@ -57,7 +61,17 @@ onResult(({ data }) => {
   }
 })
 
-const communityIdentifier = computed(() => route.params.communityIdentifier)
+const communityIdentifier = computed(
+  () => route.params.communityIdentifier || props.communityIdentifier,
+)
+
+watch(
+  () => communityIdentifier.value,
+  () => {
+    // console.log('CommunitySwitch.communityIdentifier.value', value)
+    setDefaultCommunity()
+  },
+)
 
 function updateCommunity(community) {
   // console.log('CommunitySwitch.updateCommunity...community=', community)

frontend/src/components/GddSend/TransactionForm.vue

@@ -48,8 +48,9 @@
                         <community-switch
                           :disabled="isBalanceEmpty"
                           :model-value="form.targetCommunity"
+                          :community-identifier="autoCommunityIdentifier"
                           @update:model-value="updateField($event, 'targetCommunity')"
-                          @communitiesLoaded="setCommunities"
+                          @communities-loaded="setCommunities"
                         />
                       </BCol>
                     </BRow>
@@ -173,6 +174,7 @@ const entityDataToForm = computed(() => ({ ...props }))
 const form = reactive({ ...entityDataToForm.value })
 const disableSmartValidState = ref(false)
 const communities = ref([])
+const autoCommunityIdentifier = ref('')
 
 const emit = defineEmits(['set-transaction'])
 
@@ -220,6 +222,7 @@ const validationSchema = computed(() => {
     return object({
       memo: memoSchema,
       amount: amountSchema,
+      // todo: found a better way, because this validation test has side effects
       identifier: identifierSchema.test(
         'community-is-reachable',
         'form.validation.identifier.communityIsReachable',
@@ -229,18 +232,13 @@ const validationSchema = computed(() => {
           if (parts.length !== 2) {
             return true
           }
-          const com = communities.value.find((community) => {
+          return communities.value.some((community) => {
             return (
               community.uuid === parts[0] ||
               community.name === parts[0] ||
               community.url === parts[0]
             )
           })
-          if (com) {
-            form.targetCommunity = com
-            return true
-          }
-          return false
         },
       ),
     })
@@ -286,6 +284,26 @@ watch(userError, (error) => {
   }
 })
 
+// if identifier contain valid community identifier of a reachable community:
+// set it as target community and change community-switch to show only current value, instead of select
+watch(
+  () => form.identifier,
+  (value) => {
+    autoCommunityIdentifier.value = ''
+    const parts = value.split('/')
+    if (parts.length === 2) {
+      const com = communities.value.find(
+        (community) =>
+          community.uuid === parts[0] || community.name === parts[0] || community.url === parts[0],
+      )
+      if (com) {
+        form.targetCommunity = com
+        autoCommunityIdentifier.value = com.uuid
+      }
+    }
+  },
+)
+
 function onSubmit() {
   const transformedForm = validationSchema.value.cast(form)
   const parts = transformedForm.identifier.split('/')