Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • applications/etuc/hubl
  • applications/hubl
  • decentral1se/hubl
  • rngadam/hubl
  • jvtrudel/hubl
  • 3wc/hubl
6 results
Show changes
Showing
with 1230 additions and 244 deletions
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
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'
)
.content-box.with-padding.full-width
include templates/template-business-provider.pug
include templates/template-customer.pug
include templates/template-team.pug
include templates/template-captain.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-captain(label-captain, captain), 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-captain='CAPTAIN:',
widget-captain='captain-template',
value-label-team='TEAM:',
widget-members='project-team-template',
multiple-members,
bind-resources
)
.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
nav(role="user's functionalities menu")
ul
//- li
//- sib-link(next='my-profile') My profile
//-li
sib-link(next='user-settings') Settings
li
sib-link(next='admin') Admin
button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out
include templates/template-groups.pug
.content-box.with-form.user-profile__container
.section.user-bio
sib-display.avatar-display(
bind-user=''
fields='account.picture'
label-account.picture=''
widget-account.picture='sib-display-img'
)
sib-display.name-diplay(
bind-user=''
fields='user-name-groups(name, groups), username'
class-name='name'
label-groups=''
multiple-groups=''
widget-groups='groups-name'
class-username='username'
)
sib-form.info-form(
bind-user=''
fields='profile.bio, inline-1(profile.city, email), inline-2(profile.phone, profile.website), inline-3(profile.available), account.picture, instruction'
class-profile.bio='form-label is-light'
label-profile.bio='short description'
class-profile.city='form-label is-light'
label-profile.city='your cell'
class-email='form-label is-light'
class-profile.phone='form-label is-light'
label-profile.phone='phone'
class-profile.website='form-label is-light'
label-profile.website='your website'
class-profile.available='form-label is-light'
label-profile.available='your availability'
class-account.picture='form-label is-light'
label-account.picture='your picture'
widget-instruction='hd-instruction'
)
.section.user-skills
sib-form(
bind-user=''
range-skills=`${endpoints.skills}`
fields='skills'
class-skills='form-label is-dark'
label-skills='Your main skills (4 max.):'
multiple-skills='sib-multiple-select'
widget-skills='sib-form-auto-completion'
)
sib-widget(name='hd-instruction')
template
span Show us your most beautiful smile
p Pictures help us to know ourselves and also to recognize ourselves, so don't be afraid to show your pretty face and avoid strange avatars.
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>{{@root.client.name}}</title>
{{#if @root.client.description}}
<meta name="description" content="{{@root.client.description}}" />
{{else}}
<meta name="description" content="{{@root.client.name}}" />
{{/if}}
<link rel="icon" href="{{#if @root.client.favicon}}{{@root.client.favicon}}{{else}}/pwa/favicon.ico{{/if}}" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF" />
<meta name="theme-color" content="#f6f6f6" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
<link rel="dns-prefetch" href="{{@root.client.server}}" />
<link rel="preconnect" crossorigin="anonymous" href="https://fonts.googleapis.com" />
<link rel="preconnect" crossorigin="anonymous" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="{{@root.client.server}}" />
<link rel="stylesheet" crossorigin="anonymous" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" />
<link rel="stylesheet" href="src/styles/index.scss" />
<script data-default-context="" type="application/ld+json">{{{json context}}}</script>
{{#each @root.npm as |module|}}
{{#if module.path}}
<script type="module" src="{{module.path}}" defer=""{{mergeAttributes module.attributes}}></script>
{{else}}
<script type="module" src="https://cdn.jsdelivr.net/npm/{{module.package}}@{{module.version}}" defer=""{{mergeAttributes module.attributes}}></script>
{{/if}}
{{/each}}
<script type="module" src="/src/index.js"></script>
</head>
{{#if @root.client.css}}
{{#if (isArray @root.client.css)}}
{{#each @root.client.css as | css | }}
<link rel="stylesheet" href="{{css}}" />
{{/each}}
{{else}}
<link rel="stylesheet" href="{{@root.client.css}}" />
{{/if}}
{{/if}}
{{#with (getComponent "autoLogin")}}
{{#if (includes integration "replacement")}}
<{{parameters.replacement}}{{mergeAttributes attributes}}></{{parameters.replacement}}>
{{else}}
<sib-auth style="display: none !important" auto-login="">
<sib-auth-provider
data-authority="{{ parameters.authority }}"
data-id="{{ parameters.authorityName }}"
data-client-name="{{ @root.client.name }}"
>
</sib-auth-provider>
</sib-auth>
{{/if}}
{{/with}}
{{#with (getComponent "menu") as | menuLeft |}}
{{#unless menuLeft.parameters.disabled}}
{{#if (includes menuLeft.integration "replacement")}}
<solid-router id="navbar-router" default-route="{{ getDefaultRoute }}">
{{#each @root.components as | component |}}
{{#if component.route}}
<solid-route name="{{component.route}}" hidden=""{{mergeAttributes component.routeAttributes}}></solid-route>
{{/if}}
{{/each}}
</solid-router>
<{{menuLeft.parameters.replacement}}{{mergeAttributes menuLeft.attributes}}></{{menuLeft.parameters.replacement}}>
{{else}}
<nav id="main__menu" class="scrollbar-nav segment bg-color-heading text-top quarter text-disable-selection jsLeftMenu">
<solid-form-search
id='general-search'
class='segment block form menu-search'
fields='name'
search-name='circle.name, project.customer.name, project.name, contact.username, contact.name'
order-asc-names='name'
placeholder-name=''
data-trans='placeholder-name=menuLeft.search'
widget-name="solid-form-placeholder-text"
submit-button=""
submit-widget="button"
class-submit-button="icon children-icon-magnifier">
</solid-form-search>
<div class="divider"></div>
<solid-router id="navbar-router" default-route="{{ getDefaultRoute }}">
{{#each @root.components as | component |}}
{{#if component.route}}
{{#if (is component.type "about")}}
<solid-route name="{{component.route}}" hidden=""></solid-route>
{{/if}}
{{#if (is component.type "dashboard")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="icon icon-small {{#if component.parameters.icon}}{{component.parameters.icon}}{{else}}icon-home{{/if}}"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.dashboard{{/if}}"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "communities")}}
<solid-route class="menu segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small icon-grid"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.communities{{/if}}"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "circles")}}
<div class="jsMenuTab">
<div class="menu-header segment full padding-xsmall text-semibold text-color-white bg-color-heading transparent-background hover cursor-pointer jsMenuHeader">
<div class="segment margin-right-xxsmall jsMenuArrow">
<div class="segment icon icon-small icon-arrow-down"></div>
</div>
<div class="segment half text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.circles{{/if}}"></div>
{{#if (hasComponent "admin")}}
<div class="menu-options segment jsMenuOption">
<div class="menu-icon icon icon-small icon-options-vertical"></div>
</div>
<div class="menu-admin segment bg-color-white shadow text-color-secondary padding-xxsmall whitespace-normal hidden jsMenuAdmin">
<span class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall lg-hidden" data-trans="menuLeft.closeMenu" onclick="this.parentElement.classList.toggle('hidden', true)"></span>
<solid-link class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall" next="admin-{{component.route}}" data-trans="menuLeft.circlesBrowse"></solid-link>
<solid-link class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall" next="admin-{{component.route}}-create" data-trans="menuLeft.circleCreate"></solid-link>
</div>
{{/if}}
<solid-badge class="badge" data-type="Mention" data-rdf-type="hd:circle"></solid-badge>
</div>
<solid-route name="admin-{{component.route}}" hidden=""></solid-route>
<solid-route name="admin-{{component.route}}-create" hidden=""></solid-route>
<solid-route name="admin-{{component.route}}-leave" hidden=""></solid-route>
<solid-route name="{{component.route}}" rdf-type="hd:circle" use-id="" hidden=""></solid-route>
<solid-route name="{{component.route}}-left" hidden=""></solid-route>
<div class="sub-menu menu-notification padding-bottom-xxsmall jsMenuSub">
<solid-loader position="menu" id="loader-{{component.route}}"></solid-loader>
<solid-display class="ellipsis"
bind-user=""
nested-field="circles"
fields="@id, label"
loader-id="loader-{{component.route}}"
empty-widget='orbit-menu-empty'
empty-value=""
data-trans="empty-value=menuLeft.emptyCircleProject.circle"
widget-id="orbit-menu-fix-url-circle"
order-asc="label"
filtered-by="general-search"></solid-display>
</div>
</div>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "chat")}}
<div class="jsMenuTab">
<div class="menu-header segment full padding-xsmall text-semibold text-color-white bg-color-heading transparent-background hover cursor-pointer jsMenuHeader">
<div class="segment margin-right-xxsmall jsMenuArrow">
<div class="segment icon icon-small icon-arrow-down"></div>
</div>
<div class="segment half text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.messages{{/if}}"></div>
{{#if (hasComponent "admin")}}
<div class="menu-options segment jsMenuOption">
<solid-link class="segment block menu-icon icon icon-small icon-user-follow" next="{{getRoute 'directory' true}}"></solid-link>
</div>
{{/if}}
<solid-badge class="badge" data-type="Message"></solid-badge>
</div>
<solid-route name="admin-{{component.route}}" hidden></solid-route>
<solid-route name="admin-{{component.route}}-create" use-id="" hidden></solid-route>
<solid-route name="{{component.route}}" rdf-type="foaf:user" use-id="" hidden></solid-route>
<div class="sub-menu menu-notification padding-bottom-xxsmall jsMenuSub">
<solid-loader position="menu" id="loader-{{component.route}}"></solid-loader>
<solid-display
class="sub-menu__contacts segment full children-full whitespace-normal"
bind-user=""
nested-field="contacts"
fields="contact, @id"
loader-id="loader-{{component.route}}"
empty-widget="orbit-menu-empty"
widget-contact="orbit-menu-fix-url-contact"
widget-id="orbit-menu-contact-removed"
filtered-by="general-search"
order-asc="contact.name"></solid-display>
</div>
</div>
{{/if}}
{{#if (is component.type "rocketchat")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small ci-chat"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.rocketchat{{/if}}"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "projects")}}
<div class="jsMenuTab">
<div class="menu-header segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active cursor-pointer jsMenuHeader">
<div class="segment margin-right-xxsmall jsMenuArrow">
<div class="segment icon icon-small icon-arrow-down"></div>
</div>
<div class="segment half text-uppercase text-letter-spacing-large" data-trans="{{#if component.name}}{{component.name}}{{else}}menuLeft.projects{{/if}}"></div>
{{#if (hasComponent "admin")}}
<div class="menu-options segment jsMenuOption">
<div class="menu-icon icon icon-small icon-options-vertical"></div>
</div>
<div class="menu-admin segment bg-color-white shadow text-color-secondary padding-xxsmall whitespace-normal hidden jsMenuAdmin">
<span class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall lg-hidden" data-trans="menuLeft.closeMenu" onclick="this.parentElement.classList.toggle('hidden', true)"></span>
<solid-link class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall" next="admin-{{component.route}}" data-trans="menuLeft.projectsBrowse"></solid-link>
<solid-link class="segment full one-line-ellipsis padding-xxsmall sm-padding-xsmall" next="admin-{{component.route}}-create" data-trans="menuLeft.projectCreate"></solid-link>
</div>
{{/if}}
<solid-badge class="badge" data-type="Mention" data-rdf-type="hd:project"></solid-badge>
</div>
<solid-route name="admin-{{component.route}}" hidden></solid-route>
<solid-route name="admin-{{component.route}}-create" hidden></solid-route>
<solid-route name="{{component.route}}" rdf-type="hd:project" use-id="" hidden></solid-route>
<solid-route name="{{component.route}}-left" hidden></solid-route>
<div class="sub-menu menu-notification padding-bottom-xxsmall jsMenuSub">
<solid-loader position="menu" id="loader-{{component.route}}"></solid-loader>
<solid-display
class="ellipsis"
bind-user=""
nested-field="projects"
fields="project"
loader-id="loader-{{component.route}}"
empty-widget="orbit-menu-empty"
data-trans="empty-value=menuLeft.emptyCircleProject.project"
widget-project="orbit-menu-fix-url-project"
filtered-by="general-search"
order-asc="project.customer.name"></solid-display>
</div>
</div>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "directory")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="icon icon-small icon-people"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="menuLeft.profileDirectory"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "job-board")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small icon-briefcase"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="menuLeft.jobBoard"></div>
<solid-badge class="badge" data-type="JobOffer" data-rdf-type="hd:joboffer"></solid-badge>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "resources")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small icon-docs"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="menuLeft.resources"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "polls")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small icon-bubbles"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="menuLeft.gov"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "events")}}
<solid-route class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" name="{{component.route}}">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small icon-calendar"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="menuLeft.events"></div>
</solid-route>
<div class="divider"></div>
{{/if}}
{{#if (is component.type "link")}}
<a class="menu-tab segment full padding-xsmall text-semibold text-color-white heading-active bg-color-heading transparent-background hover active" href="{{component.parameters.target}}" target="_blank">
<div class="segment margin-right-xxsmall">
<div class="segment icon icon-small {{component.parameters.icon}}"></div>
</div>
<div class="segment text-uppercase text-letter-spacing-large" data-trans="{{component.parameters.name}}"></div></a>
<div class="divider"></div>
{{/if}}
{{#if (includes component.integration "menu")}}
<div class="jsMenuTab">
<solid-{{component.type}}-menu{{mergeAttributes component.attributes}}></solid-{{component.type}}-menu>
</div>
<div class="divider"></div>
{{/if}}
{{/if}}
{{/each}}
{{#if (hasComponent "registering")}}
<solid-route name='join-community' use-id="" hidden=""></solid-route>
<solid-route name='login' hidden=""></solid-route>
{{/if}}
</solid-router>
{{#if menuLeft.parameters.bottomImage}}
<div class="navbar-bottom-image-container">
{{#if menuLeft.parameters.bottomImage.url}}
<a href="{{menuLeft.parameters.bottomImage.url}}" target="_blank">
<img src="{{menuLeft.parameters.bottomImage.src}}" alt="" />
</a>
{{else}}
<img src="{{menuLeft.parameters.bottomImage.src}}" alt="" />
{{/if}}
</div>
{{/if}}
</nav>
{{/if}}
{{/unless}}
{{/with}}
{{#with (getComponent "menu-top") as | menuTop |}}
{{#unless menuTop.parameters.disabled}}
{{#if (includes menuTop.integration "replacement")}}
<{{menuTop.parameters.replacement}}{{mergeAttributes menuTop.attributes}}></{{menuTop.parameters.replacement}}>
{{else}}
<header id="header" class="segment full padding-left-xlarge padding-right-medium sm-padding-right-xsmall sm-padding-left-small shadow-small text-disable-selection bg-color-white">
<div>
<solid-link class="segment sm-hidden" next="{{getRoute (getDefaultRoute) true}}">
{{#if menuTop.parameters.displayLogo}}
<h1 class="margin-none"><img src="{{@root.client.logo}}" style="max-height: 36px;" /></h1>
{{else}}
<h1 class="text-color-heading text-medium text-semibold text-letter-spacing-large">{{@root.client.name}}</h1>
{{/if}}
</solid-link>
<button class="segment lg-hidden icon-menu" id="toggleMainMenu"></button>
{{#if menuTop.parameters.isBeta}}
<span class="tag reversed text-bold margin-left-xsmall" data-trans="header.beta"></span>
{{/if}}
<div>
{{#if (hasComponent "notification")}}
<solid-notifications class="segment margin-right-large" nested-field="inbox" bind-user=""></solid-notifications>
{{/if}}
{{#if @root.client.simpleMenu}}
{{#each @root.components as | component |}}
{{#if (includes component.integration "menu-top")}}
<solid-{{component.type}}-menu-top{{mergeAttributes component.attributes}}></solid-{{component.type}}-menu-top>
{{/if}}
{{/each}}
{{else}}
<details class="segment sm-hidden user-controls">
<summary class="text-right padding-right-xsmall padding-left-xsmall">
{{#if (hasComponent "autoLogin" "registering")}}
<solid-display
class="labelled-avatar"
fields="segment1({{#if menuTop.parameters.userCustomField}}{{menuTop.parameters.userCustomField}}{{else}}account.picture{{/if}}), segment2(button)"
class-segment1="segment"
class-segment2="segment margin-left-xxsmall"
class-account.picture="avatar xxsmall"
class-button="icon icon-small icon-arrow-down"
widget-account.picture="orbit-user-avatar"
{{#if menuTop.parameters.classUserCustomField}}class-{{menuTop.parameters.userCustomField}}="{{menuTop.parameters.classUserCustomField}}"{{/if}}
bind-user=""></solid-display>
{{else}}
Menu
{{/if}}
</summary>
<div class="panel">
<nav class="bg-color-white text-semibold text-color-heading">
<ul>
{{#each @root.components as | component |}}
{{#if (includes component.integration "menu-top")}}
<solid-{{component.type}}-menu-top{{mergeAttributes component.attributes}}></solid-{{component.type}}-menu-top>
{{/if}}
{{#if (is component.type "directory")}}
<li class="border-bottom border-color-grey">
<solid-link
class="segment padding-small text-hover"
next="{{component.route}}-member-profile"
bind-user=""
data-trans="header.myProfile"></solid-link>
</li>
{{/if}}
{{#if (is component.type "admin")}}
<li class="segment padding-small border-bottom border-color-grey">
<div data-trans="header.admin"></div>
<ul class="text-normal">
{{#if (hasComponentAll "communities" "chat")}}
<solid-link class="text-hover" next="admin-{{getRoute 'chat' true}}">
<li class="segment padding-top-small"><a class="icon icon-grid icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.community"></a></li>
</solid-link>
{{/if}}
{{#if (hasComponent "circles")}}
<solid-link class="text-hover" next="admin-{{getRoute 'circles' true}}">
<li class="segment padding-top-small"><a class="icon icon-globe icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.circles"></a></li>
</solid-link>
{{/if}}
{{#if (hasComponent "projects")}}
<solid-link class="text-hover" next="admin-{{getRoute 'projects' true}}">
<li class="segment padding-top-small"><a class="icon icon-folder-alt icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.projects"></a></li>
</solid-link>
{{/if}}
</ul>
</li>
{{/if}}
{{#if (is component.type "about")}}
<li class="border-bottom border-color-grey">
<solid-link class="segment padding-small text-hover" next="{{component.route}}" data-trans="header.about"></solid-link>
</li>
{{/if}}
{{/each}}
{{#if (hasComponent "autoLogin" "registering")}}
<li>
<button class="segment padding-small text-hover text-semibold text-color-heading" role="log out" onclick="document.querySelector('sib-auth').logout();" data-trans="header.logOut"></button>
</li>
{{/if}}
</ul>
</nav>
</div>
</details>
<details class="user-menu segment lg-hidden user-controls">
<summary>
{{#if (hasComponent "autoLogin" "registering")}}
<solid-display
class="labelled-avatar"
fields="segment1({{#if menuTop.parameters.userCustomField}}{{menuTop.parameters.userCustomField}}{{else}}account.picture{{/if}}), segment3(button)"
class-segment1="segment"
class-segment3="segment sm-arrow-down"
class-account.picture="avatar"
class-button="icon icon-arrow-down"
widget-account.picture="orbit-user-avatar"
{{#if menuTop.parameters.classUserCustomField}}class-{{menuTop.parameters.userCustomField}}="{{menuTop.parameters.classUserCustomField}}"{{/if}}
bind-user=""></solid-display>
<solid-display
class="user-firstname"
fields="{{#unless menuTop.parameters.userCustomField}}segment1(account.picture), {{/unless}}segment2(first_name), segment3(button)"
class-segment1="segment"
class-segment2="segment margin-left-small"
class-segment3="segment"
class-account.picture="avatar"
class-first_name="text-semibold text-color-heading"
class-button="icon icon-arrow-down"
widget-account.picture="orbit-user-avatar"
bind-user=""></solid-display>
{{else}}
Menu
{{/if}}
</summary>
<div class="panel">
<nav class="bg-color-white text-semibold text-color-heading">
<ul>
{{#each @root.components as | component |}}
{{#if (includes component.integration "menu-top")}}
<solid-{{component.type}}-menu-top{{mergeAttributes component.attributes}} mobile="true"></solid-{{component.type}}-menu-top>
{{/if}}
{{#if (is component.type "directory")}}
<li class="border-bottom border-color-grey">
<solid-link
class="segment padding-small sm-padding-medium sm-padding-left-xlarge text-hover"
next="{{component.route}}-member-profile"
bind-user=""
data-trans="header.myProfile"></solid-link>
</li>
{{/if}}
{{#if (is component.type "admin")}}
<li class="segment padding-small sm-padding-medium sm-padding-left-xlarge border-bottom border-color-grey">
<div data-trans="header.admin"></div>
<ul class="text-normal">
{{#if (hasComponentAll "communities" "chat")}}
<solid-link class="text-hover" next="admin-{{getRoute 'chat' true}}">
<li class="segment padding-top-small sm-padding-top-medium"><a class="icon icon-grid icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.community"></a></li>
</solid-link>
{{/if}}
{{#if (hasComponent "circles")}}
<solid-link class="text-hover" next="admin-{{getRoute 'circles' true}}">
<li class="segment padding-top-small sm-padding-top-medium"><a class="icon icon-globe icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.circles"></a></li>
</solid-link>
{{/if}}
{{#if (hasComponent "projects")}}
<solid-link class="text-hover" next="admin-{{getRoute 'projects' true}}">
<li class="segment padding-top-small sm-padding-top-medium"><a class="icon icon-folder-alt icon-third icon-small icon-margin-right-xsmall" data-trans="admin.menuRight.projects"></a></li>
</solid-link>
{{/if}}
</ul>
</li>
{{/if}}
{{#if (is component.type "about")}}
<li class="border-bottom border-color-grey">
<solid-link class="segment padding-small sm-padding-medium sm-padding-left-xlarge text-hover" next="{{component.route}}" data-trans="header.about"></solid-link>
</li>
{{/if}}
{{/each}}
{{#if (hasComponent "autoLogin" "registering")}}
<li>
<button class="segment padding-small sm-padding-medium sm-padding-left-xlarge text-hover text-bold text-color-heading" role="log out" onclick="document.querySelector('sib-auth').logout();" data-trans="header.logOut"></button>
</li>
{{/if}}
</ul>
</nav>
</div>
</details>
{{/if}}
{{#with (getComponent "registering")}}
{{#if parameters.allowAnonymous}}
<button id="loginButtonHeader" class="loggedIn segment padding-small text-hover" next="login" data-trans='header.logIn'></button>
{{/if}}
{{/with}}
</div>
</div>
</header>
{{/if}}
{{/unless}}
{{/with}}
{{#with (getComponent "registering")}}
{{#if (includes integration "replacement")}}
<{{parameters.replacement}}{{mergeAttributes attributes}}></{{parameters.replacement}}>
{{else}}
<sib-auth
style="display: none !important"
{{#if parameters.allowAnonymous }}allow-anonymous="true"{{/if}}
>
<sib-auth-provider
data-authority="{{ parameters.authority }}"
data-id="{{ parameters.authorityName }}"
data-client-name="{{ @root.client.name }}"
>
</sib-auth-provider>
</sib-auth>
<div
id="login"
data-view="login"
hidden
class="segment full bg-color-secondary text-center index-community loggedIn"
>
<div class="segment half sm-full bg-color-white text-center">
<div class="segment half sm-full">
<div class="community-logo">
<img
src="{{ @root.client.logo }}"
style="max-width: 100%; max-height: 100%"
/>
</div>
<p
class="text-xlarge text-semibold margin-top-xxlarge line-xlarge"
data-trans="communities.index.youKnow"
></p>
<button
class="segment full sm-three-quarter button text-xsmall text-bold text-uppercase color-secondary bordered padding-bottom xlarge padding-top xlarge community-button"
id="loginButton"
data-trans="communities.index.login"
></button>
<p
class="text-xlarge text-semibold margin-top-xxlarge line-xlarge"
data-trans="communities.index.newUser"
></p>
<solid-loader position="none" id="orbit-index-community-selector-loader"></solid-loader>
<solid-display
class="community-flex-container"
data-src="{{parameters.dataSrc}}"
fields="action"
action-action="action"
widget-action="orbit-index-select-community"
loader-id="orbit-index-community-selector-loader"
order-asc="name"
empty-widget="orbit-auto-login"
id="orbit-index-community-selector"
></solid-display>
</div>
</div>
</div>
<div
id="join-community"
class="segment full bg-color-secondary text-center index-community loggedIn"
data-view="join-community"
hidden
no-render
>
<div class="segment half sm-full bg-color-white text-center">
<div class="segment half sm-full">
<solid-display
bind-resources
fields="logo"
widget-logo="orbit-index-community-join-logo"
class-logo="community-logo"
default-logo="{{ @root.client.logo }}"
>
</solid-display>
<solid-form
class="segment full padding-top-xlarge padding-very-xxlarge sm-padding-xsmall sm-padding-top-medium whitespace-normal form"
bind-resources
nested-field="members"
fields="user.first_name, user.last_name, user.email, user.username, user.password"
label-user.first_name=""
label-user.last_name=""
label-user.email=""
label-user.password=""
data-trans="label-user.password=communities.index.password;label-user.email=communities.index.email;label-user.last_name=communities.index.last_name;label-user.first_name=communities.index.first_name;submit-button=communities.index.formCreateAccount"
widget-user.first_name="solid-form-text-label"
widget-user.last_name="solid-form-text-label"
widget-user.email="orbit-index-input-type-email"
widget-user.password="solid-form-password-label"
widget-user.username="solid-form-hidden"
class-user.first_name="segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left"
class-user.last_name="segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left"
class-user.email="segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left"
class-user.password="segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left"
required-user.first_name
required-user.last_name
required-user.email
required-user.password
minlength-user.first_name="1"
minlength-user.last_name="1"
value-user.username="generate-an-username"
submit-button=""
submit-widget="button"
id="user-creation-form"
next="{{ getRoute 'dashboard' true }}"
></solid-form>
</div>
</div>
</div>
{{/if}}
{{/with}}
<div
class="segment block padding-top-small padding-right-large padding-bottom-small padding-left-large sm-padding-top-xxsmall sm-padding-left-xsmall sm-padding-right-xsmall sm-padding-bottom-medium whitespace-normal">
<h2
class="text-xlarge text-color-heading text-uppercase"
data-trans="about.title"></h2>
<div
class="segment two-third sm-full margin-top-small sm-margin-top-xxsmall padding-right-xlarge sm-padding-none">
<div
class="segment whitespace-normal bg-color-white shadow padding-top-xlarge padding-right-xxlarge padding-bottom-xxlarge padding-left-xxlarge sm-padding-medium sm-padding-top-xxsmall sm-padding-bottom-xlarge text-center">
<h3
class="text-color-heading text-semibold text-uppercase line-xlarge"
data-trans="about.card1.subTitle"></h3>
<div>
<p
class="segment whitespace-normal text-large line-xlarge"
data-trans="about.card1.paragraph1"></p>
<p
class="segment whitespace-normal text-large line-xlarge"
data-trans="about.card1.paragraph2"></p>
<a
class="link text-xlarge"
href="https://startinblox.com/fr/"
target="_blank">https://startinblox.com/fr/</a>
</div>
</div>
</div>
<div class="segment third sm-full margin-top-small text-top">
<div
class="segment sm-full whitespace-normal bg-color-white shadow padding-top-xlarge padding-right-xxlarge padding-bottom-xxlarge padding-left-xxlarge sm-padding-medium sm-padding-bottom-xlarge text-center">
<div class="segment margin-top-small">
<div
class="segment center icon icon-xlarge rounded-third rounded rounded-large icon-envelope icon-secondary"></div>
</div>
<h3
class="text-color-heading text-semibold text-uppercase text-medium"
data-trans="about.card2.subTitle"></h3>
<p class="line-xlarge" data-trans="about.card2.paragraph1"></p>
<a
class="button text-bold text-uppercase color-secondary bordered main-cta"
href="https://startinblox.com/fr/#home-contact"
target="_blank"
data-trans="about.card2.link"></a>
</div>
</div>
</div>
<div class="with-sidebar jsMobileContentSidebarControl whitespace-normal bg-color-white only-on-admin" hidden="">
<div class="scrollbar-content views-container sidebar-is-closed">
{{#each @root.components as | component |}}
{{#if component.route}}
{{#if (is component.type "circles")}}
<div id="admin-{{component.route}}" hidden="" data-view="admin-{{component.route}}" no-render="">
{{> (get_legacy_view "admin/circles-join") }}
</div>
<div class="text-disable-selection" id="admin-{{component.route}}-leave" hidden="" data-view="admin-{{component.route}}-leave" no-render="">
{{> (get_legacy_view "admin/circles-leave") }}
</div>
<div class="text-disable-selection" id="admin-{{component.route}}-create" hidden="" data-view="admin-{{component.route}}-create" no-render="">
{{> (get_legacy_view "admin/circles-create") }}
</div>
{{/if}}
{{#if (is component.type "projects")}}
<div id="admin-{{component.route}}" hidden="" data-view="admin-{{component.route}}" no-render="">
{{> (get_legacy_view "admin/projects") }}
</div>
<div id="admin-{{component.route}}-create" hidden="" data-view="admin-{{component.route}}-create" no-render="">
{{> (get_legacy_view "admin/projects-create") }}
</div>
{{/if}}
{{#if (is component.type "chat")}}
<div id="admin-{{component.route}}" hidden="" data-view="admin-{{component.route}}" no-render="">
{{> (get_legacy_view "admin/chat") }}
</div>
<div id="admin-{{component.route}}-create" hidden="" data-view="admin-{{component.route}}-create" no-render="">
{{> (get_legacy_view "admin/chat-create") }}
</div>
{{/if}}
{{/if}}
{{/each}}
</div>
<nav class="jsRightMenu segment sm-hidden text-disable-selection sidebar whitespace-normal" role="navigation">
<div class="segment whitespace-normal text-color-heading text-bold">
<ul>
<li class="segment full sm-hidden padding-small text-normal border-bottom border-color-grey jsOffsiteToggle"><span class="icon icon-arrow-left icon-xsmall margin-left-xxsmall text-left"></span><span class="segment full text-right" hidden><span class="icon icon-arrow-right icon-xsmall margin-right-xxsmall"></span><a data-trans="admin.menuRight.fold"></a></span></li>
{{#each @root.components as | component |}}
{{#if component.route}}
{{#if (is component.type "circles")}}
<solid-link class="segment full" next="admin-{{component.route}}">
<li class="segment full padding-medium border-bottom border-color-grey">
<span class="icon icon-globe icon-large margin-right-medium"></span>
<a data-trans='admin.menuRight.circles' class="text-baseline"></a>
</li>
</solid-link>
{{/if}}
{{#if (is component.type "projects")}}
<solid-link class="segment full" next="admin-{{component.route}}">
<li class="segment full padding-medium border-bottom border-color-grey">
<span class="icon icon-folder-alt icon-large margin-right-medium"></span>
<a data-trans='admin.menuRight.projects' class="text-baseline"></a>
</li>
</solid-link>
{{/if}}
{{#if (is component.type "chat")}}
<solid-link class="segment full" next="admin-{{component.route}}">
<li class="segment full padding-medium border-bottom border-color-grey">
<span class="icon icon-grid icon-large margin-right-medium"></span>
<a data-trans='admin.menuRight.community' class="text-baseline"></a>
</li>
</solid-link>
{{/if}}
{{/if}}
{{/each}}
</ul>
</div>
</nav>
</div>
<div
class="segment full padding-large sm-padding-top-small sm-padding-right-xsmall sm-padding-bottom-small sm-padding-left-xsmall padding-large border-bottom border-color-grey"
>
<div class="segment half sm-three-quarter">
<h2
class="margin-none text-color-heading text-uppercase text-xlarge text-letter-spacing-large"
data-trans="communities.title"
></h2>
</div>
<div class="segment half sm-hidden text-right">
<solid-link
class="backlink"
next="admin-{{getRoute 'chat' true}}"
data-trans="circle.create.backlink"
></solid-link>
</div>
<div class="segment lg-hidden sm-quarter text-right">
<div
class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"
></div>
</div>
</div>
<div
class="segment full padding-large sm-padding-xsmall sm-padding-top-medium whitespace-normal"
>
<solid-loader position="none" id="loader-users-title"></solid-loader>
<div class="segment margin-bottom-medium">
<div class="segment">
<solid-display
class="text-color-heading text-semibold text-xlarge text-letter-spacing-large"
bind-resources
fields="text, name"
value-text=""
data-trans="value-text=user.create.title"
loader-id="loader-users-title"
></solid-display>
</div>
</div>
<solid-loader position="top" id="loader-users-create"></solid-loader>
<communities-add-member-admin
bind-resources
loader-id="loader-users-create"
next="admin-{{getRoute 'chat' true}}"
></communities-add-member-admin>
</div>
<div class="segment full padding-large sm-padding-top-small sm-padding-right-xsmall sm-padding-bottom-small sm-padding-left-xsmall border-bottom border-color-grey whitespace-normal">
<div class="segment full sm-three-quarter">
<h2 class="margin-none text-color-heading text-uppercase text-xlarge text-letter-spacing-large" data-trans="communities.title"></h2>
</div>
<div class="segment lg-hidden sm-quarter text-right">
<div class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"></div>
</div>
</div>
<div class="segment full padding-large sm-padding-xsmall sm-padding-top-medium whitespace-normal">
<div class="segment full margin-bottom-xlarge">
<h3 class="text-color-heading text-semibold text-letter-spacing-large" data-trans="communities.subTitle"></h3>
</div>
<solid-form-search class="form search-form"
id="admin-community-filter"
fields="cell1{{#if component.parameters.adminExtraSearchFields}}, {{component.parameters.adminExtraSearchFields}}{{/if}}"
label-cell1=''
widget-cell1='solid-form-label-text'
class-cell1="segment margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-button=""
submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans='label-cell1=communities.searchBy;submit-button=goButton'
{{mergeAttributes component.parameters.adminExtraSearch}}></solid-form-search>
<div class="segment table-wrapper">
<div class="table">
<div class="table-header bg-color-third text-color-heading">
<div class="segment table-cell table-cell half" data-trans='communities.tableHeader1'></div>
<div class="segment table-cell table-cell half" data-trans='communities.tableHeader2'></div>
</div>
<solid-display
class='table-body'
filtered-by='admin-community-filter'
bind-user=""
nested-field='communities'
fields="cell1(name, counter), cell2(@id){{#if component.parameters.adminExtraListFields}}, {{component.parameters.adminExtraListFields}}{{/if}}"
loader-id='loader-admin-community'
class-cell1='segment table-cell half'
class-cell2='segment table-cell half text-center'
class-cell3='hidden'
class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large ellipsis'
widget-id='orbit-action-community'
action-counter="counter"
widget-counter="orbit-admin-community-counter"
order-asc='name'
{{mergeAttributes component.parameters.adminExtraList}}></solid-display>
</div>
</div>
<div id="loader-admin-community" class="loader loader-top">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
{{#with (getComponent 'circles') as | circles |}}
<div class="segment full padding-large sm-padding-top-small sm-padding-right-xsmall sm-padding-bottom-small sm-padding-left-xsmall border-bottom border-color-grey">
<div class="segment half sm-three-quarter">
<h2 class="margin-none text-color-heading text-uppercase text-xlarge text-letter-spacing-large" data-trans='circle.create.title'></h2>
</div>
<div class="segment half sm-hidden text-right">
<solid-link class="backlink" next="admin-{{circles.route}}" data-trans='circle.create.backlink'></solid-link>
</div>
<div class="segment lg-hidden sm-quarter text-right">
<div class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"></div>
</div>
</div>
<div class="segment full padding-large sm-padding-xsmall sm-padding-top-medium whitespace-normal">
<solid-loader position="top" id="loader-admin-{{circles.uniq}}"></solid-loader>
{{#if circles.parameters.twoStepCreation}}
<div class="step-progress">
<div class="first">1 <div data-trans='circle.create.step1.title'></div></div>
<div class="line"></div>
<div class="two">2 <div data-trans='circle.create.step2.title'></div></div>
</div>
{{/if}}
<solid-form
class="form"
data-src="{{circles.parameters.post}}"
fields='name, public, community, description, help'
required-public
required-community
required-name
loader-id="loader-admin-{{circles.uniq}}"
class-public="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal{{#if circles.parameters.onlyPrivate}} hidden{{/if}}"
class-community="segment margin-bottom-medium half sm-full sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal {{#if circles.parameters.onlyPrivate}}padding-right-small{{else}}padding-left-small{{/if}}"
class-name='segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading'
class-help='segment full text-small margin-bottom-medium padding-left-small'
label-public=''
label-community=''
label-name=''
label-description=''
label-help=''
range-community='store://user.communities'
order-asc-community="name"
option-label-community="name"
option-value-community="@id"
enum-public=''
widget-public='solid-form-dropdown-autocompletion-label'
value-public="{{#if circles.parameters.onlyPrivate}}false{{else}}true{{/if}}"
widget-community='solid-form-dropdown-autocompletion-label'
widget-linebreak='solid-form-hidden'
widget-description='solid-form-richtext-label'
widget-help='solid-form-hidden-label'
next="{{circles.route}}{{#if circles.parameters.twoStepCreation}}-create-step-2{{/if}}"
submit-button=''
submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
data-trans="enum-public=orbitStatus;label-public=circle.create.labelStatus;label-community=circle.create.labelCommunity;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit;label-help=circle.create.descriptionHelp">
</solid-form>
</div>
{{/with}}
{{#with (getComponent 'circles') as | circles |}}
<solid-widget name="orbit-admin-circle-join-button">
<template>
<solid-membership
class="join-button sm-full text-xsmall"
class-submit-button="add-member-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-src="${value}"
data-join-label="Rejoindre"
data-leave-label="Quitter"
data-trans="data-join-label=circle.list.buttonQuit;data-join-label=circle.list.buttonJoin"
></solid-membership>
<orbit-reactivity
data-src="{{circles.parameters.dataSrc}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.dataSrcJoinable}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.post}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
bind-user
nested-field="circles"
target-src="${value}"
></orbit-reactivity>
</template>
</solid-widget>
{{> (get_legacy_view "admin/circles") page="join"}}
<div
class="segment full padding-small padding-top-xsmall sm-padding-xsmall whitespace-normal"
>
<solid-display
class="segment full children children-quarter sm-children-full children-margin-bottom-medium sm-children-margin-bottom-xsmall children-padding-right-xsmall children-padding-left-xsmall sm-children-padding-none sm-whitespace-normal masonry pagination"
data-src="{{circles.parameters.dataSrcJoinable}}"
fields="segment1(segment2(community.logo), segment3(name, subtitle, counter, members))"
filtered-by="admin-circle-filter-join"
order-by="name"
paginate-by="20"
loader-id="loader-admin-circles-join"
class-segment1="segment hover bg-color-white shadow border-rounded-xxsmall full text-top whitespace-normal"
class-segment2="segment block padding-xlarge text-center"
class-segment3="segment full padding-xlarge padding-top-medium sm-padding-medium border-top border-color-grey text-center whitespace-normal"
class-name="segment block text-xlarge text-bold text-color-heading margin-bottom-xsmall whitespace-normal"
class-subtitle="segment two-lines-ellipsis margin-bottom-xlarge sm-margin-bottom-medium whitespace-normal circle-subtitle-custom"
class-counter="segment block margin-bottom-large whitespace-normal"
widget-community.logo="orbit-admin-community-logo"
widget-name="orbit-admin-circle-name-title"
action-counter="counter"
widget-counter="orbit-admin-circle-counter-alternate-fix"
widget-members="orbit-admin-circle-join-button"
></solid-display>
</div>
{{/with}}
{{#with (getComponent 'circles') as | circles |}}
<solid-widget name="leave-circle-reactivity">
<template>
<orbit-reactivity
data-src="{{circles.parameters.dataSrc}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.dataSrcJoinable}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.post}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
bind-user
nested-field="circles"
target-src="${value}"
></orbit-reactivity>
</template>
</solid-widget>
<solid-widget name="orbit-admin-circle-leave-button">
<template>
<solid-membership
data-join-label="Rejoindre"
data-leave-label="Quitter"
class-submit-button="segment sm-full text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
data-src="${value}"
data-trans="data-join-label=circle.list.buttonQuit;data-join-label=circle.list.buttonJoin"
></solid-membership>
<orbit-reactivity
data-src="{{circles.parameters.dataSrc}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.dataSrcJoinable}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
data-src="{{circles.parameters.post}}"
target-src="${value}"
></orbit-reactivity>
<orbit-reactivity
bind-user
nested-field="circles"
target-src="${value}"
></orbit-reactivity>
<solid-display
data-src="${value}"
fields="circle"
widget-circle="leave-circle-reactivity"
hidden
></solid-display>
</template>
</solid-widget>
{{> (get_legacy_view "admin/circles") page="leave"}}
<div
class="segment full padding-small padding-top-xsmall sm-padding-xsmall whitespace-normal"
>
<solid-display
class="segment full children children-quarter sm-children-full children-margin-bottom-medium sm-children-margin-bottom-xsmall children-padding-right-xsmall children-padding-left-xsmall sm-children-padding-none sm-whitespace-normal masonry pagination"
bind-user
nested-field="circles"
fields="segment1(segment2(community.logo), segment3(name, subtitle, counter, members))"
filtered-by="admin-circle-filter-leave"
order-by="name"
paginate-by="20"
loader-id="loader-admin-circles-leave"
class-segment1="segment hover bg-color-white shadow border-rounded-xxsmall full text-top whitespace-normal"
class-segment2="segment block padding-xlarge text-center"
class-segment3="segment full padding-xlarge padding-top-medium sm-padding-medium border-top border-color-grey text-center whitespace-normal"
class-name="segment block text-xlarge text-bold text-color-heading margin-bottom-xsmall whitespace-normal"
class-subtitle="segment two-lines-ellipsis margin-bottom-xlarge sm-margin-bottom-medium whitespace-normal circle-subtitle-custom"
class-counter="segment block margin-bottom-large whitespace-normal"
widget-community.logo="orbit-admin-community-logo"
action-name="{{circles.route}}-information"
widget-name="orbit-admin-circle-name"
action-counter="counter"
widget-counter="orbit-admin-circle-counter-alternate-fix"
widget-members="orbit-admin-circle-leave-button"
{{#if circles.parameters.nextListItem}}next="{{circles.route}}-information"{{/if}}
></solid-display>
</div>
{{/with}}
{{#with (getComponent 'circles') as | circles |}}
<div
class="segment full padding-large sm-padding-top-small sm-padding-right-xsmall sm-padding-bottom-small sm-padding-left-xsmall border-bottom border-color-grey whitespace-normal"
>
<div class="segment full sm-three-quarter">
<h2
class="margin-none text-color-heading text-uppercase text-xlarge text-letter-spacing-large"
data-trans="circle.list.title"
></h2>
</div>
<div class="segment lg-hidden sm-quarter text-right">
<div
class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"
></div>
</div>
</div>
<div
class="segment full padding-large padding-top-medium padding-bottom-xsmall sm-padding-xsmall sm-padding-top-xxsmall whitespace-normal"
>
<solid-loader position="top" id="loader-admin-circles-{{../page}}"></solid-loader>
<div
class="segment full margin-bottom-medium sm-padding-none whitespace-normal"
>
<div class="segment half sm-full">
<h3
class="text-color-heading text-semibold text-letter-spacing-large"
data-trans="circle.list.membersSubTitle"
></h3>
</div>
<div class="segment half sm-full text-right">
<solid-ac-checker
data-src="{{circles.parameters.post}}"
permission="acl:Append"
>
<solid-link
class="segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-margin-right-xsmall icon-plus"
next="admin-{{circles.route}}-create"
data-trans="circle.list.buttonCreate"
></solid-link>
</solid-ac-checker>
</div>
</div>
<solid-form-search
class="form search-form"
id="admin-circle-filter-{{../page}}"
fields="searchname"
search-searchname="name, circle.name"
label-searchname=""
widget-searchname="solid-form-label-text"
class-searchname="segment margin-bottom-medium margin-bottom-medium third sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
submit-button=""
submit-widget="button"
class-submit-button="search-button segment sm-full text-xsmall children-button-icon children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered children-icon-arrow-right-circle children-icon-small children-icon-margin-right-xsmall"
data-trans="label-searchname=circle.list.searchBy;submit-button=circle.list.searchButton"
></solid-form-search>
<ul
class="segment full margin-top-xsmall sm-margin-top-none sm-padding-none whitespace-normal tabs text-disable-selection"
>
<li
class="segment sm-full text-xlarge text-color-heading text-letter-spacing-large margin-right-medium sm-margin-right-none sm-margin-bottom-xsmall"
>
<solid-link
class="segment sm-full sm-padding-xsmall tab{{#if (is ../page 'join')}} active{{/if}}"
next="admin-{{circles.route}}"
><span
class="segment lg-hidden icon icon-globe icon-margin-right-xsmall"
></span
><span data-trans="circle.list.tabJoin"></span>
<solid-display
class="margin-left-xxsmall"
loader-id="loader-admin-circles-{{../page}}"
data-src="{{circles.parameters.dataSrcJoinable}}"
fields=""
counter-template="(${counter})"
filtered-by="admin-circle-filter-{{../page}}"
></solid-display>
</solid-link>
</li>
<li
class="segment sm-full text-xlarge text-color-heading text-letter-spacing-large margin-left-medium sm-margin-left-none"
>
<solid-link
class="segment sm-full sm-padding-xsmall tab{{#if (is ../page 'leave')}} active{{/if}}"
next="admin-{{circles.route}}-leave"
><span
class="segment lg-hidden icon icon-check icon-margin-right-xsmall"
></span
><span data-trans="circle.list.tabLeave"></span>
<solid-display
class="margin-left-xxsmall"
bind-user
nested-field="circles"
fields=""
counter-template="(${counter})"
filtered-by="admin-circle-filter-{{../page}}"
></solid-display>
</solid-link>
</li>
</ul>
</div>
{{/with}}
{{#with (getComponent 'projects') as | projects |}}
<div
class="segment full padding-large sm-padding-top-small sm-padding-right-xsmall sm-padding-bottom-small sm-padding-left-xsmall border-bottom border-color-grey"
>
<div class="segment half sm-three-quarter">
<h2
class="margin-none text-color-heading text-uppercase text-xlarge text-letter-spacing-large"
data-trans="project.create.title"
></h2>
</div>
<div class="segment half sm-hidden text-right">
<solid-link
class="backlink"
next="admin-{{projects.route}}"
data-trans="project.create.backlink"
></solid-link>
</div>
<div class="segment lg-hidden sm-quarter text-right">
<div
class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"
></div>
</div>
</div>
<div
class="segment full padding-large sm-padding-xsmall sm-padding-top-medium whitespace-normal"
>
<solid-loader position="top" id="loader-admin-projects-create"></solid-loader>
<solid-form
class="form"
data-src="{{projects.parameters.post}}"
range-captain="{{projects.parameters.captains}}"
required-status=""
required-customer.name=""
required-name=""
required-captain=""
loader-id="loader-admin-projects-create"
label-status=""
label-projectset=""
label-customerset=""
label-businessproviderset=""
label-name=""
label-description=""
label-help=""
label-captain=""
label-customer.name=""
label-customer.address=""
label-customer.postcode=""
label-customer.city=""
label-customer.country=""
label-businessprovider=""
class-projectset="segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge"
class-customerset="segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge"
class-businessproviderset="segment full padding-bottom-small margin-bottom-medium border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large text-xlarge"
class-customer.name="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-customer.address="segment margin-bottom-medium full sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-customer.postcode="segment margin-bottom-medium third sm-full padding-right-xsmall sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-customer.city="segment margin-bottom-medium third sm-full padding-left-xxsmall padding-righ-xxsmall sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-customer.country="segment margin-bottom-medium third sm-full padding-left-xsmall sm-padding-none text-small text-semibold text-uppercase text-color-heading"
class-description="segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading"
class-help="segment full text-small margin-bottom-medium padding-left-small"
class-linebreak="segment full sm-hidden"
class-businessprovider="segment full margin-bottom-medium"
multiple-businessprovider=""
widget-businessprovider="orbit-project-businessprovider"
multiple-businessprovider-add-label=""
multiple-businessprovider-remove-label=""
widget-status="solid-form-hidden"
value-status="Private"
widget-projectset="solid-form-hidden-label"
widget-customerset="solid-form-hidden-label"
widget-businessproviderset="solid-form-hidden-label"
widget-description="solid-form-richtext-label"
widget-captain="solid-form-dropdown-autocompletion-label"
widget-help="solid-form-hidden-label"
widget-linebreak="solid-form-hidden"
widget-customer.address="solid-form-textarea-label"
submit-button=""
submit-widget="button"
class-submit-button="submit-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-reversed color-secondary bordered children-button-icon children-icon-rocket children-icon-small children-icon-margin-right-xsmall"
next="{{projects.route}}"
data-trans="label-status=project.create. labelStatus;label-projectset=project.create.labelProjectset;label-customerset=project.create.labelCustomerset;label-businessproviderset=project.create.labelBusinessproviderset;label-customer.name=project.create.labelCustomer;label-customer.address=project.create.labelCustomerAddress;label-customer.postcode=project.create.labelCustomerPostcode;label-customer.city=project.create.labelCustomerCity;label-customer.country=project.create.labelCustomerCountry;label-businessprovider=project.create.labelBusinessprovider;multiple-businessprovider-add-label=project.create.labelBusinessproviderAdd;multiple-businessprovider-remove-label=project.create.labelBusinessproviderRemove;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;label-help=project.create.descriptionHelp;submit-button=project.create.buttonSubmit"
fields="{{#if (hasComponent 'invoices')}}status, projectset, name, captain, description, help, linebreak, customerset, customer.name, customer.address, customer.postcode, customer.city, customer.country, businessproviderset, businessprovider{{else}}status, customer.name, name, description, help, captain, linebreak{{/if}}"
class-captain="{{#if (hasComponent 'invoices')}}segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal{{else}}segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal{{/if}}"
class-name="{{#if (hasComponent 'invoices')}}segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading{{else}}segment margin-bottom-medium half sm-full sm-padding-none text-small text-semibold text-uppercase text-color-heading{{/if}}"
></solid-form>
</div>
{{/with}}