patch: list - display + styles (wip)

src/views/partials/admin/page-admin-circles.pug

@@ -25,7 +25,7 @@ div.segment.full.padding-large.padding-top-medium.padding-bottom-xsmall.sm-paddi
     fields='name'
     label-name=''
     widget-name='solid-form-label-text'
-    class-name="segment margin-bottom-medium sm-margin-bottom-none third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+    class-name="segment margin-bottom-medium sm-margin-bottom-none third sm-full padding-right-small sm-padding-none text-small"
     submit-button=""
     submit-widget="button"
     data-trans='label-name=circle.list.searchBy;submit-button=circle.list.searchButton'

src/views/partials/widgets.pug

@@ -20,6 +20,9 @@ include widgets/hubl-circle-join-button.pug
 include widgets/hubl-circle-owner.pug
 include widgets/hubl-circle-team-contact.pug
 include widgets/hubl-circle-user-admin.pug
+include widgets/hubl-communities-counter-alternate.pug
+include widgets/hubl-communities-logo.pug
+include widgets/hubl-communities-name.pug
 include widgets/hubl-counter.pug
 include widgets/hubl-create-contact.pug
 include widgets/hubl-email-field.pug

src/views/partials/widgets/hubl-communities-counter-alternate.pug

@@ -0,0 +1,12 @@
+if componentSet.has('admin') && componentSet.has('communities')
+  solid-widget(name='hubl-communities-counter-alternate')
+    template
+      div
+        span.icon.icon-people.icon-third.icon-large.margin-right-xsmall
+        solid-display(
+          fields=''
+          data-src="${src || value}"
+          nested-field="members"
+          counter-template="\\\${counter}"
+        )
+        span members

src/views/partials/widgets/hubl-communities-logo.pug

@@ -0,0 +1,3 @@
+if componentSet.has('admin') && componentSet.has('communities')
+  solid-widget(name='hubl-communities-logo')
+    template ${value != "" ? `<div \style="background-image:url(${value});" />` : `<div></div>`}

src/views/partials/widgets/hubl-communities-name.pug

@@ -0,0 +1,18 @@
+if componentSet.has('admin') && componentSet.has('communities')
+  solid-widget(name='hubl-communities-name-title')
+    template
+      div.segment.block.one-line-ellipsis(
+        title="\${value}"
+      ) ${value}
+
+  solid-widget(name='hubl-communities-name')
+    template
+      solid-link(
+        data-src="${src || value}"
+        next=``
+      )
+        solid-display(
+          data-src="${src || value}"
+          fields="name"
+          widget-name="hubl-communities-name-title"
+        )