Rename wp watcher button

frontend/app/components/routes/partials/work-packages.show.html

@@ -17,7 +17,7 @@
           </button>
         </li>
         <li class="toolbar-item" ng-if="displayWatchButton">
-          <work-package-watcher-button work-package="workPackage" disabled="editAll.state"></work-package-watcher-button>
+          <wp-watcher-button work-package="workPackage" disabled="editAll.state"></wp-watcher-button>
         </li>
         <li class="toolbar-item" feature-flag="detailsView">
           <ul id="work-packages-view-mode-selection" class="toolbar-button-group">

frontend/app/components/work-packages/directives/wp-watcher-button/wp-watcher-button.directive.js

@@ -28,9 +28,9 @@
 
 angular
   .module('openproject.workPackages.directives')
-  .directive('workPackageWatcherButton', workPackageWatcherButton);
+  .directive('wpWatcherButton', wpWatcherButton);
 
-function workPackageWatcherButton(WorkPackageService) {
+function wpWatcherButton(WorkPackageService) {
 
   var workPackageWatcherButtonController = function(scope) {
     var workPackage = scope.workPackage;

frontend/app/templates/work_packages/work_package_details_toolbar.html

@@ -3,11 +3,11 @@
     <i class="button--icon icon-edit"></i>
     <span class="button--text" ng-bind="::I18n.t('js.button_edit')"></span>
   </button>
-  <work-package-watcher-button work-package="workPackage"
+  <wp-watcher-button work-package="workPackage"
                                show-text="true"
                                disabled="editAll.state"
                                ng-if="displayWatchButton">
-  </work-package-watcher-button>
+  </wp-watcher-button>
   <button class="button dropdown-relative"
           ng-disabled="!actionsAvailable"
           has-dropdown-menu