residential address: show residential address or info in PersonRenderBox + add ThirdPartyText

src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyText.vue

@@ -0,0 +1,29 @@
+<template>
+    <span v-if="isCut">{{ cutText }}</span>
+    <span v-else class="thirdparty-text">
+        <span class="firstname">{{ thirdparty.text }}</span>
+    </span>
+</template>
+
+<script>
+
+export default {
+    name: "ThirdPartyText",
+    props: {
+      thirdparty: {
+        required: true,
+      },
+      isCut: {
+        type: Boolean,
+        required: false,
+        default: false
+      },
+    },
+    computed: {
+        cutText: function() {
+            let more = (this.thirdparty.text.length > 15) ?'…' : '';
+            return this.thirdparty.text.slice(0,15) + more;
+        }
+    }
+}
+</script>