From ef1b927861f9a949aed20341144ffb5bfd42f038 Mon Sep 17 00:00:00 2001 From: Yuchen Pei Date: Mon, 19 Sep 2022 11:22:21 +1000 Subject: Removing the web client --- javascript/app/components/resizable-panel.js | 76 ---------------------------- 1 file changed, 76 deletions(-) delete mode 100644 javascript/app/components/resizable-panel.js (limited to 'javascript/app/components/resizable-panel.js') diff --git a/javascript/app/components/resizable-panel.js b/javascript/app/components/resizable-panel.js deleted file mode 100644 index fe51ade..0000000 --- a/javascript/app/components/resizable-panel.js +++ /dev/null @@ -1,76 +0,0 @@ -import Ember from 'ember'; - -function hide (component,byUser) { - component.$alsoResizeElement.css({left: 0}); - component.$().css({width:0}); - component.set('hidden',true); - component.$(".show-left-panel-button").show(); - if(byUser) { - component.set('hiddenByUser',true); - } -} - -function show (component,byUser) { - component.$alsoResizeElement.css({left: 300}); - component.$().css({width:300}); - component.set('hidden',false); - component.$(".show-left-panel-button").hide(); - if(byUser) { - component.set('hiddenByUser',false); - } -} - -export default Ember.Component.extend({ - hidden:false, - hiddenByUser:false, - didInsertElement : function () { - this._super(...arguments); - Ember.run.next(this,() => { - const onresize = () => { - if(!this.get('hiddenByUser')) { - const width = window.innerWidth; - if(!this.get('hidden') && width < 700) { - hide(this,false); - } else if(this.get('hidden') && width > 700) { - show(this,false); - } - } - }; - this._onresize = onresize; - window.addEventListener('resize', onresize); - const $alsoResizeElement = Ember.$(this.get('alsoResizeElementId')); - Ember.$(this.element).resizable({ - maxWidth: 800, - minWidth: 200, - handles: 'e', - resize: (event,ui) => { - Ember.run.next(this,() => { - $alsoResizeElement.css({left: ui.size.width}); - }); - } - }); - this.$alsoResizeElement = $alsoResizeElement; - if(window.innerWidth < 700) { - this.set('hidden',true); - hide(this,false); - } - }); - }, - hideButtonLabel : Ember.computed('hidden',function() { - return this.get('hidden') ? ">" : "<"; - }), - willDestroyElement() { - if(this._onresize) { - window.removeEventListener('resize',this._onresize); - } - }, - actions : { - hide() { - if(this.get('hidden')) { - show(this,true); - } else { - hide(this,true); - } - } - } -}); -- cgit v1.2.3