feature: new circles-admin panel

src/views/partials/widgets/hubl-admin-circle-counter-alternate-fix.pug

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

src/views/partials/widgets/hubl-admin-circle-counter-alternate.pug

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

src/views/partials/widgets/hubl-admin-circle-name.pug

@@ -0,0 +1,19 @@
+if componentSet.has('admin') && componentSet.has('circles')
+  solid-widget(name='hubl-admin-circle-name')
+    template
+      solid-link(
+        data-src="${src || value}"
+        next=`${getRoute(`circles`, true)}-information`
+      )
+        solid-display(
+          data-src="${src || value}"
+          fields="name"
+        )
+
+  solid-widget(name='hubl-admin-circle-fix-url-name')
+    template
+      solid-display(
+        data-src="${src}"
+        fields="circle"
+        widget-circle='hubl-admin-circle-name'
+      )

src/views/partials/widgets/hubl-admin-circle-user-counter-alternate.pug

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

src/views/partials/widgets/hubl-admin-community-logo.pug

@@ -0,0 +1,3 @@
+if componentSet.has('admin') && componentSet.has('circles')
+  solid-widget(name='hubl-admin-community-logo')
+    template ${value != "" ? `<img style="height:76px; max-width:100%;" src="${value}" alt="community's logo" />` : `<div style="height:76px;"></div>`}

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

@@ -0,0 +1,2 @@
+solid-widget(name='hubl-community-logo')
+  template ${value != "" ? `<img src="${value}" />` : `<img src="/images/alien.webp" />`}