tribeca_cms 0.1.1

data/app/assets/javascripts/locomotive/views/theme_assets/new_view.js.coffee

@@ -0,0 +1,8 @@
+Locomotive.Views.ThemeAssets ||= {}
+
+class Locomotive.Views.ThemeAssets.NewView extends Locomotive.Views.ThemeAssets.FormView
+
+  save: (event) ->
+    @save_in_ajax event,
+      on_success: (response, xhr) ->
+        window.location.href = xhr.getResponseHeader('location')

data/app/assets/javascripts/locomotive/views/translations/_form_view.js.coffee

@@ -0,0 +1,20 @@
+#= require ../shared/form_view
+
+Locomotive.Views.Translations ||= {}
+
+class Locomotive.Views.Translations.FormView extends Locomotive.Views.Shared.FormView
+
+  el: '#content'
+
+  events:
+    'submit': 'save'
+
+  initialize: ->
+    @model = new Locomotive.Models.Translation(@options.translation)
+
+    Backbone.ModelBinding.bind @
+
+  render: ->
+    super()
+
+    return @

data/app/assets/javascripts/locomotive/views/translations/edit_view.js.coffee

@@ -0,0 +1,6 @@
+Locomotive.Views.Translations ||= {}
+
+class Locomotive.Views.Translations.EditView extends Locomotive.Views.Translations.FormView
+
+  save: (event) ->
+    @save_in_ajax event

data/app/assets/javascripts/locomotive/views/translations/new_view.js.coffee

@@ -0,0 +1,8 @@
+Locomotive.Views.Translations ||= {}
+
+class Locomotive.Views.Translations.NewView extends Locomotive.Views.Translations.FormView
+
+  save: (event) ->
+    @save_in_ajax event,
+      on_success: (response, xhr) ->
+        window.location.href = xhr.getResponseHeader('location')

data/app/assets/javascripts/tinymce/plugins/jqueryinlinepopups/editor_plugin.js

@@ -0,0 +1,240 @@
+/**
+ * @filename : editor_plugin.js
+ * @description : jQuery UI Inline Popups plugin to replace the default inlinepopups
+ * @developer : badsyntax (Richard Willis)
+ * @contact : http://badsyntax.co
+ * @moreinfo : http://is.gd/j1FuI
+ */
+
+(function() {
+
+  var DOM = tinymce.DOM,
+    Event = tinymce.dom.Event,
+    each = tinymce.each;
+
+  // Create the editor plugin
+  tinymce.create('tinymce.plugins.jQueryInlinePopups', {
+
+    init : function(ed, url) {
+
+      // Replace window manager
+      ed.onBeforeRenderUI.add(function() {
+        ed.windowManager = new tinymce.InlineWindowManager(ed);
+      });
+    },
+
+    getInfo : function() {
+      return {
+        longname : 'jQuery UI Inline Popups',
+        author : 'Richard Willis',
+        authorurl : 'http://badsyntax.co',
+        infourl : 'http://is.gd/j1FuI',
+        version : '0.1b'
+      };
+    }
+  });
+
+  // Create the window manager
+  tinymce.create('tinymce.InlineWindowManager:tinymce.WindowManager', {
+
+    InlineWindowManager : function(ed) {
+      this.parent(ed);
+      this.windows = {};
+    },
+
+    open : function(f, p) {
+      console.log(f);
+
+      f = f || {};
+      p = p || {};
+
+      // Run native windows
+      if (!f.inline) {
+        return t.parent(f, p);
+      }
+
+      var
+        t = this,
+        id = DOM.uniqueId(),
+
+        // Dialog config
+        config = {
+          title: f.title || '',
+          width: 'auto',
+          height: 'auto',
+          modal: true,
+          resizable: false,
+          draggable: true,
+          dialogClass: 'ui-dialog-tinymce',
+          // match the tinymce inlinepopups starting z-index (fixes #3)
+          zIndex: 300000
+        },
+
+        // Dialog element
+        dialog = $('<div />')
+          .attr('id', 'dialog-' + id)
+          .hide()
+          .appendTo('body'),
+
+        // Window info
+        w = {
+          id : id,
+          features : f,
+          element: dialog
+        };
+
+      // Only store selection if the type is a normal window.
+      // This is required at least for IE to remeber the position
+      // before the focus from editor is lost.
+      if (!f.type) {
+        this.bookmark = this.editor.selection.getBookmark(1);
+      }
+
+      // Inline content
+      if (f.content){
+
+        if (f.type == 'confirm'){
+          config.buttons = [{
+            'text': 'Ok',
+            'click': function(e){
+              f.button_func(true);
+            }
+          }, {
+            'text': 'Cancel',
+            'click': function(e){
+              f.button_func(false);
+            }
+          }];
+        }
+        else if (f.type == 'alert'){
+          config.buttons = [{
+            'text': 'Ok',
+            'click': function(e){
+              f.button_func(true);
+            }
+          }];
+        }
+
+        config.width = f.width;
+
+        dialog.html($('<div />', {
+          'class': 'ui-dialog-tinymce-content',
+          'html': f.content
+        }));
+      }
+      // iFramed document
+      else
+      {
+        console.log(f);
+        var iframe = $('<iframe />', {
+          id: id + '_ifr',
+          frameborder: 0
+        })
+        .css({
+          width: f.width,
+          height: f.height
+        })
+        .appendTo(dialog);
+      }
+
+      p.mce_inline = true;
+      p.mce_window_id = id;
+      p.mce_auto_focus = f.auto_focus;
+
+      this.features = f;
+      this.params = p;
+      this.onOpen.dispatch(this, f, p);
+
+      dialog.dialog(config);
+
+      // Load in iframe src
+      if (!f.content) {
+        iframe.attr( 'src', f.url || f.file );
+        iframe.load(function() {
+          var iframeDom = $(iframe).contents();
+
+          // build the buttonpane of the dialog ui, that way we don't have to rewrite tinyMCE base plugins
+          buttonPane = $('<div></div>').addClass('ui-dialog-buttonpane ui-widget-content ui-helper-clearfix');
+          dialog.after(buttonPane);
+          buttons = $('<div></div>').addClass('button-wrapper').appendTo(buttonPane);
+
+          iframeDom.find('.mceActionPanel').hide().find('input[type=button], input[type=submit]').each(function() {
+            var button = $(this);
+            var link;
+
+            if (button.attr('id') == 'cancel') {
+              link = $('<a></a>').attr('href', '#').attr('id', 'close-link').html(button.val());
+              buttonPane.append(link);
+            } else {
+              link = $('<a></a>').attr('href', '#').addClass('button').html(button.val());
+              buttons.append(link);
+            }
+
+            link.bind('click', function(e) {
+              e.stopPropagation();
+              e.preventDefault();
+              button.trigger('click');
+            });
+          });
+        });
+      }
+
+      // Add window
+      t.windows[id] = w;
+
+      return w;
+    },
+
+    resizeBy : function(dw, dh, id) { return; },
+
+    focus : function(id) { return; },
+
+    close : function(win, id) {
+
+      var t = this, w, id = id || win.frameElement.id.replace(/_ifr$/, '');
+
+      // Probably not inline
+      if (!t.windows[id]) {
+        t.parent(win);
+        return;
+      }
+
+      if (w = t.windows[id]) {
+        w.element.dialog('destroy').remove();
+        delete t.windows[id];
+      }
+    },
+
+    setTitle : function(w, ti) {
+      var id = w.frameElement.id.replace(/_ifr$/, '');
+      $('#ui-dialog-title-dialog-' + id).html(ti);
+    },
+
+    alert : function(txt, cb, s) {
+      this._messagePopup('alert', 'Alert', txt, cb, s);
+    },
+
+    confirm : function(txt, cb, s) {
+      this._messagePopup('confirm', 'Confirm', txt, cb, s);
+    },
+
+    _messagePopup : function(type, title, txt, cb, s) {
+      var t = this, w;
+      w = t.open({
+        title : title,
+        type : type,
+        button_func : function(s) {
+          (cb) && cb.call(s || t, s);
+          t.close(null, w.id);
+        },
+        content : DOM.encode(t.editor.getLang(txt, txt)),
+        inline : 1,
+        width : 400,
+        height : 130
+      });
+    }
+  });
+
+  // Register plugin
+  tinymce.PluginManager.add('jqueryinlinepopups', tinymce.plugins.jQueryInlinePopups);
+})();

data/app/assets/javascripts/tinymce/plugins/locomotive_media/editor_plugin.js

@@ -0,0 +1,78 @@
+/**
+ * LocomotiveMedia plugin
+ *
+ * Copyright 2011, Didier Lafforgue
+ * Released under MIT License.
+ *
+ */
+
+(function() {
+  var insertImage = function(ed, asset) {
+    var args = {}, el;
+
+    // Fixes crash in Safari
+    if (tinymce.isWebKit) ed.getWin().focus();
+
+    if (asset.get('image'))
+      tinymce.extend(args, { src : asset.get('url') });
+    else
+      tinymce.extend(args, { href : asset.get('url') });
+
+    el = ed.selection.getNode();
+
+    if (el && (el.nodeName == 'IMG' || el.nodeName == 'A')) {
+     ed.dom.setAttribs(el, args);
+    } else {
+      if (asset.get('image')) {
+        ed.execCommand('mceInsertContent', false, '<img id="__mce_tmp" />', { skip_undo: 1 });
+      } else {
+        var html = ed.selection.getContent();
+        if (html == '') html = asset.get('filename');
+        ed.execCommand('mceInsertContent', false, '<a id="__mce_tmp" >' + html + '</a>', { skip_undo: 1 });
+      }
+
+      ed.dom.setAttribs('__mce_tmp', args);
+      ed.dom.setAttrib('__mce_tmp', 'id', '');
+      ed.undoManager.add();
+    }
+  }
+
+  tinymce.create('tinymce.plugins.LocomotiveMediaPicker', {
+    init : function(ed, url) {
+      view = new Locomotive.Views.ContentAssets.PickerView({
+        'collection': new Locomotive.Models.ContentAssetsCollection()
+      });
+
+      view.render();
+
+      // Register commands
+      ed.addCommand('locomotiveMedia', function() {
+        view.options.on_select = function(asset) {
+          insertImage(ed, asset);
+          view.close();
+        }
+
+        view.fetch_assets();
+      });
+
+      // Register buttons
+      ed.addButton('locomotive_media', {
+        title : 'locomotive_media.image_desc',
+        cmd : 'locomotiveMedia'
+      });
+    },
+
+    getInfo : function() {
+      return {
+        longname : 'Locomotive Media Picker',
+        author : 'Didier Lafforgue',
+        authorurl : 'http://www.locomotivecms.com',
+        infourl : 'http://www.locomotivecms.com',
+        version : tinymce.majorVersion + "." + tinymce.minorVersion
+      };
+    }
+  });
+
+  // Register plugin
+  tinymce.PluginManager.add('locomotive_media', tinymce.plugins.LocomotiveMediaPicker);
+})();

data/app/assets/javascripts/tinymce/themes/advanced/skins/locomotive/content.css

@@ -0,0 +1,66 @@
+/*body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
+body {background:#FFF;}
+body.mceForceColors {background:#FFF; color:#000;}
+h1 {font-size: 2em}
+h2 {font-size: 1.5em}
+h3 {font-size: 1.17em}
+h4 {font-size: 1em}
+h5 {font-size: .83em}
+h6 {font-size: .75em}
+.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
+a.mceItemAnchor {display:inline-block; width:11px !important; height:11px  !important; background:url(img/items.gif) no-repeat 0 0;}
+td.mceSelected, th.mceSelected {background-color:#3399ff !important}
+img {border:0;}
+table {cursor:default}
+table td, table th {cursor:text}
+ins {border-bottom:1px solid green; text-decoration: none; color:green}
+del {color:red; text-decoration:line-through}
+cite {border-bottom:1px dashed blue}
+acronym {border-bottom:1px dotted #CCC; cursor:help}
+abbr {border-bottom:1px dashed #CCC; cursor:help}
+
+* html body {
+scrollbar-3dlight-color:#F0F0EE;
+scrollbar-arrow-color:#676662;
+scrollbar-base-color:#F0F0EE;
+scrollbar-darkshadow-color:#DDD;
+scrollbar-face-color:#E0E0DD;
+scrollbar-highlight-color:#F0F0EE;
+scrollbar-shadow-color:#F0F0EE;
+scrollbar-track-color:#F5F5F5;
+}
+
+img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px}
+font[face=mceinline] {font-family:inherit !important}*/
+body, td, pre {color:#000; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif; margin:8px;}
+html,body {background:#FFF; padding: 0 !important; margin: 0 !important; }
+body {height: 94% !important; padding: .5% 5px !important;}
+body.mceForceColors {background:#FFF; color:#000;}
+h1 {font-size: 2em}
+h2 {font-size: 1.5em}
+h3 {font-size: 1.17em}
+h4 {font-size: 1em}
+h5 {font-size: .83em}
+h6 {font-size: .75em}
+.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
+a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
+img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
+img {border:0;}
+table {cursor:default}
+table td, table th {cursor:text}
+ins {border-bottom:1px solid green; text-decoration: none; color:green}
+del {color:red; text-decoration:line-through}
+cite {border-bottom:1px dashed blue}
+acronym {border-bottom:1px dotted #CCC; cursor:help}
+abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
+
+* html body {
+scrollbar-3dlight-color:#F0F0EE;
+scrollbar-arrow-color:#676662;
+scrollbar-base-color:#F0F0EE;
+scrollbar-darkshadow-color:#DDD;
+scrollbar-face-color:#E0E0DD;
+scrollbar-highlight-color:#F0F0EE;
+scrollbar-shadow-color:#F0F0EE;
+scrollbar-track-color:#F5F5F5;
+}

data/app/assets/javascripts/tinymce/themes/advanced/skins/locomotive/dialog.css.scss

@@ -0,0 +1,78 @@
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/images";
+@import "compass/css3/text-shadow";
+
+/* Generic */
+html {
+}
+
+body {
+  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-size: 13px;
+  margin: 0px;
+  padding: 0px;
+}
+
+.tabs, .title {
+  display: none;
+}
+
+form {
+  input[type=text], textarea {
+    // from _helpers.scss
+    padding: 4px 3px;
+
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
+    color: #17171B;
+    font-size: 12px !important;
+    font-weight: normal;
+
+    border: 1px solid #b5b7c4;
+  }
+
+  .panel > table {
+    width: 100%;
+    border-collapse: collapse;
+
+    & > tbody > tr {
+      & > td:first-child {
+        text-align: left;
+        padding-right: 15px;
+
+        label {
+          font-weight: bold;
+          color: #222;
+        }
+      }
+
+      & > td:last-child {
+        input[type=text] {
+          @include background-image(linear-gradient(top, #f0f0f0, #f9f9f9 25%, #f9f9f9 25%, #ffffff 50%, #ffffff));
+        }
+      }
+    }
+
+  }
+
+  &[name=source] {
+    #wrapline label {
+      font-weight: bold;
+      font-size: 12px;
+    }
+
+    textarea#htmlSource {
+      width: 718px !important;
+
+      margin-top: 10px;
+
+      font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
+      font-size: 12px !important;
+
+      @include background-image(linear-gradient(top, #f0f0f0, #f9f9f9 4px, #f9f9f9 4px, #ffffff 12px, #ffffff));
+    }
+  }
+}
+
+.mceActionPanel {
+}