tolaria 1.0.0

data/app/assets/javascripts/admin/models/composer_buttons.js

@@ -0,0 +1,45 @@
+ComposerButtons = {
+
+  "header": {
+    vanilla: "# Header",
+    before: "# ",
+    after: ""
+  },
+
+  "em": {
+    vanilla: "*emphasized text*",
+    before: "*",
+    after: "*"
+  },
+
+  "strong": {
+    vanilla: "**strong text**",
+    before: "**",
+    after: "**"
+  },
+
+  "link": {
+    vanilla: "[link text](http://example.com/)",
+    before: "[",
+    after: "](http://example.com)"
+  },
+
+  "ordered-list": {
+    vanilla: "\n1. Numeric list",
+    before: "1. ",
+    after: ""
+  },
+
+  "unordered-list": {
+    vanilla: "\n- Bulleted list",
+    before: "- ",
+    after: ""
+  },
+
+  "blockquote": {
+    vanilla: "\n> quoted text",
+    before: "> ",
+    after: ""
+  }
+
+}

data/app/assets/javascripts/admin/models/rails_meta.js

@@ -0,0 +1,4 @@
+var RailsMeta = {
+  csrfToken: $("meta[name=csrf-token]").attr("content"),
+  csrfParam: $("meta[name=csrf-param]").attr("content")
+}

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

@@ -0,0 +1,19 @@
+var FieldWithErrorsView = Backbone.View.extend({
+
+  implode: function() {
+    this.$el.removeClass("field_with_errors");
+    this.unbind();
+  },
+
+  events: {
+    "input focus": "implode",
+    "select focus": "implode",
+    "textarea focus": "implode",
+    "click": "implode"
+  }
+
+});
+
+$(".field_with_errors").each(function() {
+  new FieldWithErrorsView({el:this});
+});

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

@@ -0,0 +1,32 @@
+var AttachmentFieldView = Backbone.View.extend({
+
+  initialize: function() {
+    this.$fileInput = this.$("input[type=file]");
+    this.$label = this.$(".attachment-field-label");
+    this.$icon = this.$(".icon");
+    this.$preview = this.$(".attachment-field-preview");
+  },
+
+  activateFileInput: function(event) {
+    event.preventDefault();
+    this.$fileInput.focus().click()
+  },
+
+  refreshLabel: function() {
+    if (!!this.$fileInput.val()) {
+      this.$label.html("Ready to upload");
+      this.$preview.hide();
+      this.$icon.show().removeClass("icon-file-text-o icon-paperclip").addClass("icon-check-circle-o");
+      this.$el.addClass("-ready");
+    }
+  },
+
+  events: {
+    "click button": "activateFileInput",
+    "change input": "refreshLabel"
+  }
+
+});
+
+FormOrchestrator.register(".attachment-field", "AttachmentFieldView");
+

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

@@ -0,0 +1,64 @@
+var HasManyView = Backbone.View.extend({
+
+  initialize: function() {
+    this.$button = $(".has-many-create").first();
+    this.template = this.$button.data("template");
+    this.templateID = this.$button.data("id");
+  },
+
+  addFieldgroup: function(event) {
+    event.preventDefault();
+    // We need to make up a new array index
+    var time = new Date().getTime();
+    var regexp = new RegExp(this.templateID, "g");
+    // Duplicate the template into the form
+    var elements = $(this.template.replace(regexp, time));
+    // Initialize any Backbone Views by asking FormOrchestrator
+    FormOrchestrator.initializeViewsOver(elements);
+    this.$button.before(elements);
+  },
+
+  removeFieldgroup: function(event) {
+
+    event.preventDefault();
+
+    var $parentHeader = $(event.currentTarget).parents(".has-many-header").first();
+    var $fieldgroup = $parentHeader.nextUntil(".has-many-header, .has-many-create");
+    var $destroyInput = $fieldgroup.filter("input[name*='_destroy']").first()
+
+    if (!!$destroyInput.length) {
+      // The model is already persisted, set the destruction flag
+      // and present the undo button/confirmation.
+      $destroyInput.val("1");
+      $fieldgroup.filter(":not(.has-many-undo)").slideUp(150);
+      $fieldgroup.filter(".has-many-undo").first().slideDown(150);
+    }
+    else {
+      // This model wasn't persisted, just discard the form fields.
+      $fieldgroup.remove();
+      $parentHeader.remove();
+    }
+
+  },
+
+  restoreFieldgroup: function(event) {
+
+    var $undoControl = $(event.currentTarget)
+    var $fieldgroup = $undoControl.nextUntil(".has-many-header, .has-many-create");
+    var $destroyInput = $fieldgroup.filter("input[name*='_destroy']").first();
+
+    $destroyInput.val("0");
+    $fieldgroup.filter(":not(.has-many-header, .has-many-undo)").show();
+    $undoControl.hide();
+
+  },
+
+  events: {
+    "click .has-many-create": "addFieldgroup",
+    "click .has-many-group-remove": "removeFieldgroup",
+    "click .has-many-undo": "restoreFieldgroup",
+  }
+
+});
+
+FormOrchestrator.register(".has-many", "HasManyView");

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

@@ -0,0 +1,31 @@
+var ImageAssociationSelectView = Backbone.View.extend({
+
+  initialize: function() {
+    this.$select = this.$el.find("select")
+    this.$previewImage = this.$el.find(".image-association-select-image");
+    this.hiddenClass = "-hidden";
+
+    if (this.$select.val() > 0) {
+      var src = this.$select.find(":selected").data("url");
+      this.$previewImage.removeClass(this.hiddenClass).attr("src", src);
+    }
+  },
+
+  events: {
+    "change select": "previewImage"
+  },
+
+  previewImage: function() {
+    var src = this.$select.find(":selected").data("url");
+
+    if (typeof src === "undefined"){
+      this.$previewImage.addClass(this.hiddenClass);
+    } else {
+      this.$previewImage.attr("src", src);
+      this.$previewImage.removeClass(this.hiddenClass);
+    }
+  }
+
+});
+
+FormOrchestrator.register(".image-association-select", "ImageAssociationSelectView");

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

@@ -0,0 +1,167 @@
+var MarkdownComposerView = Backbone.View.extend({
+
+  fullscreen: false, // Currently expanded to fullscreen
+  livePreview: false, // The preview block is currently updating on keyup
+
+  initialize: function() {
+    this.$textarea = this.$("textarea");
+    this.$preview = this.$(".markdown-composer-preview");
+    this.$fullscreenButtonLabel = this.$(".-fullscreen-toggle span");
+    this.$fullscreenButtonIcon = this.$(".-fullscreen-toggle .icon");
+  },
+
+  // Brighten and highlight the composer UI
+  brightenSelf: function() {
+    this.$el.addClass("-focused");
+  },
+
+  // Dim the composer. Cannot be dimmed at fullscreen.
+  dimSelf: function() {
+    this.$el.removeClass("-focused");
+  },
+
+  toggleFullscreen: function(event) {
+    event.preventDefault();
+    if (!this.fullscreen) {
+      this.fullscreen = true;
+      this.livePreview = true;
+      this.updatePreview();
+      this.$preview.show();
+      this.$el.addClass("-fullscreen");
+      $("body").addClass("-modal-open");
+      this.$fullscreenButtonLabel.html("Close Fullscreen");
+      this.$fullscreenButtonIcon.removeClass("icon-arrows-alt").addClass("icon-compress");
+      this.$textarea.focus();
+    }
+    else {
+      this.fullscreen = false;
+      this.livePreview = false;
+      this.$preview.hide();
+      this.$el.removeClass("-fullscreen");
+      $("body").removeClass("-modal-open");
+      this.$fullscreenButtonLabel.html("Fullscreen");
+      this.$fullscreenButtonIcon.removeClass("icon-compress").addClass("icon-arrows-alt");
+      this.$textarea.focus();
+    }
+  },
+
+  // Update the preview on keyup if it is currently live-updating
+  keyupCallback: function() {
+    if (this.livePreview) {
+      this.updatePreview();
+    }
+  },
+
+  updatePreview: function() {
+    var trimmedDocument = $.trim(this.$textarea.val());
+    if (!trimmedDocument) {
+      this.presentErrorMessage("A preview of what you type will be shown here.");
+      return true;
+    }
+    this.renderMarkdown(trimmedDocument);
+    return true;
+  },
+
+  // Send the Markdown to the server for converting into HTML
+
+  renderMarkdown: function(markdownDocument) {
+
+    var self = this;
+
+    $.ajax({
+
+      type: "POST",
+      url: "/admin/api/markdown",
+      data: markdownDocument,
+      contentType: "text/plain",
+
+      beforeSend: function(xhr) {
+        xhr.setRequestHeader("X-CSRF-Token", RailsMeta.csrfToken);
+      },
+
+      dataType: "html",
+      processData: false,
+
+      statusCode: {
+        200: function(data, xstatus, xhr) {
+          self.$preview.html(data);
+        },
+        404: function(xhr, status, error) {
+          self.presentErrorMessage("The server refused to send you a preview. Please sign in and out of the admin panel and try again.");
+        },
+        500: function(xhr, status, error) {
+          self.presentErrorMessage("An unexpected server error occurred. Developers have been notified. Please try again\xA0later.")
+        }
+      },
+
+      timeout: 3000,
+      error: function(xhr, status, error) {
+        self.presentErrorMessage("Could not connect to the server. Please check your network connection and try\xA0again.");
+      }
+
+    });
+
+  },
+
+  // Act on a formatting button by either inserting the example
+  // syntax or wrapping the text selection in the chosen button's syntax
+
+  formatButton: function(event, mode) {
+
+    event.preventDefault();
+
+    var selectedText = this.$textarea.selection("get");
+    var buttonOps = ComposerButtons[mode];
+
+    if (selectedText.length > 0) {
+      // Wrap the selected text in the syntax
+      this.$textarea.selection("insert", {
+        mode: "before",
+        text: buttonOps.before,
+        caret: "keep"
+      });
+      this.$textarea.selection("insert", {
+        mode: "after",
+        text: buttonOps.after,
+        caret: "keep"
+      });
+    }
+    else {
+      // Insert some example text with the syntax
+      this.$textarea.selection("replace", {
+        text: buttonOps.vanilla,
+        caret: "keep"
+      });
+    }
+
+    this.updatePreview();
+
+  },
+
+  // Show an error message in the preview with dimmed text
+  presentErrorMessage: function(message) {
+    this.$preview.html("<p class='dim'>" + message + "</p>");
+  },
+
+  events: {
+
+    "keyup": "updatePreview",
+    "focus textarea": "brightenSelf",
+    "blur textarea": "dimSelf",
+
+    "click .-fullscreen-toggle": "toggleFullscreen",
+
+    // Formatting buttons
+    "click .-header": function(event) {this.formatButton(event, "header")},
+    "click .-em": function(event) {this.formatButton(event, "em")},
+    "click .-strong": function(event) {this.formatButton(event, "strong")},
+    "click .-link": function(event) {this.formatButton(event, "link")},
+    "click .-ordered-list": function(event) {this.formatButton(event, "ordered-list")},
+    "click .-unordered-list": function(event) {this.formatButton(event, "unordered-list")},
+    "click .-blockquote": function(event) {this.formatButton(event, "blockquote")}
+
+  }
+
+});
+
+FormOrchestrator.register(".markdown-composer", "MarkdownComposerView");

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

@@ -0,0 +1,70 @@
+var SearchableSelectView = Backbone.View.extend({
+
+  // See http://harvesthq.github.io/chosen/options.html
+  // for help with these options
+  chosenOptions: {
+    allow_single_deselect: false,
+    disable_search: false,
+    disable_search_threshold: 5,
+    enable_split_word_search: true,
+    inherit_select_classes: true,
+    max_selected_options: Infinity,
+    no_results_text: "Nothing matched",
+    placeholder_text_multiple: "Select one or many",
+    placeholder_text_single:	"Select one",
+    search_contains: true,
+    single_backstroke_delete: true,
+    display_disabled_options: true,
+    display_selected_options: true,
+    include_group_label_in_selected: false,
+    width: "100%"
+  },
+
+  // This function is stolen from Chosen.js because it does
+  // not expose any kind of API for communicating that it will not run
+  chosenSupported: function() {
+    if (window.navigator.appName === "Microsoft Internet Explorer") {
+      return document.documentMode >= 8;
+    }
+    if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
+      return false;
+    }
+    if (/Android/i.test(window.navigator.userAgent)) {
+      if (/Mobile/i.test(window.navigator.userAgent)) {
+        return false;
+      }
+    }
+    return true;
+  },
+
+  initialize: function() {
+
+    var self = this;
+
+    if (self.chosenSupported()) {
+
+      self.$select = self.$("select");
+      var placeholderValue = self.$select.attr("placeholder");
+
+      if (!!placeholderValue) {
+        self.chosenOptions.placeholder_text_multiple = placeholderValue;
+        self.chosenOptions.placeholder_text_single = placeholderValue;
+      }
+
+      self.$select.on("chosen:ready", function(event) {
+        self.$el.attr("style","");
+      });
+
+      self.$select.chosen(self.chosenOptions);
+
+    }
+    else {
+      // Chosen isn't going to run
+      self.$el.attr("style","");
+    }
+
+  }
+
+});
+
+FormOrchestrator.register(".searchable-select", "SearchableSelectView");

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

@@ -0,0 +1,38 @@
+var SlugFieldView = Backbone.View.extend({
+
+  initialize: function() {
+    this.$previewFragment = this.$(".slug-field-preview-fragment");
+    this.$input = this.$("input");
+    this.refreshPreview();
+  },
+
+  refreshPreview: function() {
+
+    var val = $.trim(this.$input.val())
+
+    if (!!val) {
+      this.$previewFragment.html(this.parameterize(val))
+    }
+    else {
+      this.$previewFragment.html("*")
+    }
+
+  },
+
+  seperatorRegex: /(?:[^a-z0-9\-_]+|-{2,}|\s{1,})/gi,
+  badSeperatorRegex: /^-|-$/,
+
+  parameterize: function(string) {
+    return string.replace(this.seperatorRegex, "-")
+      .replace(this.badSeperatorRegex, "")
+      .toLowerCase();
+  },
+
+  events: {
+    "keyup": "refreshPreview",
+    "change input": "refreshPreview"
+  }
+
+});
+
+FormOrchestrator.register(".slug-field", "SlugFieldView");