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

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

@ -1,11 +1,11 @@
// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved. // Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
// //
// This software (Documize Community Edition) is licensed under // This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html // GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
// //
// You can operate outside the AGPL restrictions by purchasing // You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license // Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>. // by contacting <sales@documize.com>.
// //
// https://documize.com // https://documize.com
@ -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();
}
}
});