openproject/public/templates/work_packages/tabs/watchers.html

<div class="detail-panel-content">
  <div id="detail-panel-watchers">
    <ul ng-if="watchers.length">
      <li ng-repeat="watcher in watchers">
        <user-field user="watcher"></user-field>
        <icon-wrapper icon-name="close"
                      icon-title="{{I18n.t('js.button_delete_watcher')}}"
                      class="detail-panel-watchers-delete-watcher-icon"
                      ng-if="watcher.links.removeWatcher"
                      ng-click="deleteWatcher(watcher)"></icon-wrapper>
      </li>
    </ul>

    <div id="detail-panel-watchers-add-watcher" ng-if="availableWatchers.length">
      <h3 ng-bind="I18n.t('js.button_add_watcher')"/>
      <fieldset>
        <legend ng-bind="I18n.t('js.button_add_watcher')" class="hidden-for-sighted"/>
        <select id="detail-panel-watchers-add-watcher-select"
                ng-model="newWatcherId"
                ng-options="watcher.props.id as watcher.props.login for watcher in availableWatchers"
                ng-change="addWatcher(newWatcherId); newWatcherId=null">
          <option value="" ng-bind="'-- ' + I18n.t('js.button_add_watcher') + ' --'"></option>
        </select>
      </fieldset>
    </div>

  </div>
</div>