feature: add filter community visible

src/custom-tzcld.js

@@ -239,7 +239,22 @@ import("./utils.js").then((utils) => {
         
         render += `</div>`; //section-avatar
         render += `<div class="territoires-mini-cards-2">`; //section-territoires cards 2
-        render += `<solid-display 
+        render += `
+        
+        <solid-form-search
+        class="hidden"
+        id="tzcld-user-territories-filter-${utils.getIntId(tzcldprofile.id)}"
+        nested-field="communities" 
+        fields="community.tzcld_profile.visible"
+        value-community.tzcld_profile.visible=true
+        submit-button="Rechercher" 
+        submit-widget="button" 
+        naked=""
+     ></solid-form-search>
+        <solid-display 
+          filtered-by="tzcld-user-territories-filter-${utils.getIntId(tzcldprofile.id)}"
+          empty-value="Membre d'aucun territoir"
+          empty-widget="tzcld-generic-no-result-info"
           class="segment whitespace-normal full" 
           data-src="${tzcldprofile.id}"
           nested-field="communities"

src/styles/territory-list.scss

@@ -39,27 +39,35 @@
     }
 }
 
-.territoires-mini-card-2 .links{
-    position: absolute;
-    right: 0;
-    top: 0;
+.territoires-mini-card-2 {
+    .links{
+        position: absolute;
+        right: 0;
+        top: 0;
 
-    solid-link.icon {
-        background: var(--color-primary);
-        border-radius: 50%;
-        display: inline-block;
-        padding: 10px;
+        solid-link.icon {
+            background: var(--color-primary);
+            border-radius: 50%;
+            display: inline-block;
+            padding: 10px;
 
-        &:before {
-            color: #fff!important;
-            font-size: 18px;
-        }
-        &:hover {
-            border: 2px solid var(--color-primary);
-            background-color: #fff;
             &:before {
-            color: var(--color-primary)!important;
+                color: #fff!important;
+                font-size: 18px;
+            }
+            &:hover {
+                border: 2px solid var(--color-primary);
+                background-color: #fff;
+                &:before {
+                color: var(--color-primary)!important;
+                }
             }
         }
     }
 }
+.territoires-mini-cards-2 {
+    .tzcld-generic-empty-info {
+        margin-top: 15px;
+        margin-left: 0!important;
+    }
+}

src/views-terrytories.js

@@ -125,10 +125,10 @@ import("./utils.js").then((utils) => {
                     \${value != "" ? \`<div style="background-image:url(\${value});" />\` : ""}
                   </template>
                 </solid-widget>
-                <solid-widget name="territory-no-secondary-contact">
+                <solid-widget name="tzcld-generic-no-result-info">
                     <template>
-                    <div class="segment bg-color-white shadow full text-top whitespace-normal margin-left-xsmall">
-                        <p class="padding-xxlarge">Pas de contact</p>
+                    <div class="segment bg-color-white shadow full text-top whitespace-normal margin-left-xsmall tzcld-generic-empty-info">
+                        <p class="padding-xxlarge">\${value}</p>
                     </div>
                     </template>
                 </solid-widget>

src/widjets-display-territory-tzcld.js

@@ -374,8 +374,8 @@ import("./utils.js").then((utils) => {
       
         <solid-display 
         filtered-by="tzcld-secondary-contacts-filter-${utils.getIntId(tzcldprofile.id)}"
-        empty-value="Aucun contact"
-        empty-widget="territory-no-secondary-contact"
+        empty-value="Pas de contact"
+        empty-widget="tzcld-generic-no-result-info"
         loader-id="loader-all-contact-territory" 
         class="segment full children children-half sm-children-full children-margin-bottom-medium sm-children-margin-bottom-xsmall  children-padding-left-xsmall sm-children-padding-none sm-whitespace-normal masonry counter pagination tzcld-other-contacts-list" 
         data-src="${tzcldprofile.id}"