client-app/app/components/message-row.js in logster-2.1.0 vs client-app/app/components/message-row.js in logster-2.1.1

- old
+ new

@@ -1,45 +1,45 @@ -import Component from "@ember/component"; - -let CHECKED_BOTTOM; -let STICK_TO_BOTTOM; - -export default Component.extend({ - tagName: "div", - - classNameBindings: [ - "model.rowClass", - ":message-row", - "model.selected:selected" - ], - - click() { - this.selectedMessage(this.get("model")); - }, - - willInsertElement() { - if (CHECKED_BOTTOM) { - return; - } - - const $topPanel = Em.$("#top-panel"); - - const scrollTop = $topPanel.scrollTop(); - const height = $topPanel.height(); - const scrollHeight = $topPanel[0].scrollHeight; - - STICK_TO_BOTTOM = scrollHeight - 20 < height + scrollTop; - CHECKED_BOTTOM = true; - }, - - didInsertElement() { - const $topPanel = Em.$("#top-panel"); - Em.run.next(() => { - CHECKED_BOTTOM = false; - - if (STICK_TO_BOTTOM) { - STICK_TO_BOTTOM = false; - $topPanel.scrollTop($topPanel[0].scrollHeight - $topPanel.height()); - } - }); - } -}); +import Component from "@ember/component"; + +let CHECKED_BOTTOM; +let STICK_TO_BOTTOM; + +export default Component.extend({ + tagName: "div", + + classNameBindings: [ + "model.rowClass", + ":message-row", + "model.selected:selected" + ], + + click() { + this.selectedMessage(this.get("model")); + }, + + willInsertElement() { + if (CHECKED_BOTTOM) { + return; + } + + const $topPanel = Em.$("#top-panel"); + + const scrollTop = $topPanel.scrollTop(); + const height = $topPanel.height(); + const scrollHeight = $topPanel[0].scrollHeight; + + STICK_TO_BOTTOM = scrollHeight - 20 < height + scrollTop; + CHECKED_BOTTOM = true; + }, + + didInsertElement() { + const $topPanel = Em.$("#top-panel"); + Em.run.next(() => { + CHECKED_BOTTOM = false; + + if (STICK_TO_BOTTOM) { + STICK_TO_BOTTOM = false; + $topPanel.scrollTop($topPanel[0].scrollHeight - $topPanel.height()); + } + }); + } +});