openproject/frontend/app/components/routing/main/work-packages.new.html

<div
    class="work-package--new-state work-packages--show-view toolbar-container"
    ng-if="$ctrl.newWorkPackage"
    has-edit-mode="true"
    wp-edit-form="$ctrl.newWorkPackage"
    wp-edit-form-on-save="$ctrl.refreshAfterSave(workPackage, 'work-packages.show')">
  <div class="toolbar">
    <div class="title-container">
      <h2>{{ $ctrl.header }}</h2>
    </div>
    <ul class="toolbar-items hide-when-print">
      <li class="toolbar-item hidden-for-mobile">
        <wp-zen-mode-toggle-button>
        </wp-zen-mode-toggle-button>
      </li>
      <li class="toolbar-item hidden-for-mobile">
        <button id="create-wp-menu-button"
                title="{{ I18n.t('js.button_settings') }}"
                class="button last work-packages-settings-button toolbar-icon"
                has-dropdown-menu
                target="CreateWpDropdownMenu"
                locals="query">
          <i class="button--icon icon-show-more"></i>
        </button>
      </li>
    </ul>
  </div>

  <wp-subject work-package="$ctrl.newWorkPackage"></wp-subject>
  <wp-single-view work-package="$ctrl.newWorkPackage"></wp-single-view>
  <edit-actions-bar
      on-save="$ctrl.saveWorkPackage()"
      on-cancel="$ctrl.cancelAndBackToList()"
  ></edit-actions-bar>
</div>