hubl/src/views/partials/circle/page-circle-profile.pug

//-solid-router(default-route='circle-profile', hidden)
  solid-route(name='circle-profile')
  solid-route(name='circle-edit')

//-#circle-profile(hidden, data-view="circle-profile")
  solid-ac-checker(permission='acl:Read', bind-resources)
    div.segment.padding-large.border-bottom.border-color-grey.clearfix
      solid-display.text-xxlarge.text-letter-spacing-large(
        bind-resources
        fields='name, dash, description'

        value-dash=' - '

        class-name='text-color-heading text-bold'
        class-dash='text-color-heading text-bold'          
      )
      div.segment.lg-hidden
        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.menuRight.buttonMobile')

  solid-widget(name='hubl-circle-team-contact')
    template 
      solid-link(data-src='\${value}', next='messages')
  
  div.segment.padding-large.clearfix
    div#loader-circle-profile.loader
      div
      div
      div
      div

    div.segment.clearfix
      solid-display.segment.lg-half.float-left(
        bind-resources
        fields='creationDateSet(title, creationDate)'
        loader-id='loader-circle-profile'

        class-title='word-spacing-right'

        value-title=''
        data-trans='value-title=circle.profile.creationDate'

        widget-creationDate='solid-display-value-date'
      )
      solid-ac-checker.segment.lg-half.float-left.text-right.margin-bottom-large(permission='acl:Append', bind-resources, nested-field='members')
        solid-ac-checker(permission='acl:Delete', bind-resources)
          solid-link(class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonModify')
        solid-ac-checker(no-permission='acl:Delete', bind-resources)
          solid-link(class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonAdd')

      div.segment.lg-auto.float-right.margin-bottom-large
        solid-ac-checker(permission='acl:Delete', bind-resources)
          solid-delete(
            class='button text-xsmall text-bold text-uppercase color-secondary bordered'
            bind-resources
            data-label=''
            data-trans='data-label=circle.profile.buttonDelete'
            next='admin-circles'
          )

      solid-widget.segment.lg-auto.float-right.margin-bottom-large(name='hubl-circle-leave-button')
        template
          solid-ac-checker(no-permission='acl:Delete', data-src="${src}", nested-field="circle")
            solid-delete(
              class='button text-xsmall text-bold text-uppercase color-secondary bordered'
              data-src="${src}"
              data-label=''
              data-trans='data-label=circle.profile.buttonQuit'
              next='circle-left'
            )

      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(
              data-src=''
              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'
            )

      solid-display(
        bind-resources
        nested-field='members'
        fields='relation'
        action-relation='relation'
        widget-relation='hubl-circle-leave-button'
        search-fields='user'
        search-widget-user='solid-form-hidden'
        search-value-user=""
        empty-widget='hubl-circle-join-button'
        hubl-inherit-bind-resources='hubl-circle-join-button'
        hubl-inherit-user-id="search-value-user"
      )

    h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.profile.subTitle')

    solid-widget(name='hubl-circle-user-admin')
      template ${value ? "Administrateur" : ""}

    solid-display.user-thumb(
      bind-resources
      nested-field='members'
      loader-id='loader-circle-profile'
      fields='user.account.picture, content(name-and-icon(user.name, user, is_admin), sub(atom, user.communities))'

      widget-user='hubl-circle-team-contact'

      class-user.account.picture='user-thumb-avatar'
      class-content='user-thumb-content'
      class-name-and-icon='user-thumb-content__name-and-icon'
      class-user.name='name'
      class-user='icon top-align icon-secondary hover icon-speech'
      class-is_admin='tag color-primary'
      class-sub='user-thumb-content__sub-text community'
      class-atom='icon icon-primary mdi-atom'

      
      multiple-user.communities
      multiple-user.communities-fields="community.name"

      widget-classGroup='solid-set-div'
      widget-user.account.picture='hubl-user-avatar'
      widget-is_admin='hubl-circle-user-admin'
    )

#circle-edit(hidden, data-view="circle-edit")
  include page-circle-edit.pug