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
-        
-        //- #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 administration panel (coming soon).
-
-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(hidden, name='job-offer-create')
-    //- sib-route(hidden, name='job-offer-edit', use-id)
-    //- 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(hidden,name='project', id-prefix=`${endpoints.projects}`, rdf-type='hd:project', use-id='')
-    //-   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=' - '
-    //-       widget-badge='hd-counter'
-    //-       action-badge='badge'
-    //-     )
-    div.divider
-    div.menu-wrapper
-      div.menu
-        div.menu-chevron
-          div.menu-icon.icon-arrow-up
-        div.menu-label Circles
-        div.menu-icon.icon-folder-alt
-      sib-route(hidden,name='circle', id-prefix=`${endpoints.circles}`, rdf-type='hd:circle', use-id='')
-      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=''
-          set-user-id='search-value-team'
-          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(hidden, name='messages', id-prefix=`${endpoints.users}`, rdf-type='foaf:user', use-id='')
-      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'
-        )
-
-    //- div.divider
-    //- sib-route.menu(hidden, name='my-profile', rdf-type='foaf:user', use-id='')
-

src/page-circle-chat.pug

-.content-box.full-width
-  sib-display.chat-header(
-    bind-resources
-    fields='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
-    )
\ No newline at end of file

src/page-circle-create.pug

-.content-box.with-padding.with-form.full-width
-  h1 New group
-  p Here you can create a new group according to your interests, what you want to share, etc.
-
-  sib-form(
-    data-src=`${endpoints.circles}`,
-    range-owner=`${endpoints.users}`, 
-    range-team=`${endpoints.users}`
-    
-    fields='name, description, description-text, owner, owner-text, team, team-text, jabberRoom, foaf:jabberID',
-
-    label-name="Channel's name",
-    label-description='Description',
-    label-owner='Owner of this channel',
-    label-foaf:jabberID='Chatroom id',
-    label-team='Member(s) of this channel',
-
-    value-description-text='You can write a short description like "Here, we are like Pinky and the Brain, we talk about strategy to conquer the world".',
-    value-owner-text='The one who will admin this channel',
-    value-team-text='Add any members as you want.',
-
-
-    widget-description='sib-form-textarea',
-    widget-jabberRoom='sib-form-checkbox',
-  )
-    //- widget-team='sib-form-multiple-dropdown'

src/page-circle-edit.pug

-#circle-edit.content-box.with-padding.with-form.full-width
-  h1 Edit group
-  sib-form.block(
-    range-owner=`${endpoints.users}`,
-    fields="name, description, owner, team, jabberID, jabberRoom"
-    range-team=`${endpoints.users}`,
-    bind-resources
-  )
-    //- widget-team='sib-form-multiple-dropdown',

src/page-circle-profile.pug

-.content-box.with-padding.full-width
-  h2 Channel's name:
-  sib-display(
-    fields='name',
-    bind-resources
-  )
-
-  h2 Description:
-  sib-display(
-    fields='description',
-    bind-resources
-  )
-
-  h2 In group:
-  sib-display.block-group(
-    nested-field='team',
-    fields='teammate-img(account.picture), teammate-name(name), teammate-pseudonym(before-pseudo, username), teammate-profile, teammate-contact',
-
-    template-teammate-contact='chat-link',
-
-    value-before-pseudo='@',
-    value-teammate-contact='Send a message',
-    value-teammate-profile='View profile',
-
-    widget-account.picture='sib-display-img',
-    
-    next='member',
-    bind-resources
-  )

src/page-circle.pug

-.views-container
-  #circle-chat
-    include page-circle-chat.pug
-  //- #circle-profile
-  //-   include page-circle-profile.pug
-  //- #circle-edit
-  //-   include page-circle-edit.pug
-  //- #circle-create
-  //-   include page-circle-create.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-profile')
-//-         li
-//-           a Information
-//-       sib-route(name='circle-edit')
-//-       //-   li
-//-       //-     a Edit
-//-       sib-route(name='circle-create')
-//-       //-   li
-//-       //-     a Add new
\ No newline at end of file

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.chat-header(
-    bind-resources
-    fields='username'
-  )
-  .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

src/page-project-drive.pug

-sib-widget(name='hd-drive')
-    template
-        iframe.drive.chat-view(
-            src='https://drive.google.com/embeddedfolderview?id=${value}'
-        )
-.content-box.with-padding.full-width.chat-view
-    sib-display(
-        bind-resources=""
-        fields="driveID"
-        widget-driveID='hd-drive'
-    )
\ No newline at end of file

src/page-project-edit.pug

-sib-widget(name='hd-fieldset-title')
-  template
-    label ${label}
-
-sib-widget(name='hd-project-members')
-  template
-    sib-display.member-info(
-			data-src='${id}'
-			fields='user.account.picture, user.name, name'
-			widget-user.account.picture='sib-display-img'
-		)
-
-sib-widget(name='hd-member-form')
-  template
-    sib-form.member-add(
-	    bind-resources
-	    range-user=`${endpoints.users}`
-	    nested-field='members'
-	    fields='member-form__input(user, name)'
-
-      class-user='member-select form-label is-light is-half-width'
-			label-user='Member'
-      widget-user='sib-form-auto-completion'
-			
-      class-name='form-label is-light is-half-width'
-      label-name='Role'
-			
-			submit-button='Add'
-    )
-
-
-.content-box.with-padding.with-form.full-width
-
-  h1 Edit your project
-
-
-  sib-form.form-container.block(
-		bind-resources
-    
-		fields='fieldset-info, block-project__info(customer.name, name, customer.logo, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee), fieldset-customer, block-project__customer(customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone), fieldset-members, block-project__members(member-form, members)'
-
-		class-customer.name='form-label is-light is-half-width'
-		class-name='form-label is-light is-half-width'
-		class-customer.logo='form-label is-light is-full-width'
-		class-description='form-label is-light is-full-width'
-    label-fieldset-info=''
-		label-customer.name='Customer\'s name'
-		label-name='Project\'s name*'
-		label-customer.logo='Customer\'s logo'
-		label-description='Project description'
-		upload-url-customer.logo=''
-    widget-fieldset-info='hd-fieldset-title'
-		widget-description='sib-form-textarea'
-
-		class-fieldset-fee='fieldset'
-		class-businessprovider='form-label is-light is-half-width'
-		class-businessproviderfee='form-label is-light is-half-width'
-		label-fieldset-fee='Fee'
-		label-businessprovider='Business provider'
-		label-businessproviderfee='Amount of the contribution'
-		widget-fieldset-fee='hd-fieldset-title'
-
-		class-fieldset-customer='fieldset'
-		class-customer.companyregister='form-label is-light is-half-width'
-		class-customer.address='form-label is-light is-half-width'
-		class-customer.firstname='form-label is-light is-half-width'
-		class-customer.lastname='form-label is-light is-half-width'
-		class-customer.role='form-label is-light is-half-width'
-		class-customer.email='form-label is-light is-half-width'
-		class-customer.phone='form-label is-light is-half-width'
-		label-fieldset-customer='Customer\'s information'
-		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'
-		widget-fieldset-customer='hd-fieldset-title'
-
-		class-fieldset-members='fieldset'
-		label-fieldset-members='Team'
-		label-members=''
-		multiple-members=''
-		widget-members='hd-project-members'
-		widget-fieldset-members='hd-fieldset-title'
-		widget-member-form='hd-member-form'
-
-    submit-button='Submit'
-	)

src/page-project-profile.pug

-.content-box.with-padding.full-width
-
-  include templates/template-business-provider.pug
-  include templates/template-customer.pug
-  include templates/template-team.pug
-
-  sib-display(
-    fields='block-title(const-title1, number, customer.name, const-title2, name, entitled, creationDate), infos(block-description(label-description, description), block-logo(customer.logo)), block-lead, block-fee(label-fee, businessProvider), block-customer(label-customer, customer), block-team(label-team, members)',
-    
-    value-const-title1='N°',
-    value-const-title2='-',
-    value-entitled='Creation date:'
-
-    value-label-description='DESCRIPTION:',
-    widget-customer.logo='sib-display-img',
-
-    value-label-fee='FEE:',
-    widget-businessProvider='template-business-provider'
-
-    value-label-customer='CUSTOMER INFORMATIONS:',
-    widget-customer='customer-template',
-    
-    value-label-team='TEAM:',
-    widget-members='team-template',
-    multiple-members='',
-
-    bind-resources
-  )
-

src/page-project.pug

-.views-container
-  #project-chat
-    include page-project-chat.pug
-  #project-profile
-    include page-project-profile.pug
-  #project-edit
-    include page-project-edit.pug
-  #project-create
-    include page-project-create.pug
-  #project-drive
-    include page-project-drive.pug
-nav.jsRightMenu(role='navigation')
-  sib-router(default-route='project-chat')
-    ul
-      li.jsOffsiteToggle
-        a Fold menu
-      sib-route(name='project-chat', use-id)
-        li 
-          a Chat
-      sib-route(name='project-profile', use-id)
-        li 
-          a Information
-      sib-route(name='project-drive', use-id)
-        li 
-          a Drive
-      sib-route(name='project-edit', use-id)
-        li 
-          a Edit
-      sib-route(name='project-create', use-id)
-      //-   li
-      //-     a Add new
\ No newline at end of file