Badge-thirdparty

src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss

@@ -25,6 +25,15 @@ ul.list-suggest {
         text-align: start;
         margin-bottom: 3px;
     }
+    &.cols {
+        columns: 3;
+    }
+    &.inline {
+        li {
+            display: inline-block;
+            margin-right: 0.2em;
+        }
+    }
     &.add-items {
         li {
             cursor: pointer;
@@ -34,6 +43,9 @@ ul.list-suggest {
                 content: "\f067"; // fa-plus
                 color: var(--bs-success);
             }
+            & span:hover {
+                color: $chill-l-gray;
+            }
         }
     }
     &.remove-items {

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/BadgeEntity.vue

@@ -0,0 +1,42 @@
+<template>
+
+    <span v-if="entity.type === 'person'" class="badge rounded-pill bg-person">
+        {{ $t('renderbox.person') }}
+    </span>
+
+    <span v-if="entity.type === 'thirdparty'" class="badge rounded-pill bg-thirdparty">
+
+        <template v-if="options.displayLong !== true">
+            {{ $t('renderbox.type.thirdparty')}}
+        </template>
+
+        <i class="fa fa-fw fa-user" v-if="entity.kind === 'child'"></i>
+        <i class="fa fa-fw fa-hospital-o" v-else-if="entity.kind === 'company'"></i>
+        <i class="fa fa-fw fa-user-md" v-else></i>
+
+        <template v-if="options.displayLong === true">
+            <span v-if="entity.kind === 'child'">{{ $t('tparty.child')}}</span>
+            <span v-else-if="entity.kind === 'company'">{{ $t('tparty.company')}}</span>
+            <span v-else>{{ $t('tparty.contact')}}</span>
+        </template>
+    </span>
+
+</template>
+
+<script>
+export default {
+    name: "BadgeEntity",
+    props: ['options', 'entity'],
+    i18n: {
+        messages: {
+            fr: {
+                tparty: {
+                    child: "Personne de contact",
+                    company: "Personne morale",
+                    contact: "Personne physique",
+                }
+            }
+        }
+    }
+}
+</script>

src/Bundle/ChillMainBundle/Resources/views/FilterOrder/base.html.twig

@@ -1,5 +1,5 @@
 {{ form_start(form) }}
-    <div class="chill_filter_order container">
+    <div class="chill_filter_order container my-4">
         <div class="row">
             {% if form.vars.has_search_box %}
               <div class="col-md-12">