logster 1.3.1 → 1.3.2

data/client-app/.watchmanconfig

@@ -1,3 +1,3 @@
-{
-  "ignore_dirs": ["tmp", "dist"]
-}
+{
+  "ignore_dirs": ["tmp", "dist"]
+}

data/client-app/README.md

@@ -1,57 +1,57 @@
-# client-app
-
-This README outlines the details of collaborating on this Ember application.
-A short introduction of this app could easily go here.
-
-## Prerequisites
-
-You will need the following things properly installed on your computer.
-
-* [Git](https://git-scm.com/)
-* [Node.js](https://nodejs.org/) (with npm)
-* [Ember CLI](https://ember-cli.com/)
-* [Google Chrome](https://google.com/chrome/)
-
-## Installation
-
-* `git clone <repository-url>` this repository
-* `cd client-app`
-* `npm install`
-
-## Running / Development
-
-* `ember serve`
-* Visit your app at [http://localhost:4200](http://localhost:4200).
-* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
-
-### Code Generators
-
-Make use of the many generators for code, try `ember help generate` for more details
-
-### Running Tests
-
-* `ember test`
-* `ember test --server`
-
-### Linting
-
-* `npm run lint:hbs`
-* `npm run lint:js`
-* `npm run lint:js -- --fix`
-
-### Building
-
-* `ember build` (development)
-* `ember build --environment production` (production)
-
-### Deploying
-
-Specify what it takes to deploy your app.
-
-## Further Reading / Useful Links
-
-* [ember.js](https://emberjs.com/)
-* [ember-cli](https://ember-cli.com/)
-* Development Browser Extensions
-  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
-  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)
+# client-app
+
+This README outlines the details of collaborating on this Ember application.
+A short introduction of this app could easily go here.
+
+## Prerequisites
+
+You will need the following things properly installed on your computer.
+
+* [Git](https://git-scm.com/)
+* [Node.js](https://nodejs.org/) (with npm)
+* [Ember CLI](https://ember-cli.com/)
+* [Google Chrome](https://google.com/chrome/)
+
+## Installation
+
+* `git clone <repository-url>` this repository
+* `cd client-app`
+* `npm install`
+
+## Running / Development
+
+* `ember serve`
+* Visit your app at [http://localhost:4200](http://localhost:4200).
+* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
+
+### Code Generators
+
+Make use of the many generators for code, try `ember help generate` for more details
+
+### Running Tests
+
+* `ember test`
+* `ember test --server`
+
+### Linting
+
+* `npm run lint:hbs`
+* `npm run lint:js`
+* `npm run lint:js -- --fix`
+
+### Building
+
+* `ember build` (development)
+* `ember build --environment production` (production)
+
+### Deploying
+
+Specify what it takes to deploy your app.
+
+## Further Reading / Useful Links
+
+* [ember.js](https://emberjs.com/)
+* [ember-cli](https://ember-cli.com/)
+* Development Browser Extensions
+  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
+  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)

data/client-app/app/app.js

@@ -1,14 +1,14 @@
-import Application from '@ember/application';
-import Resolver from './resolver';
-import loadInitializers from 'ember-load-initializers';
-import config from './config/environment';
-
-const App = Application.extend({
-  modulePrefix: config.modulePrefix,
-  podModulePrefix: config.podModulePrefix,
-  Resolver
-});
-
-loadInitializers(App, config.modulePrefix);
-
-export default App;
+import Application from "@ember/application";
+import Resolver from "./resolver";
+import loadInitializers from "ember-load-initializers";
+import config from "./config/environment";
+
+const App = Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;

data/client-app/app/components/actions-menu.js

@@ -0,0 +1,37 @@
+import Component from "@ember/component";
+import { observer } from "@ember/object";
+
+export default Component.extend({
+  showMenu: false,
+  tagName: "span",
+
+  init() {
+    this._super(...arguments);
+    this.bindingFunction = this.bindingFunction.bind(this);
+  },
+
+  bindingFunction(event) {
+    const context = this.$()[0];
+    if (!Em.$.contains(context, event.target) && context !== event.target) {
+      this.set("showMenu", false);
+    }
+  },
+
+  bindDocument: observer("showMenu", function() {
+    const $document = Em.$(document);
+    if (this.get("showMenu")) {
+      $document.on("click", this.get("bindingFunction"));
+    } else {
+      $document.unbind("click", this.get("bindingFunction"));
+    }
+  }),
+
+  actions: {
+    expandMenu() {
+      this.toggleProperty("showMenu");
+    },
+    share() {
+      this.share();
+    }
+  }
+});

data/client-app/app/components/message-info.js

@@ -1,18 +1,65 @@
-import Component from "@ember/component";
-
-export default Component.extend({
-  actions: {
-    protect() {
-      this.get("currentMessage").protect();
-    },
-    unprotect() {
-      this.get("currentMessage").unprotect();
-    },
-    remove() {
-      this.removeMessage(this.get("currentMessage"));
-    },
-    solve() {
-      this.solveMessage(this.get("currentMessage"));
-    }
-  }
-});
+import Component from "@ember/component";
+import { computed } from "@ember/object";
+
+export default Component.extend({
+  buttons: computed("currentMessage.{canSolve,protected}", function() {
+    const canSolve = this.get("currentMessage.canSolve");
+    const protect = this.get("currentMessage.protected");
+    const buttons = [];
+
+    if (!protect && canSolve) {
+      buttons.push({
+        klass: "solve",
+        action: "solve",
+        icon: "check-square-o",
+        label: "Solve",
+        danger: true
+      });
+    }
+
+    if (!protect) {
+      buttons.push(
+        {
+          klass: "remove",
+          action: "remove",
+          icon: "trash-o",
+          label: "Remove",
+          danger: true
+        },
+        {
+          klass: "protect",
+          action: "protect",
+          icon: "lock",
+          label: "Protect"
+        }
+      );
+    } else {
+      buttons.push({
+        klass: "unprotect",
+        action: "unprotect",
+        icon: "unlock",
+        label: "Unprotect"
+      });
+    }
+
+    return buttons;
+  }),
+
+  actions: {
+    protect() {
+      this.get("currentMessage").protect();
+    },
+    unprotect() {
+      this.get("currentMessage").unprotect();
+    },
+    remove() {
+      this.removeMessage(this.get("currentMessage"));
+    },
+    solve() {
+      this.solveMessage(this.get("currentMessage"));
+    },
+    share() {
+      window.location.pathname = this.get("currentMessage.shareUrl");
+    }
+  }
+});

data/client-app/app/components/message-row.js

@@ -1,45 +1,45 @@
-import Component from "@ember/component";
-
-let CHECKED_BOTTOM;
-let STICK_TO_BOTTOM;
-
-export default Component.extend({
-  tagName: "tr",
-
-  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: function() {
-    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: "tr",
+
+  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());
+      }
+    });
+  }
+});

data/client-app/app/components/panel-resizer.js

@@ -1,75 +1,75 @@
-import Component from "@ember/component";
-
-export default Component.extend({
-  classNames: ["divider"],
-
-  divideView(fromTop, win) {
-    const $win = win || Em.$(window);
-    const height = $win.height();
-    const fromBottom = $win.height() - fromTop;
-
-    if (fromTop < 100 || fromTop + 100 > height) {
-      return;
-    }
-
-    this.topPanel.css("bottom", fromBottom + 5);
-    this.bottomPanel.css("height", fromBottom - 15);
-    this.divider.css("bottom", fromBottom - 5);
-  },
-
-  didInsertElement() {
-    // inspired by http://plugins.jquery.com/misc/textarea.js
-    this.topPanel = Em.$("#top-panel");
-    this.divider = Em.$(".divider");
-    this.bottomPanel = Em.$("#bottom-panel");
-
-    const $win = Em.$(window);
-    let resizing = false;
-
-    const performDrag = e => {
-      if (resizing) {
-        this.divideView(e.clientY, $win);
-      }
-    };
-
-    const endDrag = () => {
-      Em.$("#overlay").remove();
-      resizing = false;
-
-      if (localStorage) {
-        localStorage.logster_divider_bottom = parseInt(
-          this.divider.css("bottom"),
-          10
-        );
-      }
-
-      Em.$(document)
-        .unbind("mousemove", performDrag)
-        .unbind("mouseup", endDrag);
-    };
-
-    this.divider
-      .on("mousedown", () => {
-        Em.$("<div id='overlay'></div>").appendTo(Em.$("body"));
-        resizing = true;
-        Em.$(document)
-          .mousemove(_.throttle(performDrag, 25))
-          .mouseup(endDrag);
-      })
-      .append(
-        "<div class='line-1'></div><div class='line-2'></div><div class='line-3'></div>"
-      );
-
-    Em.run.next(() => {
-      if (localStorage && localStorage.logster_divider_bottom) {
-        const fromTop =
-          $win.height() - parseInt(localStorage.logster_divider_bottom, 10);
-        this.divideView(fromTop, $win);
-      }
-    });
-  },
-
-  willDestroyElement() {
-    Em.$(".divider").off("mousedown");
-  }
-});
+import Component from "@ember/component";
+const MOVE_EVENTS = ["touchmove", "mousemove"];
+const UP_EVENTS = ["touchend", "mouseup"];
+const DOWN_EVENTS = ["touchstart", "mousedown"];
+
+export default Component.extend({
+  classNames: ["divider"],
+
+  divideView(fromTop, win) {
+    const $win = win || Em.$(window);
+    const height = $win.height();
+    const fromBottom = $win.height() - fromTop;
+
+    if (fromTop < 100 || fromTop + 170 > height) {
+      return;
+    }
+
+    this.divider.css("bottom", fromBottom - 5);
+    this.events.trigger("panelResized", fromBottom);
+  },
+
+  didInsertElement() {
+    // inspired by http://plugins.jquery.com/misc/textarea.js
+    this.divider = Em.$(".divider");
+
+    const $win = Em.$(window);
+    let resizing = false;
+
+    const performDrag = e => {
+      if (resizing) {
+        this.divideView(
+          e.clientY || (e.touches && e.touches[0] && e.touches[0].clientY),
+          $win
+        );
+      }
+    };
+
+    const endDrag = () => {
+      Em.$("#overlay").remove();
+      resizing = false;
+
+      if (localStorage) {
+        localStorage.logster_divider_bottom = parseInt(
+          this.divider.css("bottom"),
+          10
+        );
+      }
+
+      const $document = Em.$(document);
+      MOVE_EVENTS.forEach(e => $document.unbind(e, performDrag));
+      UP_EVENTS.forEach(e => $document.unbind(e, endDrag));
+    };
+
+    this.divider.on(DOWN_EVENTS.join(" "), e => {
+      e.preventDefault(); // for disabling pull-down-to-refresh on mobile
+      Em.$("<div id='overlay'></div>").appendTo(Em.$("body"));
+      resizing = true;
+      Em.$(document)
+        .on(MOVE_EVENTS.join(" "), _.throttle(performDrag, 25))
+        .on(UP_EVENTS.join(" "), endDrag);
+    });
+
+    Em.run.next(() => {
+      if (localStorage && localStorage.logster_divider_bottom) {
+        const fromTop =
+          $win.height() - parseInt(localStorage.logster_divider_bottom, 10);
+        this.divideView(fromTop, $win);
+      }
+    });
+  },
+
+  willDestroyElement() {
+    Em.$(".divider").off(DOWN_EVENTS.join(" "));
+  }
+});