tolaria 1.0.0

data/app/assets/javascripts/admin/views/fields/swatch_field.js

@@ -0,0 +1,55 @@
+var SwatchFieldView = Backbone.View.extend({
+
+  initialize: function() {
+    this.$swatch = this.$(".swatch-field-swatch");
+    this.$input = this.$("input");
+    this.refreshPreview();
+  },
+
+  colorRegex: /^(?:[0-9a-f]{3})(?:[0-9a-f]{3})?$/i,
+
+  parseColor: function(color) {
+    color = color.replace("#","");
+    if (!!this.colorRegex.exec(color)) {
+      return color.toUpperCase();
+    }
+    else {
+      return false;
+    }
+  },
+
+  refreshPreview: function() {
+    var parsedColor = this.parseColor($.trim(this.$input.val()));
+    if (!!parsedColor) {
+      this.$swatch.attr("style", "background:#" + parsedColor + " !important");
+      this.$swatch.addClass("-active");
+    }
+    else {
+      this.$swatch.attr("style", "");
+      this.$swatch.removeClass("-active");
+    }
+  },
+
+  validateSelf: function() {
+    var inputValue = $.trim(this.$input.val());
+    var parsedColor = this.parseColor(inputValue);
+    if (!parsedColor && inputValue !== "") {
+      this.$el.addClass("field_with_errors");
+    }
+  },
+
+  clearError: function() {
+    this.$el.removeClass("field_with_errors");
+  },
+
+  events: {
+    "keyup": "refreshPreview",
+    "change input": "refreshPreview",
+    "change input": "validateSelf",
+    "blur input": "validateSelf",
+    "focus input": "clearError"
+  }
+
+});
+
+FormOrchestrator.register(".swatch-field", "SwatchFieldView");

data/app/assets/javascripts/admin/views/fields/timestamp_field.js

@@ -0,0 +1,80 @@
+moment.locale("en");
+
+var TimestampFieldView = Backbone.View.extend({
+
+  momentFormats: [
+    "YYYY-MM-DD hh:mm A",
+    "YYYY-MM-DD hh:mm a"
+  ],
+
+  initialize: function() {
+
+    this.$year = this.$("select[name*='(1i)']");
+    this.$month = this.$("select[name*='(2i)']");
+    this.$date = this.$("select[name*='(3i)']");
+    this.$hour = this.$("select[name*='(4i)']");
+    this.$minute = this.$("select[name*='(5i)']");
+
+    this.$input = this.$("input[type=text]");
+    this.recoveryValue = this.$input.data("recovery-value");
+
+  },
+
+  attemptRecovery: function() {
+    this.$el.removeClass("field_with_errors");
+    if (!$.trim(this.$input.val())) {
+      this.$input.val(this.recoveryValue);
+    }
+  },
+
+  // Rails expects hours and minutes in two-digit format
+  padSingleDigits: function(numeric) {
+    if (numeric < 10) {
+      return "0" + numeric.toString();
+    }
+    else {
+      return numeric;
+    }
+  },
+
+  parseTime: function() {
+
+    var parsedMoment = moment(this.$input.val(), this.momentFormats);
+
+    if (parsedMoment.isValid()) {
+      this.$year.val(parsedMoment.year());
+      this.$month.val(parsedMoment.month() + 1); // Moment.js months are 0 indexed
+      this.$date.val(parsedMoment.date());
+      this.$hour.val(this.padSingleDigits(parsedMoment.hour()));
+      this.$minute.val(this.padSingleDigits(parsedMoment.minute()));
+    }
+    else {
+      this.$year.val("");
+      this.$month.val("");
+      this.$date.val("");
+      this.$hour.val("");
+      this.$minute.val("");
+      this.$el.addClass("field_with_errors");
+    }
+
+    console.log("Timestamp field changed:", [
+      this.$year.val(),
+      this.$month.val(),
+      this.$date.val(),
+      this.$hour.val(),
+      this.$minute.val(),
+      parsedMoment.format("dddd, MMMM Do YYYY, h:mm:ss a"),
+      this.$input.val()
+    ]);
+
+  },
+
+  events: {
+    "change input": "parseTime",
+    "blur input": "parseTime",
+    "focus input": "attemptRecovery",
+  }
+
+});
+
+FormOrchestrator.register(".timestamp-field", "TimestampFieldView");

data/app/assets/javascripts/admin/views/flash_message.js

@@ -0,0 +1,18 @@
+var FlashMessageView = Backbone.View.extend({
+
+  dismissSelf: function() {
+    this.$el.slideUp(200, function() {
+      this.remove();
+      delete this;
+    });
+  },
+
+  events: {
+    "click": "dismissSelf"
+  }
+
+});
+
+$(".flash-message").each(function() {
+  new FlashMessageView({el:this});
+});

data/app/assets/javascripts/admin/views/form_orchestrator.js

@@ -0,0 +1,41 @@
+var FormOrchestrator = {
+
+  // Filled with objects that map selectors to Backbone Views that
+  // manage them, such as: ".timestamp-field" → "TimestampView"
+  selectorMappings: [],
+
+  // Register a selector (el) and the BackboneView that should be
+  // created to manage each one
+  register: function(selector, backboneViewName) {
+    this.selectorMappings.push({
+      selector: selector,
+      backboneViewName: backboneViewName
+    });
+  },
+
+  // Build each of the registered Backbone Views that are inside
+  // the given rootSelector (either a CSS selector or a jQuery collection)
+  initializeViewsOver: function(rootSelector) {
+
+    this.selectorMappings.forEach(function(mapEntry) {
+
+      // Passed a string selector, find descendants to initialize
+      if (typeof rootSelector === "string") {
+        $(rootSelector).find(mapEntry.selector).each(function() {
+          new window[mapEntry.backboneViewName]({el:this});
+        });
+      }
+
+      // Passed a jQuery collection, filter it to find elements to initialize
+      if (typeof rootSelector === "object") {
+        $(rootSelector).filter(mapEntry.selector).each(function() {
+          new window[mapEntry.backboneViewName]({el:this});
+        });
+      }
+
+    });
+
+  }
+
+};
+

data/app/assets/javascripts/admin/views/navigation.js

@@ -0,0 +1,20 @@
+var NavigationView = Backbone.View.extend({
+
+  el: "body",
+
+  initialize: function() {
+    this.$navigation = this.$(".navigation");
+  },
+
+  toggleNavigation: function(event) {
+    event.preventDefault();
+    this.$navigation.toggleClass("-open");
+  },
+
+  events: {
+    "click .header-menu-trigger": "toggleNavigation"
+  }
+
+});
+
+new NavigationView;

data/app/assets/javascripts/admin/views/resource_form.js

@@ -0,0 +1,18 @@
+var ResourceFormView = Backbone.View.extend({
+
+  el: ".resource-form:not(.search-form)",
+
+  initialize: function() {
+    this.focusFirstInput();
+  },
+
+  focusFirstInput: function() {
+    this.$("input:visible, select:visible, textarea:visible").first().focus();
+  },
+
+  events: {
+  }
+
+});
+
+new ResourceFormView;

data/app/assets/javascripts/admin/views/search_form.js

@@ -0,0 +1,20 @@
+var SearchFormView = Backbone.View.extend({
+
+  el: "body",
+
+  initialize: function() {
+    this.$form = this.$(".search-form");
+  },
+
+  toggleForm: function() {
+    this.$form.fadeToggle(100);
+    this.$("input:visible, select:visible, textarea:visible").first().focus();
+  },
+
+  events: {
+    "click .search-form-toggle": "toggleForm"
+  }
+
+});
+
+new SearchFormView;

data/app/assets/javascripts/admin/views/sessions.js

@@ -0,0 +1,109 @@
+var SessionView = Backbone.View.extend({
+
+  el: "#session-form",
+  readyToSubmit: false,
+
+  initialize: function () {
+    this.$submitButton = this.$("#session-form-submit");
+    this.$emailInput = this.$("#session-form-email");
+    this.$passcodeInput = this.$("#session-form-passcode");
+    this.$spinner = this.$("#session-spinner");
+    this.$feedbackMessage = this.$("#session-form-feedback");
+    this.$resendButton = this.$("#session-form-resend");
+    this.$rememberGroup = this.$("#session-form-remember-group");
+  },
+
+  requestAuthenticationCode: function(event) {
+
+    var self = this;
+
+    self.$passcodeInput.fadeOut(300);
+    self.$submitButton.fadeOut(300);
+    self.$resendButton.fadeOut(300);
+    self.$feedbackMessage.fadeOut(300);
+    self.$emailInput.fadeOut(300);
+    self.$rememberGroup.fadeOut(300);
+
+    window.setTimeout(function() {
+
+      self.$spinner.fadeIn(400);
+
+      $.ajax({
+
+        type: "POST",
+        url: "/admin/signin/code",
+        data: {
+          "administrator": {
+            "email": self.$emailInput.val()
+          }
+        },
+
+        beforeSend: function(xhr) {
+          xhr.setRequestHeader("X-CSRF-Token", RailsMeta.csrfToken);
+        },
+
+        statusCode: {
+          204: function(data, xstatus, xhr) {
+            self.presentPasscodeInput();
+          },
+          404: function(xhr, status, error) {
+            self.presentErrorMessage(xhr.responseJSON.error)
+          },
+          423: function(xhr, status, error) {
+            self.presentErrorMessage(xhr.responseJSON.error)
+          },
+          500: function(xhr, status, error) {
+            self.presentErrorMessage("An unexpected server error occurred. Developers have been notified. Please try again\xA0later.")
+          }
+        },
+
+        timeout: 29000,
+        error: function(xhr, status, error) {
+          self.presentErrorMessage("Could not connect to the server. Check your network connection and try\xA0again.")
+        }
+
+      });
+
+    }, 300);
+
+  },
+
+  presentErrorMessage: function(message) {
+    var self = this;
+    self.readyToSubmit = false;
+    self.$spinner.fadeOut(400, function() {
+      self.$feedbackMessage.html(message).fadeIn(300);
+      self.$emailInput.fadeIn(300);
+      self.$submitButton.html("Request a passcode").fadeIn(300);
+    });
+  },
+
+  presentPasscodeInput: function() {
+    var self = this;
+    self.readyToSubmit = true;
+    self.$spinner.fadeOut(400, function() {
+      self.$passcodeInput.fadeIn(300).val("").focus();
+      self.$feedbackMessage.html("A passcode was just emailed to you.<br> Enter it here to sign in.").fadeIn(300);
+      self.$submitButton.html("Sign In").fadeIn(300);
+      self.$rememberGroup.fadeIn(300);
+      self.$resendButton.fadeIn(300);
+    });
+  },
+
+  handleSubmit: function(event) {
+    if (!this.readyToSubmit) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.requestAuthenticationCode();
+    }
+  },
+
+  events: {
+    "submit": "handleSubmit",
+    "click button": "handleSubmit",
+    "click #session-form-resend": "requestAuthenticationCode"
+  }
+
+});
+
+var SessionView = new SessionView;

data/app/assets/javascripts/admin/views/virtual_form.js

@@ -0,0 +1,47 @@
+var VirualFormView = Backbone.View.extend({
+
+  el: "body",
+
+  submitVirtualForm: function(event) {
+
+    event.preventDefault();
+    var $link = $(event.currentTarget);
+
+    var confirm = $link.attr("data-confirm");
+    var method = $link.attr("data-method");
+
+    // Check for a confirmation attribute and if so, prompt the user
+    if (!!confirm) {
+      if (!window.confirm(confirm)) {
+        return false;
+      }
+    }
+
+    var href = $link.attr("href");
+    var target = $link.attr("target");
+
+    var $form = $("<form method='post' action=" + href + "></form>");
+    var $metadataInputs = "<input name='_method' value='" + method + "' type='hidden'>";
+
+    if (!!RailsMeta.csrfParam && !!RailsMeta.csrfToken) {
+      $metadataInputs += "<input name='" + RailsMeta.csrfParam + "' value='" + RailsMeta.csrfToken + "' type='hidden'>";
+    }
+
+    if (!!target) {
+      form.attr("target", target);
+    }
+
+    $form.hide().append($metadataInputs).appendTo(this.$el);
+    $form.submit();
+
+  },
+
+  events: {
+    "click a[data-method=delete]": "submitVirtualForm",
+    "click a[data-method=post]": "submitVirtualForm",
+    "click a[data-method=put]": "submitVirtualForm"
+  }
+
+});
+
+new VirualFormView;

data/app/assets/stylesheets/admin/_base.scss

@@ -0,0 +1,5 @@
+@import "mixins/**/*";
+@import "settings/**/*";
+@import "reset";
+@import "root";
+@import "components/**/*";

data/app/assets/stylesheets/admin/_reset.scss

@@ -0,0 +1,149 @@
+// ---------------------------------------------------------------------------
+// GENERAL RESETS
+// ---------------------------------------------------------------------------
+
+// `border-box` is love, `border-box` is life
+
+*, *:before, *:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+// Reset most styles
+
+a, abbr, acronym, address, applet, article, aside,
+b, big, blockquote, body, button,
+canvas, caption, cite, code,
+dd, del, details, dfn, div, dl, dt,
+em, fieldset, figcaption, figure, font, footer, form,
+h1, h2, h3, h4, h5, h6, header, html,
+i, iframe, img, input, ins,
+kbd, label, legend, li,
+main, menu, nav, object, ol, option, p, pre, q,
+s, samp, section, select, small, span, strike, strong, sub, summary, sup,
+table, tbody, td, textarea, tfoot, th, thead, tr, tt,
+ul, var {
+  -ms-appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  border-collapse: collapse;
+  border-radius: 0;
+  border-spacing: 0;
+  border: 0;
+  font-size: 100%;
+  font-weight: normal;
+  list-style: none;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  text-decoration: none;
+}
+
+b, i {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+// Add the glove cursor to each
+// universal element that needs it
+
+a, button,
+label, input[type=checkbox],
+select, option {
+  cursor: pointer;
+}
+
+// More sensible font default
+// Prevent zoom issues on mobile browsers
+// Force a scrollbar
+
+html {
+  -ms-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  height: 100%;
+  margin-bottom: 1px;
+}
+
+// Reset `table` border junk
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+// Ditch default `quote` styles
+
+blockquote, q {
+  quotes: none;
+  &:after, &:before {
+    content: "";
+    content: none;
+  }
+}
+
+// Prevent nasty 3rd-party embeds from overlapping
+// absolute or fixed elements
+
+iframe,
+object,
+embed {
+  z-index: 1 !important;
+}
+
+// ---------------------------------------------------------------------------
+// BROWSER FIXES
+// ---------------------------------------------------------------------------
+
+// Fix HTML5 issues where these items are not block-level by default
+
+article, aside, canvas, details,
+figcaption, figure, footer,
+header, hgroup, main, menu, nav,
+section, summary {
+  display: block;
+}
+
+// Fix `textarea` overflow on IE 7/8/9/10
+
+textarea {
+  overflow: auto;
+}
+
+// Prevent modern browsers from displaying `audio` when it doesn't have controls.
+// Remove excess height in iOS 5 devices.
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+// Remove up/down spinners on some WebKit elements
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+}
+
+// Remove extra padding that Firefox adds to elements
+
+::-moz-focus-inner {
+  border: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+// Correct `inline-block` display not defined in IE 8/9.
+// Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}