fix: project classes

src/views/partials/project/page-project-edit.pug

@@ -28,120 +28,118 @@ div.segment.full.padding-large.whitespace-normal
       div
       div
 
-    //- Add translation for description and captain in the translate file
-
-  solid-form.form(
-    bind-resources 
-
-    range-captain=`${getComponent('projects').endpoints.captains}`
-    
-    required-status
-    required-customer.name
-    required-name
-    required-captain
-    loader-id=`loader-admin-${getComponent('projects').uniq}`
-
-    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-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=getRoute('projects', true)
-
-    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'
-  )&attributes({
-    "fields": (componentSet.has('invoices') && getRoute('invoices')) ? "status, projectset, name, captain, description, help, linebreak, customerset, customer.name, customer.address, customer.postcode, customer.city, customer.country" : "status, name, captain, description, help, customer.name, linebreak",
-    "class-captain": (componentSet.has('invoices') && getRoute('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' : 'segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal',
-    "class-name": (componentSet.has('invoices') && getRoute('invoices')) ? 'segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading' : 'segment margin-bottom-medium half sm-full sm-padding-none text-small text-semibold text-uppercase text-color-heading'
-  })
+    solid-form.form(
+      bind-resources 
+
+      range-captain=`${getComponent('projects').endpoints.captains}`
+      
+      required-status
+      required-customer.name
+      required-name
+      required-captain
+      loader-id=`loader-admin-${getComponent('projects').uniq}`
+
+      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=getRoute('projects', true)
+
+      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'
+    )&attributes({
+      "fields": (componentSet.has('invoices') && getRoute('invoices')) ? "status, projectset, name, captain, description, help, linebreak, customerset, customer.name, customer.address, customer.postcode, customer.city, customer.country" : "status, name, captain, description, help, customer.name, linebreak"
+    })
  
-  if componentSet.has('invoices') && getRoute('invoices')
-    h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.businessProviderTitle')
-
-    .segment.table-wrapper.margin-top-medium
-          .table
-            div.table-header.bg-color-third.text-color-heading
-              div.segment.table-cell.third(data-trans='project.edit.businessTableHeader1')
-              div.segment.table-cell.third(data-trans='project.edit.businessTableHeader2')
-              div.segment.table-cell.third
-
-            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='hubl-circle-edit-members-delete'
-            )
-
-            solid-form.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'
-            )
+    if componentSet.has('invoices') && getRoute('invoices')
+      h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.businessProviderTitle')
+
+      .segment.table-wrapper.margin-top-medium
+            .table
+              div.table-header.bg-color-third.text-color-heading
+                div.segment.table-cell.third(data-trans='project.edit.businessTableHeader1')
+                div.segment.table-cell.third(data-trans='project.edit.businessTableHeader2')
+                div.segment.table-cell.third
+
+              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='hubl-circle-edit-members-delete'
+              )
+
+              solid-form.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'
+              )
 
 
   h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')