src/index.js

+import.meta.glob("./components/**/*.js", { eager: true });
+import.meta.glob("./scripts/**/*.js", { eager: true });
+
+document.dispatchEvent(new CustomEvent("orbit-ready"));

src/index.pug

-include get_config.pug
-doctype html
-html(lang="en")
-  head
-    meta(charset="UTF-8")
-    title HD App
-    meta(name="viewport", content="width=device-width, initial-scale=1.0")
-    meta(http-equiv="X-UA-Compatible", content="ie=edge")
-    link(rel="icon" type="image/png" href="/images/favicon.png")
-    include dependencies.pug
-  body
-    header#header(role='banner')
-      include header.pug
-    main
-      include menu-left.pug
-      div#viewport
-
-        //- #members(hidden).no-sidebar
-        //-   include page-members-directory.pug
-
-        //- #job-offers(hidden).no-sidebar
-        //-   include page-job-offers.pug
-
-        //- #job-offer-create(hidden).no-sidebar
-        //-   sib-link(class="backlink", next="job-offers") Back
-        //-   include page-job-offer-create.pug
-
-        //- #job-offer-edit(hidden).no-sidebar
-        //-   sib-link(class="backlink", next="job-offers") Back
-        //-   include page-job-offer-edit.pug
-
-        //- #project(hidden).with-sidebar
-        //-   include page-project.pug
-
-        #circle(hidden).with-sidebar
-          include page-circle.pug
-
-        #messages(hidden).with-sidebar
-          include page-messages.pug
-
-        #admin(hidden).with-sidebar
-          include page-admin.pug
-        
-        //- #my-profile(hidden).no-sidebar
-        //-   include page-user-profile.pug

src/menu-left.pug

-sib-widget(name='hd-counter')
-  template
-    sib-badge(data-src="${src}")
-
-sib-widget(name='hd-create')
-  template
-    p.create You are not part of any ${value} yet. To create a new one, you can go to the 
-      sib-link(next='admin') administration panel
-
-nav#main__menu
-  sib-router#navbar-router(default-route='members')
-    //- sib-route.menu(name='members')
-    //-   div.menu-label Members
-    //-   div.menu-icon.icon-people
-    //- div.divider
-    //- sib-route.menu(name='job-offers', rdf-type='hd:joboffer')
-    //-   div.menu-label Job offers
-    //-   div.menu-icon.icon-briefcase
-    //- sib-route(name='job-offer-create', hidden)
-    //- sib-route(name='job-offer-edit', use-id, hidden)
-    //- div.divider
-    //- div.menu-wrapper
-    //-   div.menu
-    //-     div.menu-chevron
-    //-       div.menu-icon.icon-arrow-up
-    //-     div.menu-label Projects
-    //-     div.menu-icon.icon-folder-alt
-    //-   sib-route(name='project', rdf-type='hd:project', use-id='', hidden)
-    //-   div.sub-menu.menu-notification
-    //-     sib-display(
-    //-       data-src=`${endpoints.projects}`
-    //-       fields='project(customer.name, dash, name), badge'
-    //-       empty-widget='hd-create'
-    //-       empty-value='project'
-    //-       value-dash=' - '
-    //-       search-fields='team'
-    //-       search-widget-team='sib-form-hidden'
-    //-       search-value-team='-'
-    //-       hd-inherit-user-id='search-value-team'
-    //-       hd-inherit-widgets
-    //-       widget-badge='hd-counter'
-    //-       action-badge='badge'
-    //-     )
-    div.divider
-    div.menu-wrapper
-      div.menu
-        div.menu-chevron
-          sib-link(next='admin-circle-list')
-            div.menu-icon.icon-arrow-right
-        div.menu-label Circles
-        div.menu-icon.icon-folder-alt
-      sib-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
-      div.sub-menu.menu-notification
-        sib-display(
-          data-src=`${endpoints.circles}`
-          fields='name, badge'
-          empty-widget='hd-create'
-          empty-value='circle'
-          widget-name='sib-display-div',
-          widget-badge='hd-counter'
-          action-badge='badge'
-          search-fields='team'
-          search-widget-team='sib-form-hidden'
-          search-value-team='-'
-          hd-inherit-user-id='search-value-team'
-          hd-inherit-widgets
-          order-by='name'
-          next='circle'
-        )
-    div.divider
-    div.menu-wrapper
-      div.menu
-        div.menu-chevron
-          div.menu-icon.icon-arrow-up
-        div.menu-label Chat
-        div.menu-icon.icon-envelope-letter
-      sib-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
-      div.sub-menu.menu-notification
-        sib-display(
-          data-src=`${endpoints.users}`
-          fields='username, badge'
-          widget-username='sib-display-div'
-          widget-badge='hd-counter'
-          action-badge='badge'
-          order-by='username'
-          next='messages'
-        )
-
-    sib-route(name='admin', hidden)
-    //- div.divider
-    //- sib-route.menu(hidden, name='my-profile', rdf-type='foaf:user', use-id='')
-

src/page-admin-circles-create.pug

-div.content-box__info
-  sib-link(class="backlink", next='admin-circle-list') Back
-
-  h1 New circle
-
-  p.center Here you can create a new circle according to your interests, what you want to share, etc.
-
-  sib-form.block(
-    data-src=`${endpoints.circles}`
-
-    fields='name, description'
-
-    class-name='form-label is-light is-full-width'
-    class-description='form-label is-light is-full-width'
-
-    next='admin-circle-list'
-
-    submit-button='Save'
-  )

src/page-admin-circles.pug

-.content-box.full-width.with-form
-  sib-router(default-route='admin-circle-list', hidden)
-    sib-route(name='admin-circle-list')
-    sib-route(name='admin-circle-create')
-
-  div.content-box__header.with-description
-    div
-      p.name Administration
-
-
-  #admin-circle-list(hidden)
-
-    include templates/hd-user-avatar.pug
-
-    sib-widget(name='circle-owner')
-      template
-        sib-display(
-          data-src='${await value}'
-          fields='account.picture, sup(name), sub(username)'
-
-          widget-account.picture='hd-user-avatar'
-        )
-
-
-    div.content-box__info
-
-      div.admin-header
-
-        div.admin-header__title Circles
-
-        sib-link(
-          class='button text-bold text-uppercase reversed button-yellow bordered with-icon icon-plus'
-          next='admin-circle-create'
-        ) Create a new circle
-
-      .table
-
-        div.table-header.grey-color
-          div Name
-          div Admins
-          div Join
-
-        sib-widget(name='admin-circle-leave-button')
-          template
-            sib-delete(
-              class='button btn-margin-left text-bold text-uppercase reversed button-dark bordered with-icon icon-close'
-              data-src="${src}"
-              data-label='Leave circle'
-            )
-
-        sib-widget(name='admin-circle-join-button')
-          template
-            button.button.btn-margin-left.text-bold.text-uppercase.reversed.button-dark.bordered.with-icon.icon-arrow-right-circle.test
-              sib-form(
-                data-src=''
-                nested-field='members'
-
-                fields='user.@id'
-                label-user.@id=''
-                value-user.@id=''
-                widget-user.@id='sib-form-hidden'
-
-                hd-inherit-bind-user2input="input[name='user.@id']"
-                hd-inherit-widgets
-
-                submit-button='Join Circle'
-              )
-
-        sib-widget(name="admin-circle-buttons")
-          template
-            sib-display(
-              data-src='${src}'
-              nested-field='members'
-              fields='relation'
-              action-relation='relation'
-              widget-relation='admin-circle-leave-button'
-              search-fields='user'
-              search-widget-user='sib-form-hidden'
-              search-value-user="-"
-              empty-widget='admin-circle-join-button'
-              hd-inherit-bind-resources='admin-circle-join-button'
-              hd-inherit-user-id="search-value-user"
-              hd-inherit-widgets
-            )
-
-        sib-display(
-          class='table-body'
-
-          data-src=`${endpoints.circles}`
-          fields='name, owner, buttons'
-
-          class-name='w33 cell border'
-          class-owner='w33 cell border'
-
-          widget-buttons="admin-circle-buttons"
-          action-buttons="buttons"
-          hd-inherit-widgets
-          hd-inherit-widgets-multiple
-
-          widget-owner='circle-owner'
-        )
-
-
-  #admin-circle-create(hidden)
-    include page-admin-circles-create.pug

src/page-admin-projects.pug

-.content-box.full-width.with-form
-  sib-router(default-route='admin-project-list', hidden)
-    sib-route(name='admin-project-list')
-    sib-route(name='admin-project-create')
-
-
-  #admin-project-list(hidden)
-
-
-  #admin-project-create(hidden)
\ No newline at end of file

src/page-admin-users.pug

-.content-box.full-width.with-form
-  sib-router(default-route='admin-users-list', hidden)
-    sib-route(name='admin-users-list')
-    sib-route(name='admin-users-create')
-
-  div.content-box__header
-    h2 Administration
-
-  #admin-users-list(hidden)
-    div.content-box__info
-      sib-display.block(
-        data-src=`${endpoints.users}`
-        fields="account.picture, name, username, email, groups"
-        multiple-groups=""
-      )
-
-
-  #admin-users-create(hidden)

src/page-admin.pug

-.views-container
-  #admin-circles(hidden)
-    include page-admin-circles.pug
-//-   #admin-users(hidden)
-//-     include page-admin-users.pug
-//-   #admin-projects(hidden)
-//-     include page-admin-projects.pug
-nav.jsRightMenu(role='navigation')
-  sib-router(default-route='admin-circles')
-    ul
-      li.jsOffsiteToggle
-        a Fold menu
-      //- sib-route(name='admin-users')
-        li
-          a Users
-      sib-route(name='admin-circles')
-        li
-          a Circles
-      //- sib-route(name='admin-projects')
-        li
-          a Projects

src/page-circle-chat.pug

-.chat-view
-  sib-chat(
-    data-authentication='login',
-    data-auto-login='true',
-    data-bosh-service-url=`${xmpp}`,
-    data-debug='false',
-    data-locales-url='en',
-    bind-resources
-  )
\ No newline at end of file

src/page-circle-edit.pug

-div.content-box__info
-
-  include templates/hd-user-avatar.pug
-
-  sib-widget(name='hd-user-groups')
-    template ${value.name}
-
-  sib-widget(name='team-template-edit')
-    template
-      sib-display(
-        class='w50 cell border'
-        data-src='${await value.user}'
-        fields='account.picture, sup(name, groups), sub(profile.city)'
-
-        widget-account.picture='hd-user-avatar'
-
-        multiple-groups=''
-        widget-groups='hd-user-groups'
-      )
-
-      sib-ac-checker(
-        class='w50 cell border'
-        permission="acl:Delete"
-        data-src="${value['@id']}"
-      )
-        sib-delete(
-          class='button text-bold text-uppercase reversed button-dark bordered with-icon icon-close'
-          data-src="${value['@id']}"
-          data-label='Leave the circle'
-        )
-
-      //- Only to show the table grid
-      sib-ac-checker(
-        class='w50 cell border'
-        no-permission="acl:Delete"
-        data-src="${value['@id']}"
-      )
-
-  sib-link(class="backlink", bind-resources, next='circle-profile') Back
-
-  h1 Edit your circle
-
-  sib-form.block.circle-edit-form(
-    bind-resources
-
-    fields='block-circle__info(name, owner), description'
-    range-owner=`${endpoints.users}`
-
-    label-owner='owner'
-    label-description='circle subtitle'
-
-    class-name='form-label is-light is-half-width'
-    class-owner='form-label is-light is-half-width member-select color'
-    class-description='form-label is-light is-full-width'
-
-    widget-owner='sib-form-auto-completion'
-
-    partial=''
-
-    submit-button='Save'
-    next='circle-information'
-  )
-
-  h2 Members list
-
-  //- TODO: sib-ac-checker unworking - https://git.happy-dev.fr/startinblox/framework/sib-core/issues/517
-  //- sib-ac-checker(permission='acl:Write', bind-resources, nested-field='team')
-  sib-form.block.team-form(
-    bind-resources 
-    nested-field='members'
-    fields='user'
-    range-user=`${endpoints.users}`
-
-    class-user='team form-label is-dark'
-    label-user=''
-    widget-user='sib-form-auto-completion'
-
-    submit-button='Add a member'
-  )
-
-  .table
-
-    div.table-header.grey-color
-      div Name
-      div Access
-
-      //-class='table-body'
-    sib-display(
-      class='table-body'
-      bind-resources
-      fields='members'
-
-      multiple-members=''
-      widget-members='team-template-edit'
-    )
-

src/page-circle-profile.pug

-sib-router(default-route='circle-profile', hidden)
-  sib-route(name='circle-profile')
-  sib-route(name='circle-edit')
-
-#circle-profile(hidden)
-  include templates/hd-circle-team.pug
-  .content-box__info
-
-    .space-between
-      sib-display(
-        bind-resources
-        fields='creationDateSet(title, creationDate)'
-
-        value-title='Creation date: '
-
-        widget-creationDate='sib-display-date'
-      )
-      sib-ac-checker.testblock.circle-edit-button(permission='acl:Write', bind-resources)
-        sib-link(class='button text-bold text-uppercase reversed button-blue bordered with-icon icon-pencil' next='circle-edit' bind-resources) Edit and add Members
-
-
-    h2(name="label-team") Members:
-
-    sib-display.block(
-      bind-resources
-      fields='team'
-
-      multiple-team=''
-      widget-team='circle-team-template'
-    )
-
-    div.box-button
-      sib-ac-checker(permission='acl:Delete', bind-resources)
-        sib-delete(
-          class='button text-bold text-uppercase button-blue bordered with-icon icon-trash'
-          bind-resources
-          data-label='Delete Circle'
-        )
-
-      sib-widget(name='circle-leave-button')
-        template
-          sib-delete(
-            class='button btn-margin-left text-bold text-uppercase reversed button-dark bordered with-icon icon-close'
-            data-src="${src}"
-            data-label='Leave Circle'
-          )
-
-      sib-widget(name='circle-join-button')
-        template
-          button.button.btn-margin-left.text-bold.text-uppercase.reversed.button-dark.bordered.with-icon.icon-arrow-right-circle.test
-            sib-form(
-              data-src=''
-              nested-field='members'
-
-              fields='user.@id'
-              label-user.@id=''
-              value-user.@id=''
-              widget-user.@id='sib-form-hidden'
-
-              hd-inherit-bind-user2input="input[name='user.@id']"
-              hd-inherit-widgets
-
-              submit-button='Join Circle'
-            )
-
-      sib-display(
-        bind-resources
-        nested-field='members'
-        fields='relation'
-        action-relation='relation'
-        widget-relation='circle-leave-button'
-        search-fields='user'
-        search-widget-user='sib-form-hidden'
-        search-value-user=""
-        empty-widget='circle-join-button'
-        hd-inherit-bind-resources='circle-join-button'
-        hd-inherit-user-id="search-value-user"
-        hd-inherit-widgets
-      )
-
-
-
-#circle-edit(hidden)
-  include page-circle-edit.pug

src/page-circle.pug

-.views-container
-  .content-box.full-width.with-form
-    div.content-box__header.with-description
-      sib-ac-checker(permission='acl:Read', bind-resources)
-        sib-display(
-          bind-resources
-          fields='name, description'
-
-          class-name='name'
-          class-description='description'
-        )
-    div.content-box__info
-      sib-ac-checker(permission='acl:Read', bind-resources)
-        #circle-chat(hidden)
-          include page-circle-chat.pug
-        #circle-information(hidden)
-          include page-circle-profile.pug
-
-nav.jsRightMenu(role='navigation')
-  sib-router(default-route='circle-chat')
-    ul
-      li.jsOffsiteToggle
-        a Fold menu
-      sib-route(name='circle-chat')
-        li
-          a Chat
-      sib-route(name='circle-information')
-        li
-          a Information

src/page-job-offer-create.pug

-.content-box.with-padding.with-form
-  h1 Post a new job offer
-  p.center This form allows you to share an offer to all members of the network.
-    
-  sib-widget(name='title-text')
-    template
-      p Be clear and specific with the name of your offer. You can indicate which skill is important, the start date or the name of the client. Ex: "Looking for a plumber for planet Mars ASAP".
-
-  sib-widget(name='description-text')
-    template
-      p Be specific and exhaustive to avoid answering too many questions later. Indicate what is the best way to fill the offer, the prerequisites...'
-  
-  sib-form.block(
-    data-src=`${endpoints.joboffers}`
-    range-skills=`${endpoints.skills}`
-
-    fields='title, title-text, description, description-text, skills, closingDate'
-
-    class-title='field form-label is-light is-expanded'
-    label-title='Title*'
-    
-    widget-title-text='title-text'
-    
-    class-description='field form-label is-light is-expanded'
-    label-description='Description*'
-    widget-description='sib-form-textarea'
-    
-    widget-description-text='description-text'
-    
-    class-skills='form-label is-dark'
-    label-skills='The required skills for this mission:*'
-    multiple-skills='sib-multiple-select'
-    widget-skills='sib-form-auto-completion'
-
-    class-closingDate='form-label is-dark'
-    label-closingDate='Publication end date:*'
-    widget-closingDate='sib-form-date'
-    
-    next='job-offers'
-  )
-

src/page-job-offer-edit.pug

-.content-box.with-padding.with-form
-  h1 Edit your job offer
-  
-  sib-form.block(
-    bind-resources
-    range-skills=`${endpoints.skills}`
-
-    fields='title, description, skills, closingDate'
-
-    class-title='field form-label is-light is-expanded'
-    label-title='Title*'
-    
-    class-description='field form-label is-light is-expanded'
-    label-description='Description*'
-    widget-description='sib-form-textarea'
-
-    class-skills='form-label is-dark'
-    label-skills='The required skills for this mission:*'
-    multiple-skills='sib-multiple-select'
-    widget-skills='sib-form-auto-completion'
-    
-    class-closingDate='form-label is-dark'
-    label-closingDate='Publication end date:*'
-    widget-closingDate='sib-form-date'
-
-    next='job-offers'
-  )
-

src/page-job-offers.pug

-.job-offers__container
-  sib-job-board(
-    data-src=`${endpoints.joboffers}`,
-    range-skills=`${endpoints.skills}`
-  )
-
-  div.job-offers__newoffer
-    sib-link(next="job-offer-create").plus-button
-      div.icon-plus
-      div Post a new offer

src/page-members-directory.pug

-sib-directory(
-  data-src=`${endpoints.users}`,
-  range-groups=`${endpoints.groups}`,
-  range-skills=`${endpoints.skills}`
-)
-

src/page-messages.pug

-.content-box.full-width
-  sib-display.content-box__header(
-    bind-resources
-    fields='username'
-
-    class-username='name'
-  )
-  .chat-view
-    sib-chat(
-      data-authentication='login',
-      data-auto-login='true',
-      data-bosh-service-url=`${xmpp}`,
-      data-debug='false',
-      data-locales-url='en',
-      bind-resources
-    )

src/page-project-chat.pug

-.content-box.with-padding.full-width.chat-view
-  sib-chat(
-    data-authentication='login',
-    data-auto-login='true',
-    data-bosh-service-url=`${xmpp}`,
-    data-debug='false',
-    data-locales-url='en',
-    bind-resources
-  )

src/page-project-create.pug

-.content-box.with-padding.with-form.full-width
-  h1 New project
-  p Here you can create your project, add members and assign them a job.
-  
-  sib-form.block(
-    data-src=`${endpoints.projects}`,
-    range-members=`${endpoints.users}`,
-    range-team=`${endpoints.users}`,
-
-    fields='block-project__info(customer.name, name, customer.logo, description), block-project__fee(fieldset-fee, businessProvider, businessProviderFee), block-project__customer(fieldset-customer, customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone)',
-
-    label-customer.name='Customer\'s name',
-    label-name='Project\'s name',
-    label-customer.logo='Customer\'s logo',
-    label-description='Project description',
-    
-    widget-fieldset-fee='hd-template-project-title',
-    label-businessProvider='Business provider',
-    label-businessProviderFee='Amount of the contribution',
-    
-    widget-fieldset-customer='hd-template-project-title',
-    label-customer.companyRegister='Company register',
-    label-customer.address='Address',
-    label-customer.firstName='Name of the contact at the customer\'s premises',
-    label-customer.lastName='Firstname of the contact at the customer\'s premises',
-    label-customer.role='Role within the company',
-    label-customer.email='Email',
-    label-customer.phone='Phone'
-  )
-    
\ No newline at end of file