dropdown in project context, simple button in global context

frontend/app/components/wp-buttons/wp-create-button/wp-create-button.controller.ts

@@ -39,8 +39,9 @@ export default class WorkPackageCreateButtonController {
   constructor(protected $state,
               protected I18n) {
     this.text = {
-      button: I18n.t('js.work_packages.create.button'),
-      create: I18n.t('js.label_create_work_package')
+      createWithDropdown: I18n.t('js.work_packages.create.button'),
+      createButton: I18n.t('js.label_work_package'),
+      explanation: I18n.t('js.label_create_work_package')
     };
   }
 

frontend/app/components/wp-buttons/wp-create-button/wp-create-button.directive.html

@@ -6,23 +6,23 @@
           ng-init="projectIdentifier = $ctrl.projectIdentifier; stateName = $ctrl.stateName"
           locals="projectIdentifier, stateName"
           ng-disabled="$ctrl.isDisabled()"
-          aria-label="{{ ::$ctrl.text.create }}">
+          aria-label="{{ ::$ctrl.text.explanation }}">
 
     <i class="button--icon icon-add"></i>
     <span class="button--text"
-          ng-bind="::$ctrl.text.button"
+          ng-bind="::$ctrl.text.createWithDropdown"
           aria-hidden="true"></span>
     <i class="button--icon icon-pulldown"></i>
   </button>
   <button class="button -alt-highlight add-work-package"
           ng-if="!$ctrl.projectIdentifier"
+          ng-click="$ctrl.createWorkPackage()"
           ng-disabled="$ctrl.isDisabled()"
-          aria-label="{{ ::$ctrl.text.create }}">
+          aria-label="{{ ::$ctrl.text.explanation }}">
 
     <i class="button--icon icon-add"></i>
     <span class="button--text"
-          ng-bind="::$ctrl.text.button"
+          ng-bind="::$ctrl.text.createButton"
           aria-hidden="true"></span>
-    <i class="button--icon icon-pulldown"></i>
   </button>
 </div>