tabulous 1.3.1 → 1.3.2

data/spec/applications/subtabs/rails_3-0-20/public/javascripts/rails.js

@@ -0,0 +1,202 @@
+(function() {
+  Ajax.Responders.register({
+    onCreate: function(request) {
+      var token = $$('meta[name=csrf-token]')[0];
+      if (token) {
+        if (!request.options.requestHeaders) request.options.requestHeaders = {};
+        request.options.requestHeaders['X-CSRF-Token'] = token.readAttribute('content');
+      }
+    }
+  });
+
+  // Technique from Juriy Zaytsev
+  // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+  function isEventSupported(eventName) {
+    var el = document.createElement('div');
+    eventName = 'on' + eventName;
+    var isSupported = (eventName in el);
+    if (!isSupported) {
+      el.setAttribute(eventName, 'return;');
+      isSupported = typeof el[eventName] == 'function';
+    }
+    el = null;
+    return isSupported;
+  }
+
+  function isForm(element) {
+    return Object.isElement(element) && element.nodeName.toUpperCase() == 'FORM';
+  }
+
+  function isInput(element) {
+    if (Object.isElement(element)) {
+      var name = element.nodeName.toUpperCase();
+      return name == 'INPUT' || name == 'SELECT' || name == 'TEXTAREA';
+    }
+    else return false;
+  }
+
+  var submitBubbles = isEventSupported('submit'),
+      changeBubbles = isEventSupported('change');
+
+  if (!submitBubbles || !changeBubbles) {
+    // augment the Event.Handler class to observe custom events when needed
+    Event.Handler.prototype.initialize = Event.Handler.prototype.initialize.wrap(
+      function(init, element, eventName, selector, callback) {
+        init(element, eventName, selector, callback);
+        // is the handler being attached to an element that doesn't support this event?
+        if ( (!submitBubbles && this.eventName == 'submit' && !isForm(this.element)) ||
+             (!changeBubbles && this.eventName == 'change' && !isInput(this.element)) ) {
+          // "submit" => "emulated:submit"
+          this.eventName = 'emulated:' + this.eventName;
+        }
+      }
+    );
+  }
+
+  if (!submitBubbles) {
+    // discover forms on the page by observing focus events which always bubble
+    document.on('focusin', 'form', function(focusEvent, form) {
+      // special handler for the real "submit" event (one-time operation)
+      if (!form.retrieve('emulated:submit')) {
+        form.on('submit', function(submitEvent) {
+          var emulated = form.fire('emulated:submit', submitEvent, true);
+          // if custom event received preventDefault, cancel the real one too
+          if (emulated.returnValue === false) submitEvent.preventDefault();
+        });
+        form.store('emulated:submit', true);
+      }
+    });
+  }
+
+  if (!changeBubbles) {
+    // discover form inputs on the page
+    document.on('focusin', 'input, select, textarea', function(focusEvent, input) {
+      // special handler for real "change" events
+      if (!input.retrieve('emulated:change')) {
+        input.on('change', function(changeEvent) {
+          input.fire('emulated:change', changeEvent, true);
+        });
+        input.store('emulated:change', true);
+      }
+    });
+  }
+
+  function handleRemote(element) {
+    var method, url, params;
+
+    var event = element.fire("ajax:before");
+    if (event.stopped) return false;
+
+    if (element.tagName.toLowerCase() === 'form') {
+      method = element.readAttribute('method') || 'post';
+      url    = element.readAttribute('action');
+      // serialize the form with respect to the submit button that was pressed
+      params = element.serialize({ submit: element.retrieve('rails:submit-button') });
+      // clear the pressed submit button information
+      element.store('rails:submit-button', null);
+    } else {
+      method = element.readAttribute('data-method') || 'get';
+      url    = element.readAttribute('href');
+      params = {};
+    }
+
+    new Ajax.Request(url, {
+      method: method,
+      parameters: params,
+      evalScripts: true,
+
+      onCreate:   function(response) { element.fire("ajax:create",   response); },
+      onComplete: function(response) { element.fire("ajax:complete", response); },
+      onSuccess:  function(response) { element.fire("ajax:success",  response); },
+      onFailure:  function(response) { element.fire("ajax:failure",  response); }
+    });
+
+    element.fire("ajax:after");
+  }
+
+  function insertHiddenField(form, name, value) {
+    form.insert(new Element('input', { type: 'hidden', name: name, value: value }));
+  }
+
+  function handleMethod(element) {
+    var method = element.readAttribute('data-method'),
+        url = element.readAttribute('href'),
+        csrf_param = $$('meta[name=csrf-param]')[0],
+        csrf_token = $$('meta[name=csrf-token]')[0];
+
+    var form = new Element('form', { method: "POST", action: url, style: "display: none;" });
+    $(element.parentNode).insert(form);
+
+    if (method !== 'post') {
+      insertHiddenField(form, '_method', method);
+    }
+
+    if (csrf_param) {
+      insertHiddenField(form, csrf_param.readAttribute('content'), csrf_token.readAttribute('content'));
+    }
+
+    form.submit();
+  }
+
+  function disableFormElements(form) {
+    form.select('input[type=submit][data-disable-with]').each(function(input) {
+      input.store('rails:original-value', input.getValue());
+      input.setValue(input.readAttribute('data-disable-with')).disable();
+    });
+  }
+  
+  function enableFormElements(form) {
+    form.select('input[type=submit][data-disable-with]').each(function(input) {
+      input.setValue(input.retrieve('rails:original-value')).enable();
+    });
+  }
+
+  function allowAction(element) {
+    var message = element.readAttribute('data-confirm');
+    return !message || confirm(message);
+  }
+
+  document.on('click', 'a[data-confirm], a[data-remote], a[data-method]', function(event, link) {
+    if (!allowAction(link)) {
+      event.stop();
+      return false;
+    }
+
+    if (link.readAttribute('data-remote')) {
+      handleRemote(link);
+      event.stop();
+    } else if (link.readAttribute('data-method')) {
+      handleMethod(link);
+      event.stop();
+    }
+  });
+
+  document.on("click", "form input[type=submit], form button[type=submit], form button:not([type])", function(event, button) {
+    // register the pressed submit button
+    event.findElement('form').store('rails:submit-button', button.name || false);
+  });
+
+  document.on("submit", function(event) {
+    var form = event.findElement();
+
+    if (!allowAction(form)) {
+      event.stop();
+      return false;
+    }
+
+    if (form.readAttribute('data-remote')) {
+      handleRemote(form);
+      event.stop();
+    } else {
+      disableFormElements(form);
+    }
+  });
+
+  document.on('ajax:create', 'form', function(event, form) {
+    if (form == event.findElement()) disableFormElements(form);
+  });
+  
+  document.on('ajax:complete', 'form', function(event, form) {
+    if (form == event.findElement()) enableFormElements(form);
+  });
+})();

data/spec/applications/subtabs/rails_3-0-20/public/robots.txt

@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /

data/spec/applications/subtabs/rails_3-0-20/public/stylesheets/application.css

@@ -0,0 +1,102 @@
+// These styles are placed in app/assets/stylesheets for Rails 4 and public/stylesheets for Rails 3.0
+
+body {
+  font-family: 'Verdana', sans-serif;
+  font-size: 14px;
+}
+
+h1#title {
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30px;
+}
+
+h2#subtitle {
+  text-align: center;
+}
+
+#main {
+  background-color: #cec;
+}
+
+ul {
+  list-style: disc;
+  margin: 1em 2em;
+}
+
+p, div {
+  margin: 1em;
+}
+
+h1 {
+  font-size: 24px;
+  font-weight: bold;
+  padding-bottom: 12px;
+}
+
+h2 {
+  font-size: 18px;
+  font-weight: bold;
+  padding-bottom: 9px;
+}
+
+h3 {
+  font-size: 16px;
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+
+#content {
+  padding: 30px 50px;
+}
+// Placed here in public for Rails 3.0.
+
+body {
+  font-family: 'Verdana', sans-serif;
+  font-size: 14px;
+}
+
+h1#title {
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30px;
+}
+
+h2#subtitle {
+  text-align: center;
+}
+
+#main {
+  background-color: #cec;
+}
+
+ul {
+  list-style: disc;
+  margin: 1em 2em;
+}
+
+p, div {
+  margin: 1em;
+}
+
+h1 {
+  font-size: 24px;
+  font-weight: bold;
+  padding-bottom: 12px;
+}
+
+h2 {
+  font-size: 18px;
+  font-weight: bold;
+  padding-bottom: 9px;
+}
+
+h3 {
+  font-size: 16px;
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+
+#content {
+  padding: 30px 50px;
+}

data/spec/applications/subtabs/rails_3-0-20/public/stylesheets/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

data/spec/applications/subtabs/rails_3-0-20/public/stylesheets/scaffold.css

@@ -0,0 +1,56 @@
+body { background-color: #fff; color: #333; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+
+div.field, div.actions {
+  margin-bottom: 10px;
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}

data/spec/applications/subtabs/rails_3-0-20/script/rails

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require File.expand_path('../../config/boot',  __FILE__)
+require 'rails/commands'

data/spec/applications/subtabs/rails_3-0-20/spec/features/front_page_spec.rb

@@ -0,0 +1,8 @@
+require 'spec_helper'
+
+describe 'front page' do
+  it 'should have an explanation' do
+    visit '/'
+    expect(page).to have_text('Explanation')
+  end
+end

data/spec/applications/subtabs/rails_3-0-20/spec/features/subtabs_spec.rb

@@ -0,0 +1,69 @@
+require 'spec_helper'
+
+describe 'home tab' do
+  include TabHelpers
+  before(:each) do
+    visit '/'
+  end
+  it 'should work' do
+    page.should have_content('Explanation')
+  end
+end
+
+describe 'subtabs' do
+  include TabHelpers
+
+  it 'should display' do
+    visit '/'
+    click_link 'Galaxies'
+    page.should have_content('Elliptical Galaxies')
+    page.should have_content('Spiral Galaxies')
+    page.should have_content('Lenticular Galaxies')
+  end
+
+  it 'should be selectable' do
+    visit '/'
+    click_link 'Galaxies'
+    page.should have_content('Listing galaxies_elliptical_galaxies')
+    click_link 'Spiral Galaxies'
+    page.should have_content('Listing galaxies_spiral_galaxies')
+    click_link 'Lenticular Galaxies'
+    page.should have_content('Listing galaxies_lenticular_galaxies')
+  end
+end
+
+describe 'tabs and subtabs' do
+  include TabHelpers
+
+  it 'can be hidden' do
+    visit '/'
+    visible_tabs.should_not include('Hidden')
+    click_link 'Galaxies'
+    visible_tabs.should include('Hidden')
+    click_link 'Planets'
+    visible_tabs.should_not include('Hidden')
+    click_link 'Galaxies'
+    click_link 'Hidden'
+    visible_subtabs.should include('Always Visible')
+    visible_subtabs.should_not include('Always Hidden')
+  end
+
+  it 'can be disabled' do
+    visit '/'
+    disabled_tabs.should include('Disabled')
+    click_link 'Stars'
+    enabled_tabs.should include('Disabled')
+    visit '/'
+    click_link 'Stars'
+    click_link 'Disabled'
+    enabled_subtabs.should include('Always Enabled')
+    disabled_subtabs.should include('Always Disabled')
+  end
+
+  it 'can change the display text dynamically' do
+    visit '/'
+    click_link 'Stars'
+    visible_tabs.should include('Stars!')
+    visible_tabs.should_not include('Stars')
+  end
+end