fix address third error

pages/organization/index.vue

@@ -80,25 +80,21 @@
                             <v-col
                               v-for="item in items"
                               :key="item.id"
-                              cols="3"
+                              cols="4"
                             >
-                              <UiCard>
+                              <UiCard
+                                :link="`/organization/address/${item.id}`"
+                                :model="models.OrganizationAddressPostal"
+                                :id="item.id"
+                              >
                                 <template v-slot:card.title>{{$t(item.type)}}</template>
                                 <template v-slot:card.text>
                                   {{item.addressPostal.streetAddress}} <br />
                                   <span v-if="item.addressPostal.streetAddressSecond">{{item.addressPostal.streetAddressSecond}} <br /></span>
-                                  <span v-if="entry.addressPostal.streetAddressThird">{{item.addressPostal.streetAddressThird}} <br /></span>
+                                  <span v-if="item.addressPostal.streetAddressThird">{{item.addressPostal.streetAddressThird}} <br /></span>
                                   {{item.addressPostal.postalCode}} {{item.addressPostal.addressCity}}<br />
                                   <span v-if="item.addressPostal.addressCountry">{{item.addressPostal.addressCountry.name}}</span>
                                 </template>
-                                <template v-slot:card.action>
-                                  <v-btn icon>
-                                    <NuxtLink :to="`/organization/address/${item.id}`" class="no-decoration"><v-icon>mdi-pencil</v-icon></NuxtLink>
-                                  </v-btn>
-                                  <v-btn icon>
-                                    <v-icon>mdi-delete</v-icon>
-                                  </v-btn>
-                                </template>
                               </UiCard>
                             </v-col>
                         </v-row>
@@ -115,14 +111,40 @@
             <v-container class="container">
               <v-row>
                 <v-col cols="12" sm="12">
-                  <UiDataTable
+                  <UiSubList
                     :query="repositories.contactPointRepository.query()"
                     :rootModel="models.Organization"
                     :rootId="id"
                     :model="models.ContactPoint"
-                    :headers="datatableHeaders.headersContactPoint"
                   >
-                  </UiDataTable>
+                    <template v-slot:list.item="{items}">
+                      <v-container fluid>
+                        <v-row dense>
+                          <v-col
+                            v-for="item in items"
+                            :key="item.id"
+                            cols="4"
+                          >
+                            <UiCard
+                              :link="`/organization/contact-points/${item.id}`"
+                              :model="models.ContactPoint"
+                              :id="item.id"
+                            >
+                              <template v-slot:card.title>{{$t(item.contactType)}}</template>
+                              <template v-slot:card.text>
+                                <span v-if="item.email"><strong>{{$t('email')}}</strong> : {{item.email}} <br /></span>
+                                <span v-if="item.emailInvalid" class="ot_danger--text"><v-icon class="ot_danger--text">mdi-alert</v-icon> <strong>{{$t('emailInvalid')}}</strong> : {{item.emailInvalid}} <br /></span>
+                                <span v-if="item.telphone"><strong>{{$t('telphone')}}</strong> : {{item.telphone}} <br /></span>
+                                <span v-if="item.telphoneInvalid"  class="ot_danger--text"><v-icon class="ot_danger--text">mdi-alert</v-icon> <strong>{{$t('telphoneInvalid')}}</strong> : {{item.telphoneInvalid}} <br /></span>
+                                <span v-if="item.mobilPhone"><strong>{{$t('mobilPhone')}}</strong> : {{item.mobilPhone}} <br /></span>
+                                <span v-if="item.mobilPhoneInvalid" class="ot_danger--text"><v-icon class="ot_danger--text">mdi-alert</v-icon> <strong>{{$t('mobilPhoneInvalid')}}</strong> : {{item.mobilPhoneInvalid}} </span>
+                              </template>
+                            </UiCard>
+                          </v-col>
+                        </v-row>
+                      </v-container>
+                    </template>
+                  </UiSubList>
                 </v-col>
               </v-row>
             </v-container>