Adding registration date and multiple addresses for contacts and leads.

apps/web/src/views/PersonProfileView.vue

@@ -341,7 +341,9 @@ const infoEmpty = computed(() => {
     !p.email &&
     !p.position &&
     !p.website &&
+    !p.instagram &&
     !p.referrer &&
+    !(p.addresses?.length) &&
     !p.company &&
     !externalCode.value &&
     !p.notes?.trim() &&
@@ -630,7 +632,17 @@ watch(() => route.query.tab, readTab, { immediate: true });
           <div><dt>سمت</dt><dd>{{ person.position || '—' }}</dd></div>
           <div><dt>کد مبدأ</dt><dd dir="ltr">{{ externalCode ? toFaDigits(externalCode) : '—' }}</dd></div>
           <div><dt>وب‌سایت</dt><dd>{{ person.website || '—' }}</dd></div>
+          <div><dt>اینستاگرام</dt><dd dir="ltr">{{ person.instagram || '—' }}</dd></div>
           <div><dt>معرف</dt><dd>{{ person.referrer || '—' }}</dd></div>
+          <div class="wide">
+            <dt>آدرس‌ها</dt>
+            <dd>
+              <template v-if="person.addresses?.length">
+                <p v-for="(addr, i) in person.addresses" :key="i" class="addr-line">{{ addr }}</p>
+              </template>
+              <template v-else>—</template>
+            </dd>
+          </div>
           <div><dt>شرکت</dt><dd>{{ person.company?.name || '—' }}</dd></div>
           <div><dt>تلفن</dt><dd>{{ phoneDisplay }}</dd></div>
           <div><dt>ایمیل</dt><dd>{{ emailDisplay }}</dd></div>
@@ -906,9 +918,20 @@ watch(() => route.query.tab, readTab, { immediate: true });
             <div><dt>سمت</dt><dd>{{ person.position || '—' }}</dd></div>
             <div><dt>کد مبدأ</dt><dd dir="ltr">{{ externalCode ? toFaDigits(externalCode) : '—' }}</dd></div>
             <div><dt>وب‌سایت</dt><dd>{{ person.website || '—' }}</dd></div>
+            <div><dt>اینستاگرام</dt><dd dir="ltr">{{ person.instagram || '—' }}</dd></div>
             <div><dt>معرف</dt><dd>{{ person.referrer || '—' }}</dd></div>
+            <div class="wide">
+              <dt>آدرس‌ها</dt>
+              <dd>
+                <template v-if="person.addresses?.length">
+                  <p v-for="(addr, i) in person.addresses" :key="i" class="addr-line">{{ addr }}</p>
+                </template>
+                <template v-else>—</template>
+              </dd>
+            </div>
             <div><dt>شرکت</dt><dd>{{ person.company?.name || '—' }}</dd></div>
             <div><dt>مسئول</dt><dd>{{ person.owner?.fullName || '—' }}</dd></div>
+            <div><dt>تاریخ ثبت</dt><dd>{{ registeredAt }}</dd></div>
             <div>
               <dt>باشگاه</dt>
               <dd>
@@ -1176,6 +1199,23 @@ watch(() => route.query.tab, readTab, { immediate: true });
   overflow-wrap: anywhere;
 }
 
+.facts .wide,
+.info-panel .wide {
+  grid-template-columns: 5.6rem minmax(0, 1fr);
+}
+
+.info-panel .wide {
+  grid-template-columns: 7.5rem 1fr;
+}
+
+.addr-line {
+  margin: 0 0 0.25rem;
+}
+
+.addr-line:last-child {
+  margin-bottom: 0;
+}
+
 .status {
   display: inline-flex;
   align-items: center;