trusty-cms 1.0.0

data/public/javascripts/admin/application.js

@@ -0,0 +1,94 @@
+// Ensure that relative_url_root is defined
+if(typeof(relative_url_root) === 'undefined'){ relative_url_root = '';}
+
+// Popup Images
+Popup.BorderImage            = relative_url_root + '/images/admin/popup_border_background.png';
+Popup.BorderTopLeftImage     = relative_url_root + '/images/admin/popup_border_top_left.png';
+Popup.BorderTopRightImage    = relative_url_root + '/images/admin/popup_border_top_right.png';
+Popup.BorderBottomLeftImage  = relative_url_root + '/images/admin/popup_border_bottom_left.png';
+Popup.BorderBottomRightImage = relative_url_root + '/images/admin/popup_border_bottom_right.png';
+
+// Popup Buttons
+Popup.ButtonsClass           = 'buttons';
+
+// Make all popups draggable
+Popup.Draggable = true;
+
+// Make all popups singular (on opening they close other open popups)
+Popup.Singular = true;
+
+// Status Images
+Status.SpinnerImage          = relative_url_root + '/images/admin/status_spinner.gif';
+Status.BackgroundImage       = relative_url_root + '/images/admin/status_background.png';
+Status.TopLeftImage          = relative_url_root + '/images/admin/status_top_left.png';
+Status.TopRightImage         = relative_url_root + '/images/admin/status_top_right.png';
+Status.BottomLeftImage       = relative_url_root + '/images/admin/status_bottom_left.png';
+Status.BottomRightImage      = relative_url_root + '/images/admin/status_bottom_right.png';
+
+// Status Message Styles
+Status.MessageColor = '#e5e5e5';
+Status.MessageFontFamily = '"Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif';
+Status.MessageFontSize = '90%';
+
+// Use Modal Status Windows
+Status.Modal = true;
+Status.ModalOverlayColor = 'black';
+Status.ModalOverlayOpacity = 0.2;
+
+// Reload behaviors for Ajax Requests
+Event.addBehavior.reassignAfterAjax = true;
+
+// Wire in Behaviors
+Event.addBehavior({
+  'body': ShortcutKeysBehavior(),
+  
+  'a.popup': Popup.TriggerBehavior(),
+  
+  'table#pages': SiteMapBehavior(),
+  
+  'input#page_title': function() {
+    var title = this;
+    var slug = $('page_slug');
+    var breadcrumb = $('page_breadcrumb');
+    var oldTitle = title.value;
+    
+    if (!slug || !breadcrumb) return;
+    
+    new Form.Element.Observer(title, 0.15, function() {
+      if (oldTitle.toSlug() == slug.value) slug.value = title.value.toSlug();
+      if (oldTitle == breadcrumb.value) breadcrumb.value = title.value;
+      oldTitle = title.value;
+    });
+  },
+  
+  'a.toggle': Toggle.LinkBehavior({
+    onLoad: function(link) {
+      if (/less/i.match(link.innerHTML)) Toggle.toggle(this.toggleWrappers, this.effect);
+    },
+    afterToggle: function(link) {
+      link.toggleClassName('more');
+      link.toggleClassName('less');
+      if (/more/i.match(link.innerHTML)) { link.innerHTML = 'Less'; return; }
+      if (/less/i.match(link.innerHTML)) { link.innerHTML = 'More'; return; }
+    }
+  }),
+  
+  'div#tab_control': TabControlBehavior(),
+  
+  'table.index': RuledTableBehavior(),
+  
+  'form': Status.FormBehavior(),
+  
+  'form input.activate': function() {
+    this.activate();
+  },
+  
+  'form textarea': CodeAreaBehavior(),
+  
+  'input.date': DateInputBehavior(),
+  
+  'select#page_status_id':  PageStatusBehavior(),
+  
+  'span.error':  ValidationErrorBehavior()
+  
+});

data/public/javascripts/admin/codearea.js

@@ -0,0 +1,165 @@
+// Originally based on code from:
+//   http://ajaxian.com/archives/handling-tabs-in-textareas
+
+var CodeAreaBehavior = Behavior.create({
+  initialize: function() {
+    new CodeArea(this.element);
+  }
+});
+
+var CodeArea = Class.create({
+  initialize: function(element) {
+    this.element = $(element);
+    this.element.observe('keydown', this.onkeydown.bind(this));
+  },
+  
+  onkeydown: function(event) {
+    // Set desired tab - defaults to two space softtab
+    var tab = "  ";
+    var tabStop = tab.length;
+    
+    var t = this.element;
+    
+    if (Prototype.Browser.IE) {
+      // Very limited support for IE
+      
+      if (event.keyCode == Event.KEY_TAB && !event.shiftKey) {
+        event.preventDefault();
+        document.selection.createRange().text = tab;
+      }
+      
+    } else {
+      // Safari and Firefox
+      
+      // If this is the tab key, make the selection start at the begining and end of lines for
+      // multi-line selections
+      if (event.keyCode == Event.KEY_TAB) this.normalizeSelection(t);
+      
+      var ss = t.selectionStart;
+      var se = t.selectionEnd;
+      
+      if (event.keyCode == Event.KEY_TAB) {
+        // Tab key
+        
+        event.preventDefault();
+        
+        if (event.shiftKey) {
+          // Shift + Tab
+          
+          if (t.value.slice(ss,se).indexOf("\n") != -1) {
+            // Special case of multi line selection
+            
+            var pre = t.value.slice(0, ss);
+            var sel = t.value.slice(ss, se);
+            var post = t.value.slice(se, t.value.length);
+            
+            // Back off one tab
+            sel = sel.replace(new RegExp("^" + tab, "gm"), '');
+            
+            // Put everything back together
+            t.value = pre.concat(sel).concat(post);
+            
+            // Readjust the selection
+            t.selectionStart = pre.length;
+            t.selectionEnd = pre.length + sel.length;
+            
+          } else {
+            // "Normal" case (no selection or selection on one line only)
+            
+            if (t.value.slice(ss - tabStop, ss) == tab) {
+              // Only unindent if there is a tab before the cursor
+              
+              t.value = t.value.slice(0, ss - tabStop).concat(t.value.slice(ss, t.value.length));
+              t.selectionStart = ss - tabStop;
+              t.selectionEnd = se - tabStop;
+            }
+          }
+        } else {
+          // Tab
+          
+          if (ss != se && t.value.slice(ss, se).indexOf("\n") != -1) {
+            // Special case of multi line selection
+            
+            // In case selection was not of entire lines (e.g. selection begins in the middle of a line)
+            // we ought to tab at the beginning as well as at the start of every following line.
+            var pre = t.value.slice(0, ss);
+            var sel = t.value.slice(ss, se);
+            var post = t.value.slice(se, t.value.length);
+            
+            // Indent one tab
+            sel = sel.replace(/^/gm, tab);
+            
+            // Put everything back together
+            t.value = pre.concat(sel).concat(post);
+            
+            // Readjust the selection
+            t.selectionStart = pre.length;
+            t.selectionEnd = pre.length + sel.length;
+            
+          } else {
+            // "Normal" case (no selection or selection on one line only)
+            
+            t.value = t.value.slice(0, ss).concat(tab).concat(t.value.slice(ss, t.value.length));
+            if (ss == se) {
+              t.selectionStart = t.selectionEnd = ss + tabStop;
+            } else {
+              t.selectionStart = ss + tabStop;
+              t.selectionEnd = se + tabStop;
+            }
+          }
+        }
+      
+      } else if (event.keyCode == Event.KEY_BACKSPACE && ss == se && t.value.slice(ss - tabStop, ss) == tab) {
+        // Backspace - delete preceding tab expansion, if it exists and nothing is selected
+        
+        event.preventDefault();
+        t.value = t.value.slice(0, ss - tabStop).concat(t.value.slice(ss, t.value.length));
+        t.selectionStart = ss - tabStop;
+        t.selectionEnd = se - tabStop;
+        
+      } else if (event.keyCode == Event.KEY_DELETE && t.value.slice(se, se + tabStop) == tab) {
+        // Delete key - delete following tab expansion, if exists
+        
+        event.preventDefault();
+        t.value = t.value.slice(0, ss).concat(t.value.slice(ss + tabStop ,t.value.length));
+        t.selectionStart = t.selectionEnd = ss;
+        
+      } else if (event.keyCode == Event.KEY_LEFT && t.value.slice(ss - tabStop, ss) == tab) {
+        // Left arrow - move across the tab in one go
+        
+        event.preventDefault();
+        t.selectionStart = t.selectionEnd = ss - tabStop;
+      } else if (event.keyCode == Event.KEY_RIGHT && t.value.slice(ss, ss + tabStop) == tab) {
+        // Left/right arrow - move across the tab in one go
+        
+        event.preventDefault();
+        t.selectionStart = t.selectionEnd = ss + tabStop;
+        
+      }
+    }
+  },
+  
+  normalizeSelection: function(textarea) {
+    var b = 0;
+    var value = textarea.value;
+    var e = textarea.length;
+    var ss = textarea.selectionStart;
+    var se = textarea.selectionEnd;
+    
+    if (ss != se && textarea.value.slice(ss, se).indexOf("\n") != -1) {
+      // If multi-line adjust the selection
+      
+      // If the end of the line is selected back off one character
+      if (textarea.value.slice(se - 1, se) == "\n") se = se - 1;
+      
+      // If the selection does not end with a new line or the end of the document increment until it does
+      while ((se < e) && (textarea.value.slice(se, se + 1) != "\n")) se += 1;
+      
+      // If the selection does not begin at a new line or the begining of the document back off until it does
+      while ((ss > b) && (textarea.value.slice(ss - 1, ss) != "\n")) ss -= 1;
+      
+      textarea.selectionStart = ss;
+      textarea.selectionEnd = se;
+    }
+  }
+});