logster 2.1.2 → 2.2.0

data/client-app/.travis.yml

@@ -1,27 +1,27 @@
----
-language: node_js
-node_js:
-  - "6"
-
-sudo: false
-dist: trusty
-
-addons:
-  chrome: stable
-
-cache:
-  directories:
-    - $HOME/.npm
-
-env:
-  global:
-    # See https://git.io/vdao3 for details.
-    - JOBS=1
-
-before_install:
-  - npm config set spin false
-
-script:
-  - npm run lint:hbs
-  - npm run lint:js
-  - npm test
+---
+language: node_js
+node_js:
+  - "6"
+
+sudo: false
+dist: trusty
+
+addons:
+  chrome: stable
+
+cache:
+  directories:
+    - $HOME/.npm
+
+env:
+  global:
+    # See https://git.io/vdao3 for details.
+    - JOBS=1
+
+before_install:
+  - npm config set spin false
+
+script:
+  - npm run lint:hbs
+  - npm run lint:js
+  - npm test

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/components/actions-menu.js

@@ -1,43 +1,43 @@
-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.off("click", this.get("bindingFunction"));
-    }
-  }),
-
-  willDestroyElement() {
-    this._super(...arguments);
-    const $document = Em.$(document);
-    $document.off("click", this.get("bindingFunction"));
-  },
-
-  actions: {
-    expandMenu() {
-      this.toggleProperty("showMenu");
-    },
-    share() {
-      this.share();
-    }
-  }
-});
+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.off("click", this.get("bindingFunction"));
+    }
+  }),
+
+  willDestroyElement() {
+    this._super(...arguments);
+    const $document = Em.$(document);
+    $document.off("click", this.get("bindingFunction"));
+  },
+
+  actions: {
+    expandMenu() {
+      this.toggleProperty("showMenu");
+    },
+    share() {
+      this.share();
+    }
+  }
+});

data/client-app/app/components/env-tab.js

@@ -1,80 +1,80 @@
-import Component from "@ember/component";
-import { computed } from "@ember/object";
-import { buildHashString } from "client-app/lib/utilities";
-import Preload from "client-app/lib/preload";
-
-export default Component.extend({
-  current: 1,
-
-  didUpdateAttrs() {
-    this.setProperties({
-      current: 1,
-      expanded: null
-    });
-  },
-
-  isEnvArray: computed("message.env", function() {
-    return Array.isArray(this.get("message.env"));
-  }),
-
-  html: computed("isEnvArray", "current", "expanded.[]", function() {
-    if (!this.get("isEnvArray")) {
-      return buildHashString(this.get("message.env"));
-    } else {
-      const currentEnv = Em.$.extend(
-        {},
-        this.get("message.env")[this.get("current") - 1]
-      );
-      const expandableKeys = Preload.get("env_expandable_keys") || [];
-      expandableKeys.forEach(key => {
-        if (currentEnv.hasOwnProperty(key) && !Array.isArray(currentEnv[key])) {
-          const list = [currentEnv[key]];
-          this.get("message.env").forEach(env => {
-            if (env[key] && list.indexOf(env[key]) === -1) {
-              list.push(env[key]);
-            }
-          });
-          currentEnv[key] = list.length > 1 ? list : list[0];
-        }
-      });
-      return buildHashString(currentEnv, false, this.get("expanded") || []);
-    }
-  }),
-
-  click(e) {
-    const $elem = Em.$(e.target);
-    const dataKey = $elem.attr("data-key");
-    const expandableKeys = Preload.get("env_expandable_keys") || [];
-    if (
-      expandableKeys.indexOf(dataKey) !== -1 &&
-      $elem.hasClass("expand-list")
-    ) {
-      e.preventDefault();
-      if (!this.get("expanded")) {
-        this.set("expanded", [dataKey]);
-      } else {
-        this.get("expanded").pushObject(dataKey);
-      }
-    }
-  },
-
-  disableBackButtons: computed("current", function() {
-    return this.get("current") === 1;
-  }),
-
-  disableForwardButtons: computed("current", "message.env.length", function() {
-    return this.get("current") === this.get("message.env.length");
-  }),
-
-  actions: {
-    takeStep(dir) {
-      const amount = dir === "back" ? -1 : 1;
-      this.set("current", this.get("current") + amount);
-    },
-
-    bigJump(dir) {
-      const newCurrent = dir === "back" ? 1 : this.get("message.env.length");
-      this.set("current", newCurrent);
-    }
-  }
-});
+import Component from "@ember/component";
+import { computed } from "@ember/object";
+import { buildHashString } from "client-app/lib/utilities";
+import Preload from "client-app/lib/preload";
+
+export default Component.extend({
+  current: 1,
+
+  didUpdateAttrs() {
+    this.setProperties({
+      current: 1,
+      expanded: null
+    });
+  },
+
+  isEnvArray: computed("message.env", function() {
+    return Array.isArray(this.get("message.env"));
+  }),
+
+  html: computed("isEnvArray", "current", "expanded.[]", function() {
+    if (!this.get("isEnvArray")) {
+      return buildHashString(this.get("message.env"));
+    } else {
+      const currentEnv = Em.$.extend(
+        {},
+        this.get("message.env")[this.get("current") - 1]
+      );
+      const expandableKeys = Preload.get("env_expandable_keys") || [];
+      expandableKeys.forEach(key => {
+        if (currentEnv.hasOwnProperty(key) && !Array.isArray(currentEnv[key])) {
+          const list = [currentEnv[key]];
+          this.get("message.env").forEach(env => {
+            if (env[key] && list.indexOf(env[key]) === -1) {
+              list.push(env[key]);
+            }
+          });
+          currentEnv[key] = list.length > 1 ? list : list[0];
+        }
+      });
+      return buildHashString(currentEnv, false, this.get("expanded") || []);
+    }
+  }),
+
+  click(e) {
+    const $elem = Em.$(e.target);
+    const dataKey = $elem.attr("data-key");
+    const expandableKeys = Preload.get("env_expandable_keys") || [];
+    if (
+      expandableKeys.indexOf(dataKey) !== -1 &&
+      $elem.hasClass("expand-list")
+    ) {
+      e.preventDefault();
+      if (!this.get("expanded")) {
+        this.set("expanded", [dataKey]);
+      } else {
+        this.get("expanded").pushObject(dataKey);
+      }
+    }
+  },
+
+  disableBackButtons: computed("current", function() {
+    return this.get("current") === 1;
+  }),
+
+  disableForwardButtons: computed("current", "message.env.length", function() {
+    return this.get("current") === this.get("message.env.length");
+  }),
+
+  actions: {
+    takeStep(dir) {
+      const amount = dir === "back" ? -1 : 1;
+      this.set("current", this.get("current") + amount);
+    },
+
+    bigJump(dir) {
+      const newCurrent = dir === "back" ? 1 : this.get("message.env.length");
+      this.set("current", newCurrent);
+    }
+  }
+});

data/client-app/app/components/patterns-list.js

@@ -0,0 +1,109 @@
+import Component from "@ember/component";
+import { not } from "@ember/object/computed";
+import { computed } from "@ember/object";
+import Pattern from "client-app/models/pattern-item";
+import { ajax } from "client-app/lib/utilities";
+
+export default Component.extend({
+  immutable: not("mutable"),
+
+  init() {
+    this._super(...arguments);
+    if (this.get("patterns.length") < 1 && this.get("mutable")) {
+      this.send("create");
+    }
+  },
+
+  allPatterns: computed("patterns.[]", "newPatterns.[]", function() {
+    const patterns = this.get("patterns").map(pattern =>
+      Pattern.create({ value: pattern })
+    );
+    const newPatterns = this.get("newPatterns") || [];
+    return [...newPatterns.reverse(), ...patterns.reverse()];
+  }),
+
+  makeAPICall(data = {}) {
+    const { method } = data;
+    delete data.method;
+
+    return ajax(`/patterns/${this.get("key")}.json`, { method, data });
+  },
+
+  alwaysBlock(pattern) {
+    pattern.set("saving", false);
+  },
+
+  catchBlock(pattern, response) {
+    if (response.responseText) {
+      pattern.set("error", response.responseText);
+    } else {
+      pattern.set("error", "Unkown error occured. Please see dev console.");
+    }
+  },
+
+  requestInit(pattern) {
+    pattern.setProperties({
+      saving: true,
+      error: null
+    });
+  },
+
+  actions: {
+    create() {
+      if (!this.get("newPatterns")) {
+        this.set("newPatterns", []);
+      }
+      this.get("newPatterns").pushObject(Pattern.create({ isNew: true }));
+    },
+
+    trash(pattern) {
+      if (pattern.get("isNew")) {
+        this.get("newPatterns").removeObject(pattern);
+        pattern.destroy();
+      } else {
+        this.requestInit(pattern);
+        this.makeAPICall({
+          method: "DELETE",
+          pattern: pattern.get("value")
+        })
+          .then(() => {
+            this.get("patterns").removeObject(pattern.get("value"));
+            pattern.destroy();
+          })
+          .catch(response => this.catchBlock(pattern, response))
+          .always(() => this.alwaysBlock(pattern));
+      }
+    },
+
+    save(pattern) {
+      this.requestInit(pattern);
+      let promise;
+      if (pattern.get("isNew")) {
+        promise = this.makeAPICall({
+          method: "POST",
+          pattern: pattern.get("valueBuffer")
+        }).then(response => {
+          pattern.updateValue(response.pattern);
+          pattern.set("isNew", false);
+          this.get("patterns").pushObject(pattern.get("value"));
+          this.get("newPatterns").removeObject(pattern);
+        });
+      } else {
+        promise = this.makeAPICall({
+          method: "PUT",
+          pattern: pattern.get("value"),
+          new_pattern: pattern.get("valueBuffer")
+        }).then(response => {
+          const index = this.get("patterns").indexOf(pattern.get("value"));
+          pattern.updateValue(response.pattern);
+          this.get("patterns")[index] = pattern.get("value");
+        });
+      }
+      promise
+        .catch(response => {
+          this.catchBlock(pattern, response);
+        })
+        .always(() => this.alwaysBlock(pattern));
+    }
+  }
+});