openproject/frontend/app/components/work-packages/wp-create-form/wp-create-form.directive.html

<div cg-busy="vm.loaderPromise" class="work-packages--details-content -create-mode">
  <div ng-if="vm.workPackage">
    <h2>{{ vm.getHeading() }}</h2>

    <div class="work-packages--create--title">
      <wp-field field-name="'subject'" tabindex="0"></wp-field>
    </div>

    <div class="attributes-group--header">
      <div class="attributes-group--header-container">
        <h3 class="attributes-group--header-text">
          {{ ::I18n.t('js.label_description') }}
        </h3>
      </div>
    </div>

    <div class="single-attribute wiki">
      <wp-field field-name="'description'"></wp-field>
    </div>

    <div ng-repeat="group in vm.groupedFields"
         ng-hide="vm.shouldHideGroup(group.groupName)"
         class="attributes-group">

      <div class="attributes-group--header">
        <div class="attributes-group--header-container">
          <h3 class="attributes-group--header-text"
              ng-bind="::I18n.t('js.work_packages.property_groups.' + group.groupName)"></h3>
        </div>
        <div class="attributes-group--header-toggle">
          <panel-expander tabindex="-1" ng-if="vm.showToggleButton() && $first"
                          collapsed="vm.hideEmptyFields"
                          expand-text="{{ ::I18n.t('js.label_show_attributes') }}"
                          collapse-text="{{ ::I18n.t('js.label_hide_attributes') }}">
          </panel-expander>
        </div>
      </div>

      <div class="attributes-key-value">
        <div
            ng-hide="vm.hideEmptyFields && vm.isFieldHideable(vm.workPackage, field)"
            ng-if="vm.isSpecified(vm.workPackage, field) && vm.isEditable(vm.workPackage, field)"
            ng-repeat-start="field in group.attributes" class="attributes-key-value--key">
          {{vm.getLabel(vm.workPackage, field)}}
          <span class="required" ng-if="vm.hasNiceStar(vm.workPackage, field)"> *</span>
        </div>
        <div
            ng-hide="vm.hideEmptyFields && vm.isFieldHideable(vm.workPackage, field)"
            ng-if="vm.isSpecified(vm.workPackage, field) && vm.isEditable(vm.workPackage, field)"
            ng-repeat-end
            class="attributes-key-value--value-container">
          <wp-field field-name="field"></wp-field>
        </div>
      </div>
    </div>
    <work-package-attachments work-package="vm.workPackage" data-ng-show="!vm.hideEmptyFields"></work-package-attachments>
  </div>
</div>

<edit-actions-bar on-cancel="vm.goBack()" on-save="vm.notifyCreation()"> </edit-actions-bar>