form.hbs

<div
  {{did-insert (perform this.fetchProject)}}
  {{did-update (perform this.fetchProject) @model.projectId}}
>
  {{#if this.fetchProject.isRunning}}
    <div class="uk-flex uk-flex-center uk-flex-middle uk-margin-large-top">
      <UkSpinner @ratio="3" />
    </div>
  {{else}}
    <ModelForm
      @model={{this.project}}
      @validations={{this.ConstructionProjectValidations}}
      @importData={{if this.import this.importData}}
      @onSubmit={{this.saveProject}}
      @errors={{this.errors}}
      @translationBase="ember-gwr.constructionProject.fields"
      @hasImport={{true}}
      @import={{this.import}}
      @importAllData={{this.importAllData}}
      @headerModel={{this.project}}
      @headerModelId={{this.project.EPROID}}
      @projectId={{this.project.EPROID}}
      @headerModelName="project"
      @hasStatus={{true}}
      @modelStatusOptions={{this.choiceOptions.projectStatusOptions}}
      @nextValidStates={{this.nextValidStates}}
      @onStatusChange={{this.transitionState}}
      @onStatusCorrection={{this.correctState}}
      @getChangeParameters={{this.getChangeParameters}}
      @getCorrectionParameters={{this.getCorrectionParameters}}
      @getChangeHint={{this.getChangeHint}}
      @modelStatusField="projectStatus"
      {{did-insert (perform this.fetchCalumaData)}}
      as |Field changeset|
    >
      {{#unless this.project.isNew}}
        <div class="uk-flex">
          <div class="uk-width-1-3">
            <span class="uk-form-label">{{t
                "ember-gwr.constructionProject.fields.EPROID"
              }}:</span>
            <span>{{this.project.EPROID}}</span>
          </div>
          <div class="uk-width-1-3">
            <span class="uk-form-label">{{t
                "ember-gwr.constructionProject.fields.constructionLocalisation.municipalityName"
              }}:</span>
            <span
            >{{this.project.constructionLocalisation.municipalityName}}</span>
          </div>
          <div class="uk-width-1-3">
            <span class="uk-form-label">{{t
                "ember-gwr.constructionProject.fields.constructionSurveyDeptNumber"
              }}:</span>
            <span>{{this.project.constructionSurveyDeptNumber}}</span>
          </div>
        </div>
        <hr />
      {{/unless}}
      <Field @attr="officialConstructionProjectFileNo" />
      <Field
        @attr="extensionOfOfficialConstructionProjectFileNo"
        @type="number"
      />
      <Field
        @inputType="select"
        @convertValueTo="number"
        @required={{true}}
        @attr="typeOfConstructionProject"
        @gwrEnumOptions={{this.choiceOptions.typeOfConstructionProjectOptions}}
        @on-update={{fn (mut this.typeOfConstructionProject)}}
        @hint={{"Für Tiefbauprojekte sind keine Gebäude zugelassen."}}
      />

      {{#if (eq this.typeOfConstructionProject 6010)}}
        <LinkedModels
          @models={{this.workWithoutBuildings}}
          @modelName="building-work"
          @removeLink={{if (gt this.project.work.length 1) this.removeWorkLink}}
          @addLink={{this.addWorkLink}}
          as |model|
        >
          <td class="uk-table-expand">
            <div class="uk-flex-inline uk-flex-middle">
              {{#if model.isNew}}
                <div class="uk-form-label uk-margin-small-right">
                  {{t "ember-gwr.buildingWork.kindOfWork"}}:
                </div>

                <div class="uk-width-small">
                  <Field
                    @attr="kindOfWork"
                    @inputType="select"
                    @convertValueTo="number"
                    @noPlaceholder={{true}}
                    @gwrEnumOptions={{this.kindOfWorkOptions}}
                    @update={{fn this.updateWork model}}
                    @translationBase="ember-gwr.buildingWork"
                    @noMargin={{true}}
                    @noLabel={{true}}
                  />
                </div>
              {{else}}
                <div class="uk-width-medium uk-margin-large-right uk-flex-inline uk-flex-middle">
                  <div class="uk-form-label uk-margin-small-right">
                    {{t "ember-gwr.buildingWork.kindOfWork"}}:
                  </div>
                  <div>
                    {{t (concat "ember-gwr.buildingWork.kindOfWorkOptions." model.kindOfWork)}}
                  </div>
                </div>
                <div class="uk-flex-inline uk-flex-middle">
                  <div class="uk-form-label uk-margin-small-right">
                    {{t "ember-gwr.buildingWork.ARBID"}}:
                  </div>
                  <div>
                    {{model.ARBID}}
                  </div>
                </div>
              {{/if}}
            </div>
          </td>
        </LinkedModels>
      {{/if}}

      <Field
        @inputType="textarea"
        @required={{true}}
        @attr="constructionProjectDescription"
      />
      <Field
        @inputType="select"
        @convertValueTo="number"
        @required={{true}}
        @attr="typeOfPermit"
        @gwrEnumOptions={{this.choiceOptions.typeOfPermitOptions}}
      />
      <Field @type="number" @required={{true}} @attr="totalCostsOfProject" />
      <Field
        @inputType="select"
        @convertValueTo="number"
        @attr="typeOfConstruction"
        @gwrEnumOptions={{this.choiceOptions.typeOfConstructionOptions}}
        @required={{true}}
      />
      <h3>
        {{t "ember-gwr.components.modelForm.dates"}}
      </h3>
      <div
        class="uk-flex uk-flex-wrap
          {{if
            this.import
            "uk-child-width-1-1"
            "uk-child-width-1-4@l uk-child-width-1-3@m uk-child-width-1-2@s"
          }}"
      >
        {{#let
          (unless
            this.import
            "uk-padding uk-padding-remove-vertical uk-padding-remove-left"
          )
          as |spacingClass|
        }}
          <div class={{spacingClass}}>
            <Field
              @inputType="date"
              @attr="projectAnnouncementDate"
              @required={{true}}
            />
          </div>
          {{#if this.project.buildingPermitIssueDate}}
            <div class={{spacingClass}}>
              <Field @inputType="date" @attr="buildingPermitIssueDate" />
            </div>
          {{/if}}
          {{#unless this.project.isNew}}
            {{#if this.project.projectStartDate}}
              <div class={{spacingClass}}>
                <Field @inputType="date" @attr="projectStartDate" />
              </div>
            {{/if}}
            {{#if this.project.projectCompletionDate}}
              <div class={{spacingClass}}>
                <Field @inputType="date" @attr="projectCompletionDate" />
              </div>
            {{/if}}
            {{#if this.project.projectSuspensionDate}}
              <div class={{spacingClass}}>
                <Field @inputType="date" @attr="projectSuspensionDate" />
              </div>
            {{/if}}
            {{#if this.project.constructionAuthorisationDeniedDate}}
              <div class={{spacingClass}}>
                <Field
                  @inputType="date"
                  @attr="constructionAuthorisationDeniedDate"
                />
              </div>
            {{/if}}
            {{#if this.project.cancellationDate}}
              <div class={{spacingClass}}>
                <Field @inputType="date" @attr="cancellationDate" />
              </div>
            {{/if}}
            {{#if this.project.withdrawalDate}}
              <div class={{spacingClass}}>
                <Field @inputType="date" @attr="withdrawalDate" />
              </div>
            {{/if}}
          {{/unless}}
        {{/let}}
      </div>
      {{#unless this.project.isNew}}
        <Field
          @type="number"
          @attr="durationOfConstructionPhase"
          @hint={{t
            "ember-gwr.constructionProject.fields.durationOfConstructionPhase.hint"
          }}
        />
      {{/unless}}
      <h3>
        {{t "ember-gwr.components.modelForm.realEstateHeading"}}
      </h3>
      <Field @attr="realestateIdentification.number" />
      <Field @attr="realestateIdentification.numberSuffix" />
      <Field @attr="realestateIdentification.EGRID" />
      <Field @type="number" @attr="realestateIdentification.subDistrict" />
      <Field @attr="realestateIdentification.lot" />
      <h3>
        {{t "ember-gwr.components.modelForm.clientHeading"}}
      </h3>
      <Field
        @inputType="select"
        @convertValueTo="number"
        @required={{true}}
        @attr="typeOfClient"
        @gwrEnumOptions={{this.choiceOptions.typeOfClientOptions}}
      />
      {{#if
        (or
          (not-eq changeset.typeOfClient 6161)
          (and
            this.import
            this.importData.client.identification.organisationIdentification.organisationName
          )
        )
      }}
        <div class="uk-flex uk-margin">
          <div class="uk-width-1-2 uk-margin-small-right">
            <Field
              @attr="client.identification.organisationIdentification.organisationName"
              @noMargin={{true}}
            />
          </div>
          <div class="uk-width-1-2">
            <Field
              @attr="client.identification.organisationIdentification.organisationAdditionalName"
              @noMargin={{true}}
            />
          </div>
        </div>
        <div class="uk-flex uk-margin">
          <div class="uk-width-1-6">
            <Field
              @attr="client.identification.organisationIdentification.localOrganisationId.organisationIdCategory"
              @noMargin={{true}}
            />
          </div>
          <div class="uk-width-5-6 uk-margin-small-left">
            <Field
              @attr="client.identification.organisationIdentification.localOrganisationId.organisationId"
              @noMargin={{true}}
              @placeholder="100.200.300"
            />
          </div>
        </div>
      {{else}}
        <div class="uk-flex uk-margin">
          <div class="uk-width-1-2 uk-margin-small-right">
            <Field
              @attr="client.identification.personIdentification.officialName"
              @noMargin={{true}}
            />
          </div>
          <div class="uk-width-1-2">
            <Field
              @attr="client.identification.personIdentification.firstName"
              @noMargin={{true}}
            />
          </div>
        </div>
      {{/if}}
      <div class="{{unless this.import "uk-flex"}} uk-margin">
        <div class={{if this.import "uk-margin" "uk-width-5-6"}}>
          <Field @attr="client.address.street" @noMargin={{true}} />
        </div>
        <div class={{unless this.import "uk-width-1-6 uk-margin-small-left"}}>
          <Field
            @type="number"
            @attr="client.address.houseNumber"
            @noMargin={{true}}
          />
        </div>
      </div>
      <div class="{{unless this.import "uk-flex"}} uk-margin">
        <div class={{if this.import "uk-margin" "uk-width-1-6"}}>
          <Field
            @type="number"
            @attr="client.address.swissZipCode"
            @noMargin={{true}}
          />
        </div>
        <div class={{unless this.import "uk-width-5-6 uk-margin-small-left"}}>
          <Field @attr="client.address.town" @noMargin={{true}} />
        </div>
      </div>
      <Field
        @inputType="select"
        @attr="client.address.country"
        @gwrEnumOptions={{this.choiceOptions.countryOptions}}
      />

      <h3>
        {{t "ember-gwr.constructionProject.sections.freeTextFields"}}
      </h3>

      <Field @attr="projectFreeText1" />
      <Field @attr="projectFreeText2" />
    </ModelForm>
  {{/if}}
</div>

<UkModal
  @visible={{this.showConfirmationDialog}}
  @btnClose={{false}}
  @bgClose={{false}}
  @escClose={{false}}
  @container={{this.config.modalContainer}}
  as |modal|
>
  <modal.header>
    <h2 class="uk-modal-title">
      {{t "ember-gwr.components.modelForm.project.confirmationTitle"}}
    </h2>
  </modal.header>
  <modal.body>
    {{#if (eq this.typeOfConstructionProject 6011)}}
      {{t "ember-gwr.components.modelForm.project.confirmationSuperstructure"}}
    {{else if (eq this.typeOfConstructionProject 6010)}}
      {{t "ember-gwr.components.modelForm.project.confirmationInfrastructure"}}
    {{/if}}
  </modal.body>
  <modal.footer @class="uk-text-right">
    <UkButton
      @color="default"
      @label={{t "ember-gwr.components.modelForm.project.confirmationContinue"}}
      {{on "click" (perform this.processTypeOfConstructionProjectChange)}}
    />
    <UkButton
      @color="primary"
      @label={{t "ember-gwr.components.modelForm.project.confirmationCancel"}}
      {{on "click" this.cancelTypeOfConstructionProjectChange}}
    />
  </modal.footer>
</UkModal>