1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 14:19:43 +02:00

Use tether service in dropdown menu

This commit is contained in:
zinyando 2016-07-19 18:14:53 +02:00
parent fe1e457d96
commit 4a5efd2697

View file

@ -13,40 +13,44 @@ import Ember from 'ember';
import stringUtil from '../utils/string'; import stringUtil from '../utils/string';
export default Ember.Component.extend({ export default Ember.Component.extend({
target: null, target: null,
open: "click", open: "click",
position: 'bottom right', position: 'bottom right',
contentId: "", contentId: "",
drop: null, drop: null,
tether: Ember.inject.service(),
didReceiveAttrs() { didReceiveAttrs() {
this.set("contentId", 'dropdown-menu-' + stringUtil.makeId(10)); this.set("contentId", 'dropdown-menu-' + stringUtil.makeId(10));
// if (this.session.get('isMobile')) { // if (this.session.get('isMobile')) {
// this.set('open', "click"); // this.set('open', "click");
// } // }
}, },
didInsertElement() { didInsertElement() {
this._super(...arguments); this._super(...arguments);
let self = this; let self = this;
let drop = new Drop({ let drop = this.get('tether').createDrop({
target: document.getElementById(self.get('target')), target: document.getElementById(self.get('target')),
content: self.$(".dropdown-menu")[0], content: self.$(".dropdown-menu")[0],
classes: 'drop-theme-menu', classes: 'drop-theme-menu',
position: self.get('position'), position: self.get('position'),
openOn: self.get('open'), openOn: self.get('open'),
tetherOptions: { tetherOptions: {
offset: "5px 0", offset: "5px 0",
targetOffset: "10px 0" targetOffset: "10px 0"
} }
}); });
self.set('drop', drop); self.set('drop', drop);
}, },
willDestroyElement() { willDestroyElement() {
this.get('drop').destroy(); let drop = this.get('drop');
} if (drop) {
drop.destroy();
}
}
}); });