Files
gerrit/polygerrit-ui/app/elements/shared/gr-js-api-interface/gr-change-reply-js-api.js
Viktar Donich d559f19f1f Define DOM Hooks API
plugin.getDomHook now returns a DOM Hook API instance that can be used
to setup callbacks for the dom hook insertion into DOM:

``` js
  Gerrit.install(plugin => {
    plugin.getDomHook('reply-text').onAttached(element => {
      if (!element.content) { return; }
      element.content.style.border = '1px red solid';
    });
  });
```

Includes tests, and refactoring for existing plugin api
and internal endpoints data model.

Documentation coming in next change.

Change-Id: Iefa0cac4257323fc4557dfb7c196a4a81e001eea
2017-08-04 10:20:11 -07:00

62 lines
2.0 KiB
JavaScript

// Copyright (C) 2016 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
(function(window) {
'use strict';
/**
* @deprecated
*/
function GrChangeReplyInterfaceOld(el) {
this._el = el;
}
GrChangeReplyInterfaceOld.prototype.getLabelValue = function(label) {
return this._el.getLabelValue(label);
};
GrChangeReplyInterfaceOld.prototype.setLabelValue = function(label, value) {
this._el.setLabelValue(label, value);
};
GrChangeReplyInterfaceOld.prototype.send = function(opt_includeComments) {
return this._el.send(opt_includeComments);
};
function GrChangeReplyInterface(plugin, el) {
GrChangeReplyInterfaceOld.call(this, el);
this.plugin = plugin;
this._hookName = (plugin.getPluginName() || 'test') + '-autogenerated-'
+ String(Math.random()).split('.')[1];
}
GrChangeReplyInterface.prototype._hookName = '';
GrChangeReplyInterface.prototype._hookClass = null;
GrChangeReplyInterface.prototype._hookPromise = null;
GrChangeReplyInterface.prototype =
Object.create(GrChangeReplyInterfaceOld.prototype);
GrChangeReplyInterface.prototype.constructor = GrChangeReplyInterface;
GrChangeReplyInterface.prototype.addReplyTextChangedCallback =
function(handler) {
this.plugin.getDomHook('reply-text').onAttached(el => {
if (!el.content) { return; }
el.content.addEventListener('value-changed', e => {
handler(e.detail.value);
});
});
};
window.GrChangeReplyInterface = GrChangeReplyInterface;
})(window);