src/partials/legacy/circles/circle-left.html

+<div class="text-center">
+  <div class="segment margin-top-small">
+    <div class="segment shadow padding-xlarge text-xlarge text-left whitespace-normal">
+      <p data-trans="circle.left.paragraphQuit"></p>
+      <p><span data-trans="circle.left.paragraphJoin"></span><span>&nbsp;</span>
+        <solid-link class="link" next="admin-{{getRoute 'circles' true}}" data-trans="circle.left.admin"></solid-link><span>&nbsp;</span><span data-trans="circle.left.paragraphContact"></span>
+      </p>
+    </div>
+  </div>
+</div>

src/partials/legacy/circles/circle.html

+<div class="scrollbar-content views-container sidebar-is-closed bg-color-white">
+  <solid-ac-checker permission='acl:Read' bind-resources=""></solid-ac-checker>
+    <div id="{{component.route}}-chat" hidden="" data-view="{{component.route}}-chat" no-render="">
+      {{> (get_legacy_view 'circles/chat' )}}
+    </div>
+    <div id="{{component.route}}-information" hidden="" data-view="{{component.route}}-information" no-render="">
+      {{> (get_legacy_view 'circles/informations' )}}
+    </div>
+    {{#each component.extensions as | extension | }}
+    <div id="{{extension.route}}-{{extension.type}}" hidden="" data-view="{{extension.route}}-{{extension.type}}" no-render="">
+      {{> (get_legacy_view 'circles/extensions/' extension.type) extension=extension}}
+    </div>
+    {{/each}}
+</div>
+<nav class="jsRightMenu segment sm-hidden text-disable-selection sidebar whitespace-normal" role='navigation'>
+  <solid-router class="segment whitespace-normal text-color-heading text-bold" default-route="{{component.route}}-chat">
+    <ul>
+      <li class="segment full sm-hidden padding-small text-normal 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='circle.menuRight.fold'></a>
+        </span>
+      </li>
+      <solid-route class="segment full" name="{{component.route}}-chat" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon ci-chat icon-xlarge margin-right-medium"></span>
+          <a data-trans="circle.menuRight.chat"></a>
+        </li>
+      </solid-route>
+      <solid-route class="segment full" name="{{component.route}}-information" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon ci-information icon-xlarge margin-right-medium"></span>
+          <a data-trans="circle.menuRight.information"></a>
+        </li>
+      </solid-route>
+      {{#each component.extensions as | extension | }}
+      <solid-route class="segment full" name="{{extension.route}}-{{extension.type}}" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon {{#if (is extension.type 'resources')}}ci-file{{else}}{{#if (is extension.type 'events')}}ci-appointment{{else}}{{#if (is extension.type 'polls')}}ci-list{{else}}{{extension.icon}}{{/if}}{{/if}}{{/if}} icon-xlarge margin-right-medium"></span>
+          <a data-trans="circle.menuRight.{{extension.type}}"></a>
+        </li>
+      </solid-route>
+      {{/each}}
+    </ul>
+  </solid-router>
+</nav>
\ No newline at end of file

src/partials/legacy/circles/creation-step-2.html

+<div class="segment full padding-large whitespace-normal">
+  <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>
+  <solid-loader position="top" id="loader-{{component.route}}-create-step-2"></solid-loader>
+  <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>
+  <solid-widget name="display-{{component.route}}-members-step-2-delete">
+    <template>
+      <solid-member-delete
+        data-src="${targetSrc}"
+        data-target-src="${value}"
+        data-label="${label}"
+        class-submit-button="segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
+      ></solid-member-delete>
+    </template>
+  </solid-widget>
+  <solid-widget name="display-{{component.route}}-members-step-2">
+    <template>
+      <div class="table">
+        <solid-display
+        fields="cell(segment1(account.picture), segment2(line1(name), line2(@id as atom{{#if component.parameters.displayUsernameWidget}}{{else}}, communities{{/if}}))), @id"
+        class='table-body'
+        data-src='${value}'
+        array-field='user_set'
+        loader-id="loader-{{component.route}}-create-step-2"
+        class-cell='segment table-cell half labelled-avatar two-lines text-left'
+        class-id='segment table-cell half text-center'
+        class-segment1='segment'
+        class-account.picture='avatar'
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub margin-right-medium'
+        class-line2='segment block'
+        {{#if component.parameters.displayUsernameWidget}}
+        widget-atom="{{component.parameters.displayUsernameWidget}}"
+        {{/if}}
+        class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
+        class-communities='full'
+        multiple-communities
+        multiple-communities-fields="name"
+        widget-account.picture='orbit-user-avatar'
+        widget-id="display-{{component.route}}-members-step-2-delete"
+        target-src-id="store://resource.@id"
+        label-id="Retirer"></solid-display>
+      </div>
+    </template>
+  </solid-widget>
+  <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='circle.edit.adminsSubTitle'></h3>
+  <solid-ac-checker permission='acl:Write' bind-resources="" nested-field='admins'>
+    <solid-member-add class="segment block whitespace-normal margin-bottom-xlarge form"
+      bind-resources
+      nested-field='admins'
+      range-users="{{component.parameters.users}}"
+      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-color-secondary bordered"
+      data-trans='add-member-label=circle.create.step2.buttonAddAdmin'
+      add-member-label='circle.create.step2.buttonAddAdmin'
+    ></solid-member-add>
+  </solid-ac-checker>
+  <div class="segment table-wrapper">
+    <div class="table margin-bottom-none">
+      <div class="table-header bg-color-third text-color-heading">
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader1'></div>
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader2'></div>
+      </div>
+      <div class="segment table-cell half"></div>
+    </div>
+    <div class="segment table-cell half"></div>
+    <solid-display
+    bind-resources=""
+    nested-field='admins'
+    fields='@id'
+    widget-id="display-{{component.route}}-members-step-2"></solid-display>
+    <div class="segment table-cell half"></div>
+  </div>
+  <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='circle.edit.membersSubTitle'></h3>
+  <solid-ac-checker permission='acl:Write' bind-resources="" nested-field='members'>
+    <solid-member-add class="segment block whitespace-normal margin-bottom-xlarge form"
+      bind-resources=""
+      nested-field='members'
+      range-users="{{component.parameters.users}}"
+      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-color-secondary bordered"
+      data-trans='add-member-label=circle.create.step2.buttonAddMember'
+      add-member-label='circle.create.step2.buttonAddMember'
+    ></solid-member-add>
+  </solid-ac-checker>
+  <div class="segment table-wrapper">
+    <div class="table margin-bottom-none">
+      <div class="table-header bg-color-third text-color-heading">
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader1'></div>
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader2'></div>
+      </div>
+      <div class="segment table-cell half"></div>
+    </div>
+    <div class="segment table-cell half"></div>
+    <solid-display
+    bind-resources=""
+    nested-field='admins'
+    fields='@id'
+    widget-id="display-{{component.route}}-members-step-2"></solid-display>
+    <div class="segment table-cell half"></div>
+  </div>
+  <div class="text-right">
+    <div class="add-member-button segment sm-full margin-top-xsmall text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered">
+      <solid-link
+        bind-resources="" 
+        next="circles-profile"
+        class=""
+        data-trans='circle.edit.buttonSubmit'
+      ></solid-link>
+    </div>
+  </div>
+</div>

src/partials/legacy/circles/edit.html

+<solid-ac-checker permission='acl:Read' bind-resources="">
+  <div class="segment full padding-large border-bottom border-color-grey">
+    <div class="segment half sm-three-quarter whitespace-normal">
+      <solid-display class="text-xlarge text-letter-spacing-large"
+        bind-resources=""
+        fields='name'
+        class-name='text-color-heading text-bold'
+      ></solid-display>
+    </div>
+    <div class="segment half sm-hidden text-right">
+      <solid-link class="backlink" bind-resources="" next="{{component.route}}-profile" data-trans='circle.edit.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>
+</solid-ac-checker>
+<div class="segment full padding-large whitespace-normal">
+  <solid-ac-checker permission='acl:Write' bind-resources="">
+    <solid-loader position="top" id="loader-{{component.route}}-edit"></solid-loader>
+    <solid-form
+      class="form"
+      bind-resources=""
+      fields='name, public, community, description, owner'
+      required-public=""
+      required-name=""
+      required-owner=""
+      required-community=""
+      range-owner="{{component.parameters.owners}}"
+      label-name=''
+      label-owner=''
+      label-description=''
+      label-public=''
+      label-community=''
+      label-help=''
+      class-name='segment margin-bottom-medium full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
+      class-description='segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading'
+      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 component.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 component.parameters.onlyPrivate}}padding-right-small{{else}}padding-left-small{{/if}}"
+      class-owner='hidden'
+      class-help='segment full text-small margin-bottom-medium padding-left-small'
+      enum-public=''
+      widget-public='solid-form-dropdown-autocompletion-label'
+      widget-description='solid-form-richtext-label'
+      widget-help='solid-form-hidden-label'
+      widget-community='solid-form-dropdown-autocompletion-label'
+      widget-owner='solid-form-dropdown-autocompletion-label'
+      range-community='store://user.communities'
+      order-asc-community="name"
+      option-label-community="name"
+      option-value-community="@id"
+      partial=''
+      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="{{component.route}}-information"
+      data-trans="enum-public=orbitStatus;label-public=circle.edit.labelStatus;label-community=circle.edit.labelCommunity;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit;label-help=circle.edit.descriptionHelp"
+      loader-id="loader-{{component.route}}-edit"
+      ></solid-form>
+  </solid-ac-checker>
+  <solid-widget name="display-{{component.route}}-members-edit-delete">
+    <template>
+      <solid-member-delete
+        data-src="${targetSrc}"
+        data-target-src="${value}"
+        data-label="${label}"
+        class-submit-button="segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
+      ></solid-member-delete>
+    </template>
+  </solid-widget>
+  <solid-widget name="display-{{component.route}}-members-edit">
+    <template>
+      <div class="table">
+        <solid-display
+        fields="cell(segment1(account.picture), segment2(line1(name), line2(@id as atom{{#if component.parameters.displayUsernameWidget}}{{else}}, communities{{/if}}))), @id"
+        class='table-body'
+        data-src='${value}'
+        array-field='user_set'
+        loader-id="loader-{{component.route}}-create-edit"
+        class-cell='segment table-cell half labelled-avatar two-lines text-left'
+        class-id='segment table-cell half text-center'
+        class-segment1='segment'
+        class-account.picture='avatar'
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub margin-right-medium'
+        class-line2='segment block'
+        {{#if component.parameters.displayUsernameWidget}}
+        widget-atom="{{component.parameters.displayUsernameWidget}}"
+        {{/if}}
+        class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
+        class-communities='full'
+        multiple-communities
+        multiple-communities-fields="name"
+        widget-account.picture='orbit-user-avatar'
+        widget-id="display-{{component.route}}-members-edit-delete"
+        target-src-id="store://resource.@id"
+        label-id="Retirer"></solid-display>
+      </div>
+    </template>
+  </solid-widget>
+  <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='circle.edit.adminsSubTitle'></h3>
+  <solid-ac-checker permission='acl:Write' bind-resources="" nested-field='admins'>
+    <solid-member-add class="segment block whitespace-normal margin-bottom-xlarge form"
+      bind-resources
+      nested-field='admins'
+      range-users="{{component.parameters.users}}"
+      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-color-secondary bordered"
+      data-trans='add-member-label=circle.create.step2.buttonAddAdmin'
+      add-member-label='circle.create.step2.buttonAddAdmin'
+    ></solid-member-add>
+  </solid-ac-checker>
+  <div class="segment table-wrapper">
+    <div class="table margin-bottom-none">
+      <div class="table-header bg-color-third text-color-heading">
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader1'></div>
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader2'></div>
+      </div>
+      <div class="segment table-cell half"></div>
+    </div>
+    <div class="segment table-cell half"></div>
+    <solid-display
+    bind-resources=""
+    nested-field='admins'
+    fields='@id'
+    widget-id="display-{{component.route}}-members-edit"></solid-display>
+    <div class="segment table-cell half"></div>
+  </div>
+  <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='circle.edit.membersSubTitle'></h3>
+  <solid-ac-checker permission='acl:Write' bind-resources="" nested-field='members'>
+    <solid-member-add class="segment block whitespace-normal margin-bottom-xlarge form"
+      bind-resources=""
+      nested-field='members'
+      range-users="{{component.parameters.users}}"
+      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-color-secondary bordered"
+      data-trans='add-member-label=circle.create.step2.buttonAddMember'
+      add-member-label='circle.create.edit.buttonAddMember'
+    ></solid-member-add>
+  </solid-ac-checker>
+  <div class="segment table-wrapper">
+    <div class="table margin-bottom-none">
+      <div class="table-header bg-color-third text-color-heading">
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader1'></div>
+        <div class="segment table-cell half" data-trans='circle.edit.tableHeader2'></div>
+      </div>
+      <div class="segment table-cell half"></div>
+    </div>
+    <div class="segment table-cell half"></div>
+    <solid-display
+    bind-resources=""
+    nested-field='members'
+    fields='@id'
+    widget-id="display-{{component.route}}-members-edit"></solid-display>
+    <div class="segment table-cell half"></div>
+  </div>
+</div>

src/partials/legacy/circles/extensions/events.hbs

+<solid-event 
+  bind-resources=""
+  nested-field="events"
+  past-events="{{#if extension.parameters.pastevents}}{{extension.parameters.pastevents}}{{else}}hidden{{/if}}"
+  visiblecheckbox="{{#if extension.parameters.visiblecheckbox}}{{extension.parameters.visiblecheckbox}}{{else}}hidden{{/if}}"
+  visibilityregions="{{#if extension.parameters.visibilityregions}}{{extension.parameters.visibilityregions}}{{else}}hidden{{/if}}"
+  range-event-region="{{extension.parameters.regionevents}}"
+  range-event-type="{{extension.parameters.typeevents}}"
+  post-types-uri="{{extension.parameters.postTypesUri}}"
+  post-region-uri="{{extension.parameters.postRegionUri}}"
+  upload-dir="{{extension.parameters.uploads}}"
+  circle-extension="{{extension.parameters.circleExtension}}"
+  uniq="{{extension.uniq}}"></solid-event>

src/partials/legacy/circles/extensions/polls.hbs

+<solid-poll
+  bind-resources=""
+  nested-field="polls"
+  data-dest="{{extension.parameters.post}}"
+  range-tags="{{extension.parameters.pollRangeTags}}"
+  range-circles="{{extension.parameters.pollRangeCircles}}"
+  upload-dir="{{extension.parameters.uploads}}"
+  uniq="{{extension.uniq}}"
+  {{#if extension.parameters.displayStartEndDates}}display-start-end-dates="{{extension.parameters.displayStartEndDates}}"{{/if}}
+  ></solid-poll>

src/partials/legacy/circles/extensions/resources.hbs

+<solid-resource
+  bind-resources=""
+  nested-field="resources"
+  range-resource-type="{{extension.parameters.types}}"
+  range-resource-keyword="{{extension.parameters.keywords}}"
+  post-data-keyword-src="{{extension.parameters.postKeywords}}"
+  circle-extension="{{extension.parameters.circleExtension}}"
+  upload-dir="{{extension.parameters.uploads}}"
+  uniq="{{extension.uniq}}"></solid-resource>

src/partials/legacy/circles/informations.html

+<solid-router default-route="{{component.route}}-profile" hidden="">
+  <solid-route name="{{component.route}}-profile"></solid-route>
+  <solid-route name="{{component.route}}-edit"></solid-route>
+  {{#if component.parameters.twoStepCreation}}
+  <solid-route name="{{component.route}}-create-step-2"></solid-route>
+  {{/if}}
+</solid-router>
+<div
+  id="{{component.route}}-profile"
+  hidden=""
+  data-view="{{component.route}}-profile"
+>
+  <solid-ac-checker
+    class="segment block"
+    permission="acl:Read"
+    bind-resources=""
+  >
+    <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 circle-heading"
+    >
+      <div class="segment full sm-three-quarter whitespace-normal">
+        <solid-display
+          class="text-xlarge text-letter-spacing-large"
+          bind-resources=""
+          fields="name, dash"
+          class-name="text-color-heading text-bold"
+        ></solid-display>
+      </div>
+      <div class="segment lg-hidden sm-quarter text-right">
+        <div
+          class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"
+        ></div>
+      </div>
+    </div>
+  </solid-ac-checker>
+
+  <div
+    class="segment full padding-large sm-padding-xsmall sm-padding-top-xlarge"
+  >
+    <solid-loader position="none" id="loader-{{component.route}}-profile-1"></solid-loader>
+
+    <div class="whitespace-normal">
+      <solid-display
+        class="segment half sm-full sm-margin-bottom-medium"
+        bind-resources=""
+        fields="creationDateSet(title, creationDate)"
+        loader-id="loader-{{component.route}}-profile-1"
+        value-title=""
+        data-trans="value-title=circle.profile.creationDate"
+        widget-creationDate="solid-display-value-date"
+      ></solid-display>
+
+      <div
+        class="segment half sm-full text-right margin-bottom-medium sm-margin-bottom-small"
+      >
+        <solid-ac-checker
+          permission="acl:Write"
+          bind-resources=""
+          nested-field="members"
+        >
+          <solid-link
+            class="segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-pencil icon-margin-right-xsmall"
+            next="{{component.route}}-edit"
+            bind-resources=""
+            data-trans="circle.profile.buttonModify"
+          ></solid-link>
+        </solid-ac-checker>
+      </div>
+
+      <solid-widget name="orbit-circle-leave-button-{{component.uniq}}">
+        <template>
+          <solid-ac-checker permission="acl:Delete" data-src="${src}">
+            <solid-ac-checker
+              no-permission="acl:Delete"
+              data-src="${src}"
+              nested-field="circle"
+            >
+              <solid-delete
+                class="segment text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
+                data-src="${src}"
+                data-label=""
+                data-trans="data-label=circle.profile.buttonQuit"
+                next="{{component.route}}-left"
+              ></solid-delete>
+            </solid-ac-checker>
+          </solid-ac-checker>
+        </template>
+      </solid-widget>
+
+      <div
+        class="segment full text-right margin-bottom-large sm-margin-bottom-medium"
+      >
+        <solid-display
+          class="segment"
+          bind-resources=""
+          nested-field="members"
+          fields="relation"
+          action-relation="relation"
+          widget-relation="orbit-circle-leave-button-{{component.uniq}}"
+          search-fields="user"
+          search-widget-user="solid-form-hidden"
+          search-value-user="store://user.@id"
+          disabled-empty-widget="orbit-circle-join-button"
+        ></solid-display>
+        <solid-ac-checker
+          class="segment margin-left-small"
+          permission="acl:Delete"
+          bind-resources=""
+        >
+          <solid-delete
+            class="segment sm-full text-xsmall text-center children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
+            bind-resources
+            data-label=""
+            data-trans="data-label=circle.profile.buttonDelete"
+            next="admin-{{component.route}}"
+          ></solid-delete>
+        </solid-ac-checker>
+      </div>
+    </div>
+    <h3
+      class="text-color-heading text-bold text-letter-spacing-large"
+      data-trans="circle.profile.description"
+    ></h3>
+
+    <solid-display
+      class="segment block sm-hidden whitespace-normal circle-description"
+      bind-resources=""
+      fields="description"
+      widget-description="solid-display-value-markdown"
+    ></solid-display>
+
+    <h3
+      class="text-color-heading text-bold text-letter-spacing-large"
+      data-trans="circle.profile.membersSubTitle"
+    ></h3>
+
+    {{#if component.parameters.customMembersDisplayWidget}}
+    <{{component.parameters.customMembersDisplayWidget}} bind-resources=""></{{component.parameters.customMembersDisplayWidget}}>
+    {{else}}
+    <solid-loader position="top" id="loader-{{component.route}}-profile-2"></solid-loader>
+    <solid-display
+      class="segment full labelled-avatar two-lines whitespace-normal children children-full sm-children-full children-margin-bottom-medium circle-members"
+      bind-resources=""
+      nested-field="members"
+      array-field="user_set"
+      loader-id="loader-{{component.route}}-profile-2"
+      fields="segment1(account.picture), segment2(line1(name, @id, is_admin), line2(atom, communities))"
+      class-segment1="segment"
+      class-account.picture="avatar"
+      class-segment2="segment three-quarter margin-left-xsmall"
+      class-line1="segment block"
+      class-name="text-small text-semibold text-color-heading text-sub"
+      class-line2="segment block"
+      class-atom="icon icon-large icon-third mdi-atom margin-right-xxsmall"
+      class-communities="full"
+      class-is_admin="segment tag color-primary"
+      multiple-communities
+      multiple-communities-fields="name"
+      widget-id="orbit-circle-team-contact"
+      widget-account.picture="orbit-user-avatar"
+      widget-is_admin="orbit-circle-user-admin"
+    ></solid-display>
+    {{/if}}  
+  </div>
+</div>
+<div
+  id="{{component.route}}-edit"
+  hidden=""
+  data-view="{{component.route}}-edit"
+>
+  {{> (get_legacy_view "circles/edit") }}
+</div>
+{{#if component.parameters.twoStepCreation}}
+<div
+  id="{{component.route}}-create-step-2"
+  hidden=""
+  data-view="{{component.route}}-create-step-2"
+>
+  {{> (get_legacy_view "circles/creation-step-2") }}
+</div>
+{{/if}}

src/partials/legacy/directory.html

+<orbit-reactivity bind-user="" nested-field="profile" target-src="store://user.@id"></orbit-reactivity>
+<orbit-reactivity bind-user="" nested-field="account" target-src="store://user.@id"></orbit-reactivity>
+<orbit-reactivity bind-user="" nested-field="skills" target-src="store://user.@id"></orbit-reactivity>

src/partials/legacy/events.html

+<div class="scrollbar-content whitespace-normal bg-color-white">
+  <div class="whitespace-normal">
+    <solid-event
+      data-src="{{component.parameters.dataSrc}}"
+      post-uri="{{component.parameters.postUri}}"
+      post-types-uri="{{component.parameters.postTypesUri}}"
+      post-region-uri="{{component.parameters.postRegionUri}}"
+      past-events="{{#if component.parameters.pastevents}}{{component.parameters.pastevents}}{{else}}hidden{{/if}}"
+      visiblecheckbox="{{#if component.parameters.visiblecheckbox}}{{component.parameters.visiblecheckbox}}{{else}}hidden{{/if}}"
+      visibilityregions="{{#if component.parameters.visibilityregions}}{{component.parameters.visibilityregions}}{{else}}hidden{{/if}}"
+      range-event-region="{{component.parameters.regionevents}}"
+      range-event-type="{{component.parameters.typeevents}}"
+      range-event-circle="{{component.parameters.circles}}"
+      upload-dir="{{component.parameters.uploads}}"
+      uniq="{{component.uniq}}"
+    ></solid-event>
+  </div>
+</div>

src/partials/legacy/job-board.html

+<orbit-reactivity data-src="{{component.parameters.dataSrcExpired}}" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+<orbit-reactivity data-src="{{component.parameters.postDataSrc}}" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+<orbit-reactivity data-src="{{component.parameters.dataSrcExpired}}" target-src="{{component.parameters.postDataSrc}}"></orbit-reactivity>
+<orbit-reactivity bind-user nested-field="joboffers" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+<orbit-reactivity bind-user="" nested-field="joboffers" target-src="{{component.parameters.dataSrcExpired}}"></orbit-reactivity>
+<orbit-reactivity bind-user="" nested-field="joboffers" target-src="{{component.parameters.postDataSrc}}"></orbit-reactivity>

src/partials/legacy/polls.html

+<div class="scrollbar-content">
+  <solid-poll
+  data-src="{{component.parameters.dataSrc}}"
+  data-dest="{{component.parameters.post}}"
+  range-tags="{{component.parameters.pollRangeTags}}"
+  range-circles="{{component.parameters.pollRangeCircles}}"
+  upload-dir="{{component.parameters.uploads}}"
+  uniq="{{component.uniq}}"
+  {{#if component.parameters.displayStartEndDates}}
+  display-start-end-dates="{{component.parameters.displayStartEndDates}}"
+  {{/if}}
+  ></solid-poll>
+</div>

src/partials/legacy/projects.html

+<div class="with-sidebar whitespace-normal jsMobileContentSidebarControl">
+  <orbit-reactivity bind-user="" nested-field='inbox' target-src="store://user.projects.@id"></orbit-reactivity>
+  <orbit-reactivity bind-user="" nested-field="projects" target-src="store://user.@id"></orbit-reactivity>
+  <orbit-reactivity data-src="{{component.parameters.dataSrcJoinable}}" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+  <orbit-reactivity data-src="{{component.parameters.dataSrcJoinable}}" target-src="{{component.parameters.post}}"></orbit-reactivity>
+  <orbit-reactivity data-src="{{component.parameters.post}}" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+  <orbit-reactivity bind-user="" nested-field="projects" target-src="{{component.parameters.post}}"></orbit-reactivity>
+  <orbit-reactivity bind-user="" nested-field="projects" target-src="{{component.parameters.dataSrcJoinable}}"></orbit-reactivity>
+  <orbit-reactivity bind-user="" nested-field="projects" target-src="{{component.parameters.dataSrc}}"></orbit-reactivity>
+  {{> (get_legacy_view "projects/project") }}
+</div>

src/partials/legacy/projects/chat.html

+<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 whitespace-normal">
+    <solid-display
+      class="text-xlarge text-letter-spacing-large"
+      bind-resources=""
+      fields='const-title1, number, customer.name, dash, name'
+      class-const-title1='text-color-heading text-bold text-uppercase'
+      class-number='text-color-heading text-bold text-uppercase word-spacing-right'
+      class-customer.name='text-color-heading text-bold text-uppercase'
+      class-dash='text-color-heading text-bold text-xlarge'
+      class-name=''
+      value-const-title1='N°'
+      value-dash=' - '
+    ></solid-display>
+  </div>
+  <div class="segment lg-hidden sm-quarter text-right">
+    <div
+      class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"
+    ></div>
+  </div>
+</div>
+<div class="chat-view segment full whitespace-normal">
+  <solid-xmpp-chat
+    data-authentication="login"
+    data-auto-login="true"
+    data-websocket-url="{{component.parameters.xmpp}}"
+    bind-resources=""
+    uniq="{{component.uniq}}"
+  ></solid-xmpp-chat>
+</div>

src/partials/legacy/projects/edit.html

+<solid-ac-checker permission='acl:Read' bind-resources="">
+  <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 half sm-three-quarter whitespace-normal">
+      <solid-display class="text-xlarge text-letter-spacing-large"
+        bind-resources=""
+        fields='const-title1, number, customer.name, dash, name'
+        class-const-title1='text-color-heading text-bold text-uppercase'
+        class-number='text-color-heading text-bold text-uppercase word-spacing-right'
+        class-customer.name='text-color-heading text-bold text-uppercase'
+        class-dash='text-color-heading text-bold text-xlarge'
+        class-name=''
+        value-const-title1='N°'
+        value-dash=' - '
+      ></solid-display>
+    </div>
+    <div class="segment half sm-hidden text-right">
+      <solid-link class='backlink' bind-resources="" next="{{component.route}}-profile" data-trans='project.edit.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>
+</solid-ac-checker>
+<div class="segment full padding-large whitespace-normal">
+  <solid-ac-checker permission='acl:Write' bind-resources="">
+    <solid-loader position="top" id="loader-{{component.route}}-edit"></solid-loader>
+    <solid-form class="form"
+      bind-resources=""
+      range-captain="{{component.parameters.captains}}"
+      required-status=""
+      required-customer.name=""
+      required-name=""
+      required-captain=""
+      loader-id="loader-{{component.route}}-edit"
+      label-status=''
+      label-projectset=''
+      label-customerset=''
+      label-name=''
+      label-description=''
+      label-help=''
+      label-captain=''
+      label-customer.name=''
+      label-customer.address=''
+      label-customer.postcode=''
+      label-customer.city=''
+      label-customer.country=''
+      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-name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
+      class-captain='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
+      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-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'
+      widget-status='solid-form-hidden'
+      value-status='Private'
+      widget-projectset='solid-form-hidden-label'
+      widget-customerset='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="{{component.route}}"
+      data-trans='label-status=project.edit.labelStatus;label-projectset=project.edit.labelProjectset;label-customerset=project.edit.labelCustomerset;label-customer.name=project.edit.labelCustomer;label-customer.address=project.edit.labelCustomerAddress;label-customer.postcode=project.edit.labelCustomerPostcode;label-customer.city=project.edit.labelCustomerCity;label-customer.country=project.edit.labelCustomerCountry;label-name=project.edit.labelName;label-description=project.edit.labelDescription;label-captain=project.edit.labelCaptain;label-help=project.edit.descriptionHelp;submit-button=project.edit.buttonSubmit'
+      fields="{{#if (hasComponent 'invoices')}}status, projectset, name, captain, description, help, linebreak, customerset, customer.name, customer.address, customer.postcode, customer.city, customer.country{{else}}status, name, captain, description, help, customer.name, linebreak{{/if}}"
+    ></solid-form>
+ 
+    {{#if (hasComponent 'invoices')}}
+    <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='project.edit.businessProviderTitle'></h3>
+    <div class="segment table-wrapper margin-top-medium">
+      <div class="table">
+        <div class="table-header bg-color-third text-color-heading">
+          <div class="segment table-cell third" data-trans='project.edit.businessTableHeader1'></div>
+          <div class="segment table-cell third" data-trans='project.edit.businessTableHeader2'></div>
+          <div class="segment table-cell third"></div>
+        </div>
+        <solid-display
+          bind-resources=""
+          class='table-body'
+          nested-field='businessprovider'
+          fields='segment1(name), segment2(fee), remove'
+          class-segment1='segment table-cell third text-center'
+          class-segment2='segment table-cell third text-center'
+          class-remove='segment table-cell third text-center'
+          class-name='text-small text-semibold'
+          class-fee='text-small text-semibold'
+          multiple-businessprovider=""
+          multiple-businessprovider-fields="name, fee"
+          action-remove='remove'
+          widget-remove='solid-member-delete'
+        ></solid-display>
+        <solid-form class="form table-body edit-businessprovider"
+          bind-resources=""
+          class='table-body'
+          nested-field='businessprovider'
+          fields='segment1(name), segment2(fee)'
+          placeholder-name=""
+          placeholder-fee=""
+          class-segment1='segment table-cell third text-center'
+          class-segment2='segment table-cell third text-center'
+          class-name="segment full text-small"
+          class-fee="segment full text-small"
+          widget-name="solid-form-placeholder-text"
+          widget-fee="solid-form-placeholder-text"
+          submit-button=''
+          submit-widget="button"
+          class-submit-button="segment children text-xsmall children-link-button children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered"
+          data-trans='submit-button=project.edit.buttonAddBusinessProvider;placeholder-name=project.edit.businessTableHeader1;placeholder-fee=project.edit.businessTableHeader2'
+          ></solid-form>
+      </div>
+    </div>
+    {{/if}}
+  </solid-ac-checker>
+  <h3 class="segment full padding-bottom-small border-bottom border-color-grey text-color-heading text-bold text-letter-spacing-large" data-trans='project.edit.membersSubTitle'></h3>
+  <solid-ac-checker permission='acl:Write' bind-resources="" nested-field='members'>
+    <solid-form
+      class="segment block margin-bottom-xlarge sm-whitespace-normal form"
+      bind-resources=""
+      nested-field='members'
+      fields='user'
+      range-user="{{component.parameters.users}}"
+      class-user='add-member'
+      label-user=''
+      widget-user='solid-form-dropdown-autocompletion'
+      submit-button=''
+      submit-widget="button"
+      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-color-secondary bordered"
+      data-trans='submit-button=project.edit.buttonAddMember'
+    ></solid-form>
+  </solid-ac-checker>
+  <div class="segment table-wrapper">
+    <div class="table">
+      <div class="table-header bg-color-third text-color-heading">
+        <div class="segment table-cell third" data-trans='project.edit.tableHeader2'></div>
+        <div class="segment table-cell third" data-trans='project.edit.tableHeader1'></div>
+      </div>
+      <solid-loader position="top" id="loader-{{component.route}}-edit-2"></solid-loader>
+      <solid-display
+        class='table-body'
+        bind-resources=""
+        array-field='members'
+        fields='cell(segment1(account.picture), segment2(line1(name), line2(atom, communities))), self'
+        loader-id="loader-{{component.route}}-edit-2"
+        class-cell='segment table-cell half labelled-avatar two-lines text-left'
+        class-self='segment table-cell half text-center'
+        class-segment1='segment'
+        class-account.picture='avatar'
+        class-segment2='segment three-quarter margin-left-xsmall'
+        class-line1='segment block'
+        class-name='text-small text-semibold text-color-heading text-sub margin-right-medium'
+        class-line2='segment block'
+        class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
+        class-communities='full'
+        multiple-communities=""
+        multiple-communities-fields="name"
+        widget-account.picture='orbit-user-avatar'
+        action-self='self'
+        widget-self='orbit-project-edit-members-delete'
+      ></solid-display>
+    </div>
+  </div>
+</div>

src/partials/legacy/projects/extensions/invoices.hbs

+<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"
+>
+  <solid-display
+    class="text-xxlarge text-letter-spacing-large"
+    bind-resources=""
+    fields="const-title1, number, customer.name, dash, name"
+    class-const-title1="text-color-heading text-bold text-uppercase"
+    class-number="text-color-heading text-bold text-uppercase word-spacing-right"
+    class-customer.name="text-color-heading text-bold text-uppercase"
+    class-dash="text-color-heading text-bold text-xlarge"
+    class-name=""
+    value-const-title1="N°"
+    value-dash=" - "
+  ></solid-display>
+</div>
+<solid-invoicing
+  bind-resources=""
+  upload-dir="{{extension.parameters.uploads}}"
+  logo-dir="{{@root.client.logo}}"
+  uniq="{{extension.uniq}}"
+></solid-invoicing>

src/partials/legacy/projects/informations.html

+<solid-router default-route="{{component.route}}-profile" hidden="">
+  <solid-route name="{{component.route}}-profile"></solid-route>
+  <solid-route name="{{component.route}}-edit"></solid-route>
+</solid-router>
+<div id="{{component.route}}-profile" hidden="" data-view="{{component.route}}-profile">
+  <solid-ac-checker class="segment block" permission='acl:Read' bind-resources="">
+    <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 whitespace-normal">
+        <solid-display class="text-xlarge text-letter-spacing-large"
+          bind-resources=""
+          fields='const-title1, number, customer.name, dash, name'
+          class-const-title1='text-color-heading text-bold text-uppercase'
+          class-number='text-color-heading text-bold text-uppercase word-spacing-right'
+          class-customer.name='text-color-heading text-bold text-uppercase'
+          class-dash='text-color-heading text-bold text-xlarge'
+          class-name=''
+          value-const-title1='N°'
+          value-dash=' - '
+          ></solid-display>
+      </div>
+      <div class="segment lg-hidden sm-quarter text-right">
+        <div class="jsMobileRightMenuButton icon icon-options-vertical icon-heading"></div>
+      </div>
+    </div>
+  </solid-ac-checker>
+  <div class="segment full padding-large sm-padding-xsmall sm-padding-top-xlarge">
+    <solid-loader position="none" id="loader-{{component.route}}-profile"></solid-loader>
+
+    <div class="whitespace-normal">
+      <solid-display class="segment half sm-full sm-margin-bottom-medium"
+        bind-resources
+        fields='creationDateSet(title, creationDate)'
+        loader-id="loader-{{component.route}}-profile"
+        class-title='word-spacing-right'
+        value-title=''
+        data-trans='value-title=project.profile.creationDate'
+        widget-creationDate='solid-display-value-date'
+      ></solid-display>
+
+      <solid-ac-checker class="segment half sm-full text-right" permission='acl:Write' bind-resources="" nested-field='members'>
+        <solid-ac-checker permission='acl:Delete' bind-resources="">
+          <solid-link class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-pencil icon-margin-right-xsmall' next="{{component.route}}-edit" bind-resources="" data-trans='project.profile.buttonModify'></solid-link>
+        </solid-ac-checker>
+        <solid-ac-checker no-permission='acl:Delete' bind-resources="">
+          <solid-link class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-pencil icon-margin-right-xsmall' next="{{component.route}}-edit" bind-resources="" data-trans='project.profile.buttonAdd'></solid-link>
+        </solid-ac-checker>
+      </solid-ac-checker>
+      <solid-ac-checker class="segment full text-right margin-bottom-large sm-margin-bottom-medium" permission='acl:Delete' bind-resources="">
+        <solid-delete
+          class='segment sm-full children-link-button text-xsmall text-center children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
+          bind-resources=""
+          data-label=''
+          data-trans='data-label=project.profile.buttonDelete'
+          next="admin-{{component.route}}"
+        ></solid-delete>
+      </solid-ac-checker>
+      <solid-widget name="orbit-project-leave-button-{{component.uniq}}">
+        <template>
+          <solid-delete
+            class='segment text-xsmall children-link-text-bold children-link-text-uppercase children-link-button children-link-color-secondary bordered'
+            data-src="${src}"
+            data-label=''
+            data-trans='data-label=project.profile.buttonQuit'
+            next="{{component.route}}-left"
+          ></solid-delete>
+        </template>
+      </solid-widget>
+      <solid-ac-checker class="segment full text-right margin-bottom-large sm-margin-bottom-medium" no-permission='acl:Delete' bind-resources="">
+        <solid-display
+          bind-resources=""
+          nested-field='members'
+          fields='relation'
+          action-relation='relation'
+          widget-relation="orbit-project-leave-button-{{component.uniq}}"
+          search-fields='user'
+          search-widget-user='solid-form-hidden'
+          search-value-user="store://user.@id"
+        ></solid-display>
+      </solid-ac-checker>
+    </div>
+    <h3 class="text-color-heading text-bold text-letter-spacing-large" data-trans='project.profile.captain'></h3>
+    <solid-display
+      bind-resources=""
+      fields='captain'
+      widget-captain='orbit-captain'
+    ></solid-display>
+    <h3 class="text-color-heading text-bold text-letter-spacing-large" data-trans='project.profile.description'></h3>
+    <solid-display class="segment block sm-hidden whitespace-normal"
+      bind-resources=""
+      fields='description'
+      class-description='segment margin-bottom-large whitespace-normal'
+      widget-description='solid-display-value-markdown'
+    ></solid-display>
+    {{#if (hasComponent "invoices")}}
+    <h3 class="text-color-heading text-bold text-letter-spacing-large" data-trans='project.profile.clientInformations'></h3>
+    <solid-display class="segment full labelled-avatar two-lines whitespace-normal children children-full sm-children-full margin-bottom-medium"
+      bind-resources=""
+      fields='customerName(titlecustomername, customer.name), customerAddress(titlecustomeraddress, customer.address, customer.postcode, customer.city, customer.country)'
+      value-titlecustomername=''
+      value-titlecustomeraddress=''
+      class-customerName="segment block"
+      class-customerAddress="segment block margin-top-small margin-bottom-medium whitespace-normal"
+      class-titlecustomername="text-semibold text-color-heading margin-right-xxsmall"
+      class-titlecustomeraddress="text-semibold text-color-heading margin-right-xxsmall"
+      class-customer.postcode="margin-left-xxsmall"
+      class-customer.city="margin-left-xxsmall"
+      class-customer.country="margin-left-xxsmall"
+      data-trans='value-titlecustomername=project.profile.customerName;value-titlecustomeraddress=project.profile.customerAddress'
+    ></solid-display>
+    <solid-display class="segment block full labelled-avatar two-lines whitespace-normal children children-full sm-children-full margin-bottom-medium display-businessprovider"
+      bind-resources=""
+      nested-field='businessprovider'
+      fields='titlebusinessprovider, businessProvider(name, fee)'
+      value-titlebusinessprovider=''
+      class-titlebusinessprovider="segment block text-color-heading text-bold text-letter-spacing-large text-xlarge margin-bottom-small"
+      class-businessProvider="segment block margin-bottom-xsmall"
+      class-fee="margin-left-xxsmall"
+      data-trans='value-titlebusinessprovider=project.profile.businessProvider'
+    ></solid-display>
+    {{/if}}
+    <h3 class="text-color-heading text-bold text-letter-spacing-large" data-trans='project.profile.membersSubTitle'></h3>
+    <solid-display class="segment full labelled-avatar two-lines whitespace-normal children children-full sm-children-full children-margin-bottom-medium"
+      bind-resources=""
+      nested-field='members'
+      fields='segment1(account.picture), segment2(line1(name, @id), line2(@id as atom, communities))'
+      class-segment1='segment'
+      class-account.picture='avatar'
+      class-segment2='segment three-quarter margin-left-xsmall'
+      class-line1='segment block'
+      class-name='text-small text-semibold text-color-heading text-sub'
+      class-line2='segment block'
+      class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
+      class-communities='full'
+      multiple-communities=""
+      multiple-communities-fields="name"
+      widget-account.picture='orbit-user-avatar'
+      widget-atom='orbit-project-team-contact'
+    ></solid-display>
+  </div>
+</div>
+<div id="{{component.route}}-edit" hidden="" data-view="{{component.route}}-edit">
+  {{> (get_legacy_view 'projects/edit' )}}
+</div>

src/partials/legacy/projects/project-left.html

+<div class="text-center">
+  <div class="segment margin-top-small">
+    <div class="segment shadow padding-xlarge text-xlarge text-left whitespace-normal">
+      <p data-trans="project.left.paragraphQuit"></p>
+      <p><span data-trans="project.left.paragraphJoin"></span><span>&nbsp;</span>
+        <solid-link class="link" next="admin-{{getRoute 'projects' true}}" data-trans="project.left.admin"></solid-link><span>&nbsp;</span><span data-trans="project.left.paragraphContact"></span>
+      </p>
+    </div>
+  </div>
+</div>

src/partials/legacy/projects/project.html

+<div class="scrollbar-content views-container sidebar-is-closed bg-color-white">
+  <solid-ac-checker permission='acl:Read' bind-resources=""></solid-ac-checker>
+    <div id="{{component.route}}-chat" hidden="" data-view="{{component.route}}-chat" no-render="">
+      {{> (get_legacy_view 'projects/chat' )}}
+    </div>
+    <div id="{{component.route}}-information" hidden="" data-view="{{component.route}}-information" no-render="">
+      {{> (get_legacy_view 'projects/informations' )}}
+    </div>
+    {{#each component.extensions as | extension | }}
+    <div id="{{extension.route}}-{{extension.type}}" hidden="" data-view="{{extension.route}}-{{extension.type}}" no-render="">
+      {{> (get_legacy_view 'projects/extensions/' extension.type) extension=extension}}
+    </div>
+    {{/each}}
+</div>
+<nav class="jsRightMenu segment sm-hidden text-disable-selection sidebar whitespace-normal" role='navigation'>
+  <solid-router class="segment whitespace-normal text-color-heading text-bold" default-route="{{component.route}}-chat">
+    <ul>
+      <li class="segment full sm-hidden padding-small text-normal 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='project.menuRight.fold'></a>
+        </span>
+      </li>
+      <solid-route class="segment full" name="{{component.route}}-chat" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon ci-chat icon-xlarge margin-right-medium"></span>
+          <a data-trans="project.menuRight.chat"></a>
+        </li>
+      </solid-route>
+      <solid-route class="segment full" name="{{component.route}}-information" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon ci-information icon-xlarge margin-right-medium"></span>
+          <a data-trans="project.menuRight.information"></a>
+        </li>
+      </solid-route>
+      {{#each component.extensions as | extension | }}
+      <solid-route class="segment full" name="{{extension.route}}-{{extension.type}}" use-id="">
+        <li class="segment full padding-medium">
+          <span class="icon {{#if (is extension.type 'invoices')}}ci-file{{else}}{{extension.icon}}{{/if}} icon-xlarge margin-right-medium"></span>
+          <a data-trans="project.menuRight.{{extension.type}}"></a>
+        </li>
+      </solid-route>
+      {{/each}}
+    </ul>
+  </solid-router>
+</nav>
\ No newline at end of file

src/partials/legacy/resources.html

+<div class="scrollbar-content bg-color-white">
+  <div class="whitespace-normal">
+    <solid-resource
+        data-src="{{component.parameters.dataSrc}}"
+        range-resource-type="{{component.parameters.types}}"
+        range-resource-keyword="{{component.parameters.keywords}}"
+        post-data-src="{{component.parameters.post}}"
+        post-data-keyword-src="{{component.parameters.postKeywords}}"
+        upload-dir="{{component.parameters.uploads}}"
+        circles="{{component.parameters.circles}}"
+        associated-circle-label=""
+        data-trans="associated-circle-label={{#if component.parameters.associatedName}}{{component.parameters.associatedName}}{{else}}circle.extensions.associated{{/if}}"
+        uniq="{{component.uniq}}"
+      ></solid-resource>
+  </div>
+</div>