major: startinblox-feature-requests#181

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

@@ -0,0 +1,12 @@
+if componentSet.has('admin') && componentSet.has('chat')
+  solid-widget(name='hubl-action-community')
+    template
+      solid-ac-checker(data-src="${value}", nested-field="members", permission='acl:Append')
+        solid-link(
+          class='button text-small text-bold text-uppercase reversed color-secondary bordered icon icon-plus'
+          data-src="${value}"
+          next=`admin-${getRoute("chat", true)}-create`
+          data-trans='communities.linkInvite'
+        )
+      solid-ac-checker(data-src="${value}", nested-field="members", no-permission='acl:Append')
+        div.button.button-disabled(data-trans='communities.noPermission')

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

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

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

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

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

@@ -0,0 +1,11 @@
+if componentSet.has('admin') && componentSet.has('circles')
+  solid-widget(name='hubl-admin-circle-link-alternate')
+    template
+      solid-display(
+        data-src='${src}'
+        nested-field='circle'
+        fields='name'
+        class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline text-ellipsis admin-name-ellipsis'
+        action-name='name'
+        widget-name='hubl-admin-circle-link'
+      )

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

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

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

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

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

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

src/views/partials/widgets/hubl-admin-project-counter.pug

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

src/views/partials/widgets/hubl-admin-project-link-alternate.pug

@@ -0,0 +1,11 @@
+if componentSet.has('admin') && componentSet.has('projects')
+  solid-widget(name='hubl-admin-project-link-alternate')
+    template
+      solid-display(
+        data-src='${src}'
+        nested-field='project'
+        fields='name'
+        class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline text-ellipsis admin-name-ellipsis'
+        action-name='name'
+        widget-name='hubl-admin-project-link'
+      )

src/views/partials/widgets/hubl-admin-project-link.pug

@@ -0,0 +1,11 @@
+if componentSet.has('admin') && componentSet.has('projects')
+  solid-widget(name='hubl-admin-project-link')
+    template
+      solid-link(
+        data-src='${src}'
+        next=`${getRoute('projects')}-information`
+      )
+        solid-display(
+          data-src='${src}'
+          fields='customer.name'
+        )

src/views/partials/widgets/hubl-captain.pug

@@ -1,31 +1,29 @@
-solid-widget(name='hubl-captain-contact')
+if componentSet.has('projects')
+  solid-widget(name='hubl-captain-contact')
     template 
-      solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next='messages')
+      solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next=getRoute('chat', true))
 
-solid-widget(name='hubl-captain')
-  template
-    solid-display.segment.full.margin-bottom-large.labelled-avatar.two-lines(
-      data-src="${value}"
-      fields='segment1(account.picture), segment2(line1(name, user), line2(atom, communities))'
+  solid-widget(name='hubl-captain')
+    template
+      solid-display.segment.full.margin-bottom-large.labelled-avatar.two-lines(
+        data-src="${value}"
+        fields='segment1(account.picture), segment2(line1(name, user), line2(atom, communities))'
 
-      class-segment1='segment'
-      class-account.picture='avatar'
-      
-      class-segment2='segment three-quarter margin-left-xsmall'
-      class-line1='segment block'
-      class-name='text-small text-semibold text-color-heading text-sub'
-      class-line2='segment block'
-      class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
-      class-communities='full'
+        class-segment1='segment'
+        class-account.picture='avatar'
 
-      value-user='${value}'
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub'
+        class-line2='segment block'
+        class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
+        class-communities='full'
 
-      multiple-communities
-      multiple-communities-fields='community.name'
+        value-user='${value}'
 
-      widget-account.picture='hubl-user-avatar'
-      widget-user='hubl-captain-contact'
-    )
-    
-    //- To remove from translate file :
-      data-trans='value-is_lead=template-captain.isLead'
+        multiple-communities
+        multiple-communities-fields='community.name'
+
+        widget-account.picture='hubl-user-avatar'
+        widget-user='hubl-captain-contact'
+      )

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

@@ -0,0 +1,3 @@
+if componentSet.has('circles')
+  solid-widget(name='hubl-circle-edit-admin')
+    template ${value == "true" ? "Administrateur" : ""}

src/views/partials/widgets/hubl-circle-edit-members-delete.pug

@@ -0,0 +1,10 @@
+if componentSet.has('circles')
+  solid-widget(name="hubl-circle-edit-members-delete")
+    template
+      solid-ac-checker(permission="acl:Delete", data-src="${src}")
+        solid-delete(
+          class='segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
+          data-src="${src}"
+          data-label=''
+          data-trans='data-label=circle.edit.buttonDelete'
+        )

src/views/partials/widgets/hubl-circle-join-button.pug

@@ -0,0 +1,15 @@
+if componentSet.has('circles')
+  solid-widget(name='hubl-circle-join-button')
+    template
+      button.button.text-xsmall.text-bold.text-uppercase.reversed.color-secondary.bordered.icon.icon-arrow-right-circle
+        solid-form(
+          bind-resource
+          nested-field='members'
+
+          fields='user.username'
+          value-user.username='hubl-workaround-493'
+          widget-user.username='solid-form-hidden'
+
+          submit-button=''
+          data-trans='submit-button=circle.profile.buttonJoin'
+        )

src/views/partials/widgets/hubl-circle-owner.pug

@@ -0,0 +1,19 @@
+if componentSet.has('admin') && componentSet.has('circles')
+  solid-widget(name='hubl-circle-owner')
+    template
+      solid-display.segment.block.margin-top-xxsmall.margin-bottom-xxsmall.labelled-avatar.two-lines(
+        data-src='${await value}'
+        fields='segment1(account.picture), segment2(line1(name), line2(at, username))'
+
+        class-segment1='segment'
+        class-account.picture='avatar'
+
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub'
+        class-line2='segment block text-xsmall'
+
+        widget-account.picture='hubl-user-avatar'
+
+        value-at='@'
+      )

src/views/partials/widgets/hubl-circle-team-contact.pug

@@ -0,0 +1,4 @@
+if componentSet.has('circles')
+  solid-widget(name='hubl-circle-team-contact')
+    template 
+      solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next=getRoute('chat', true))

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

@@ -0,0 +1,3 @@
+if componentSet.has('circles')
+  solid-widget(name='hubl-circle-user-admin')
+    template ${value == "true" ? "Administrateur" : ""}

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

@@ -0,0 +1,7 @@
+if componentSet.has('chat') || componentSet.has('circles') || componentSet.has('projects')
+  solid-widget(name='hubl-counter')
+    template
+      if componentSet.has('notification')
+        solid-badge(data-src="${value == 'badge' ? src : value}")
+      else
+        span

src/views/partials/widgets/hubl-create-contact.pug

@@ -0,0 +1,9 @@
+if componentSet.has('chat')
+  solid-widget(name='hubl-create-contact')
+    template
+      p.segment.full.create.text-color-white.whitespace-normal(style='display:block!important')
+        span(data-trans="menuLeft.contact.create")
+        span  
+        solid-link(next=getRoute('profileDirectory', true) data-trans="menuLeft.contact.profileDir")
+        span  
+        span(data-trans="menuLeft.contact.create2")

src/views/partials/widgets/hubl-email-field.pug

@@ -0,0 +1,6 @@
+if componentSet.has('admin') && componentSet.has('chat')
+  solid-widget(name='hubl-email-field')
+    template
+      div.segment.margin-bottom-medium.half.sm-full.padding-left-small.sm-padding-none.text-small.text-semibold.text-uppercase.text-color-heading
+        label ${label}
+        input(type="email" label='${label}' name="email" required value="\${value}" data-holder)

src/views/partials/widgets/hubl-menu-create.pug

@@ -0,0 +1,10 @@
+if componentSet.has('circles') || componentSet.has('projects')
+  solid-widget(name='hubl-menu-create')
+    template
+      p.segment.full.create.text-color-white.whitespace-normal(style='display:block!important')
+        span(data-trans="menuLeft.emptyCircleProject.notPartOf")
+        span  ${value}.
+        if componentSet.has('admin')
+          span(data-trans="menuLeft.emptyCircleProject.createNew")
+          span  
+          solid-link(next=`\${value.startsWith('proj') ? 'admin-${getRoute('projects', true)}' : 'admin-${getRoute('circles', true)}'}`, data-trans="menuLeft.emptyCircleProject.adminPanel")

src/views/partials/widgets/hubl-menu-fix-url-circle.pug

@@ -0,0 +1,24 @@
+if componentSet.has('circles')
+  solid-widget(name='hubl-menu-fix-url-circle')
+    template
+      solid-link.segment.full(data-src="${value}" next=getRoute('circles', true))
+        solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
+          data-src='${value}'
+          fields='segment(status, circle(name, jabberID), badge)'
+          class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
+
+          class-status='segment text-top sub-menu-icon'
+
+          class-circle='segment three-quarter sub-menu-name'
+
+          class-name='ellipsis-content'
+
+          class-badge='segment badge'
+
+          value-badge='${value}'
+          widget-status='hubl-menu-publicprivate'
+          widget-badge='hubl-counter'
+          widget-jabberID='hubl-menu-jabberid'
+          widget-name='solid-display-div'
+          order-asc="name"
+        )

src/views/partials/widgets/hubl-menu-fix-url-contact.pug

@@ -0,0 +1,18 @@
+if componentSet.has('chat')
+  solid-widget(name='hubl-menu-fix-url-contact')
+    template
+      solid-link.segment.full(data-src="${value}" next=getRoute('chat', true))
+        solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
+          data-src='${value}'
+          fields='segment(message(name, chatProfile.jabberID), badge)'
+          
+          class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
+          class-message='segment three-quarter sub-menu-name'
+          class-badge='segment badge'
+
+          value-badge='${value}'
+          widget-badge='hubl-counter'
+          widget-chatProfile.jabberID='hubl-menu-jabberid'
+          widget-name='solid-display-div'
+          order-asc='username'
+        )

src/views/partials/widgets/hubl-menu-fix-url-project.pug

@@ -0,0 +1,25 @@
+if componentSet.has('projects')
+  solid-widget(name='hubl-menu-fix-url-project')
+    template
+      solid-link.segment.full(data-src="${value}" next=getRoute('projects', true))
+        solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
+          data-src='${value}'
+          fields='segment(status, project(customer.name, name, jabberID), badge)'
+          class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
+
+          class-status='segment text-top sub-menu-icon'
+
+          class-project='segment three-quarter sub-menu-name'
+
+          class-customer.name='ellipsis-content'
+          class-name='ellipsis-content'
+
+          class-badge='segment badge text-top'
+
+          value-badge='${value}'
+          widget-status='hubl-menu-publicprivate'
+          widget-jabberID='hubl-menu-jabberid'
+          widget-badge='hubl-counter'
+          widget-name='solid-display-div'
+          order-asc="customer.name"
+        )

src/views/partials/widgets/hubl-menu-jabberid.pug

@@ -0,0 +1,6 @@
+if componentSet.has('chat') || componentSet.has('circles') || componentSet.has('projects')
+  solid-widget(name='hubl-menu-jabberid')
+    template
+      div.hidden(
+        data-jabberID="${value}"
+      )

src/views/partials/widgets/hubl-menu-publicprivate.pug

@@ -0,0 +1,6 @@
+if componentSet.has('circles') || componentSet.has('projects')
+  solid-widget(name='hubl-menu-publicprivate')
+    template
+      div(
+        class="${value == 'Public' ? 'text-simple-line-icons text-large': 'text-simple-line-icons text-xsmall'}"
+      ) ${value == 'Public' ? '#' : ''}

src/views/partials/widgets/hubl-project-admins.pug

@@ -0,0 +1,9 @@
+if componentSet.has('admin') && componentSet.has('projects')
+  solid-widget(name='hubl-project-admins')
+    template
+      solid-display(
+        data-src='${value}'
+        fields='user'
+        filtered-by='hubl_project_is_admin'
+        widget-user='hubl-project-captain'
+      )

src/views/partials/widgets/hubl-project-captain.pug

@@ -0,0 +1,19 @@
+if componentSet.has('admin') && componentSet.has('projects')
+  solid-widget(name='hubl-project-captain')
+    template
+      solid-display.segment.margin-top-xxsmall.margin-bottom-xxsmall.labelled-avatar.two-lines.block(
+        data-src='${await value}'
+        fields='segment1(account.picture), segment2(line1(name), line2(at, username))'
+
+        class-segment1='segment'
+        class-account.picture='avatar'
+
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub'
+        class-line2='segment block text-xsmall'
+
+        widget-account.picture='hubl-user-avatar'
+
+        value-at='@'
+      )

src/views/partials/widgets/hubl-project-edit-admin.pug

@@ -0,0 +1,3 @@
+if componentSet.has('projects')
+  solid-widget(name='hubl-project-edit-admin')
+    template ${value == "true" ? "Administrateur" : ""}

src/views/partials/widgets/hubl-project-edit-members-delete.pug

@@ -0,0 +1,10 @@
+if componentSet.has('projects')
+  solid-widget(name="hubl-project-edit-members-delete")
+    template
+      solid-ac-checker(permission="acl:Delete", data-src="${src}")
+        solid-delete(
+          class='segment text-xsmall children-link-text-bold children-link-text-uppercase children-link-button children-link-color-secondary bordered'
+          data-src="${src}"
+          data-label=''
+          data-trans='data-label=project.edit.buttonDelete'
+        )

src/views/partials/widgets/hubl-project-team-contact.pug

@@ -0,0 +1,4 @@
+if componentSet.has('projects')
+  solid-widget(name='hubl-project-team-contact')
+    template 
+      solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next=getRoute('chat', true))

src/views/partials/widgets/hubl-username-field.pug

@@ -0,0 +1,5 @@
+if componentSet.has('admin') && componentSet.has('chat')
+  solid-widget(name='hubl-username-field')
+    template
+      label ${label}
+      input(type="text" title='' pattern="[a-zA-Z0-9]+" label="${label}" data-trans='title=user.create.labelUsernameTitle' name="username" required value="\${value}" data-holder)