Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-19 21:29:42 +02:00
Code Releases Activity

Use tether service in dropdown menu

Browse source
This commit is contained in:
zinyando 2016-07-19 18:14:53 +02:00
parent fe1e457d96
commit 4a5efd2697
1 changed files with 37 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

64
app/app/components/dropdown-menu.js
View file

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