div.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.segment.half.sm-three-quarter h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title') div.segment.half.sm-hidden.text-right solid-link(class="backlink", next=`admin-${getRoute('circles', true)}` data-trans='circle.create.backlink') div.segment.lg-hidden.sm-quarter.text-right div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal div.loader.loader-top(id=`loader-admin-${getComponent('circles').uniq}`) div div div div if component.parameters.twoStepCreation == true - var form_next = `${getRoute('circles', true)}-create-step-2` div.step-progress .first 1 div(data-trans='circle.create.step-1') .line .two 2 div(data-trans='circle.create.step-2') else - var form_next = `${getRoute('circles', true)}` if component.parameters.notRequiredSubtitle == true - var required_subtitle = false - var suffixLabelSubtitle = 'Optional' else - var required_subtitle = true - var suffixLabelSubtitle = '' if component.parameters.onlyPrivate == true - var status_class = 'hidden' - var community_class = 'padding-right-small' else - var status_class = '' - var community_class = 'padding-left-small' solid-form.form( data-src=`${getComponent('circles').parameters.post}` fields='name, subtitle, status, community, description, help' required-status required-community required-name required-subtitle=(required_subtitle ? "" : false) loader-id=`loader-admin-${getComponent('circles').uniq}` class-status=`segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal ${status_class}` class-community=`segment margin-bottom-medium half sm-full sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal ${community_class}` 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-subtitle='segment margin-bottom-medium half sm-full padding-left-small 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' label-status='' label-community='' label-name='' label-subtitle='' label-description='' label-help='' range-community='store://user.communities' order-asc-community="community.name" option-label-community="community.name" option-value-community="community.@id" widget-status='solid-form-dropdown-autocompletion-label' enum-status="" value-status=(component.parameters.onlyPrivate ? "Private" : false) 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=form_next 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-status=orbitStatus;label-status=circle.create.labelStatus;label-community.community=circle.create.labelCommunity;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit;label-subtitle=circle.create.labelSubtitle${suffixLabelSubtitle};label-help=circle.create.descriptionHelp` )