[26856] Mentions only work in the scope of the project (#6112)

* Hand over WP project id to autocompleter.

* Watch the project id in op-auto-complete

* enable autocompletion at least once and not only on change


[ci skip]

frontend/app/components/input/op-auto-complete.directive.ts

@@ -34,10 +34,21 @@ function opAutoComplete(AutoCompleteHelper:AutoCompleteHelperService, currentPro
   return {
     restrict: 'AC',
     scope: false,
-    link: function(scope:ng.IScope, element:ng.IAugmentedJQuery) {
-      var projectId:string|null = currentProject.id;
+    link: function(scope:any, element:ng.IAugmentedJQuery, attrs:any) {
+      let projectId:string|null = attrs['opAutoCompleteProjectId'] || currentProject.id;
+      // Ensure the autocompleter gets enabled at least once.
       AutoCompleteHelper.enableTextareaAutoCompletion(element, projectId);
-    },
+
+      // The project id might change at a later point in time. Then re-enable the autocompleter.
+      scope.$watch(
+        () => attrs['opAutoCompleteProjectId'] || currentProject.id,
+        (newVal:string, oldVal:string) => {
+          if (newVal !== oldVal) {
+            AutoCompleteHelper.enableTextareaAutoCompletion(element, newVal);
+          }
+        }
+      );
+    }
   };
 }
 

frontend/app/components/wp-edit-form/work-package-edit-field-handler.ts

@@ -190,6 +190,14 @@ export class WorkPackageEditFieldHandler {
     return this.form.workPackage;
   }
 
+  /**
+   * Reference the current set project
+   */
+  public get project() {
+    const changeset = this.form.changeset;
+    return changeset.value('project');
+  }
+
   /**
    * Return a unique ID for this edit field
    */

frontend/app/components/wp-edit/field-types/wp-edit-wiki-textarea-field.directive.html

@@ -2,6 +2,7 @@
   <textarea
           wiki-toolbar
           op-auto-complete
+          op-auto-complete-project-id="{{vm.project.id}}"
           msd-elastic="\n"
           preview-toggle="vm.field.togglePreview()"
           style="min-height: 114px"