radmin 0.2.0

data/spec/dummy/public/javascripts/rails.js

@@ -0,0 +1,191 @@
+(function() {
+  // 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, texarea', 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');
+      params = element.serialize();
+    } else {
+      method = element.readAttribute('data-method') || 'get';
+      url    = element.readAttribute('href');
+      params = {};
+    }
+
+    new Ajax.Request(url, {
+      method: method,
+      parameters: params,
+      evalScripts: true,
+
+      onComplete:    function(request) { element.fire("ajax:complete", request); },
+      onSuccess:     function(request) { element.fire("ajax:success",  request); },
+      onFailure:     function(request) { element.fire("ajax:failure",  request); }
+    });
+
+    element.fire("ajax:after");
+  }
+
+  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') {
+      var field = new Element('input', { type: 'hidden', name: '_method', value: method });
+      form.insert(field);
+    }
+
+    if (csrf_param) {
+      var param = csrf_param.readAttribute('content'),
+          token = csrf_token.readAttribute('content'),
+          field = new Element('input', { type: 'hidden', name: param, value: token });
+      form.insert(field);
+    }
+
+    form.submit();
+  }
+
+
+  document.on("click", "*[data-confirm]", function(event, element) {
+    var message = element.readAttribute('data-confirm');
+    if (!confirm(message)) event.stop();
+  });
+
+  document.on("click", "a[data-remote]", function(event, element) {
+    if (event.stopped) return;
+    handleRemote(element);
+    event.stop();
+  });
+
+  document.on("click", "a[data-method]", function(event, element) {
+    if (event.stopped) return;
+    handleMethod(element);
+    event.stop();
+  });
+
+  document.on("submit", function(event) {
+    var element = event.findElement(),
+        message = element.readAttribute('data-confirm');
+    if (message && !confirm(message)) {
+      event.stop();
+      return false;
+    }
+
+    var inputs = element.select("input[type=submit][data-disable-with]");
+    inputs.each(function(input) {
+      input.disabled = true;
+      input.writeAttribute('data-original-value', input.value);
+      input.value = input.readAttribute('data-disable-with');
+    });
+
+    var element = event.findElement("form[data-remote]");
+    if (element) {
+      handleRemote(element);
+      event.stop();
+    }
+  });
+
+  document.on("ajax:after", "form", function(event, element) {
+    var inputs = element.select("input[type=submit][disabled=true][data-disable-with]");
+    inputs.each(function(input) {
+      input.value = input.readAttribute('data-original-value');
+      input.removeAttribute('data-original-value');
+      input.disabled = false;
+    });
+  });
+
+  Ajax.Responders.register({
+    onCreate: function(request) {
+      var csrf_meta_tag = $$('meta[name=csrf-token]')[0];
+
+      if (csrf_meta_tag) {
+        var header = 'X-CSRF-Token',
+            token = csrf_meta_tag.readAttribute('content');
+
+        if (!request.options.requestHeaders) {
+          request.options.requestHeaders = {};
+        }
+        request.options.requestHeaders[header] = token;
+      }
+    }
+  });
+})();

data/spec/dummy/public/stylesheets/admin/reset.css

@@ -0,0 +1,48 @@
+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, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ul, li,
+form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: normal;
+	font-size: 100%;
+	font-family: inherit;
+}
+
+:focus {
+	outline: 0;
+}
+
+body {
+	line-height: 1;
+}
+
+ul {
+	list-style: none;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+
+blockquote, q {
+	quotes: "" "";
+}

data/spec/dummy/public/stylesheets/admin/style.css

@@ -0,0 +1,422 @@
+html {
+	background:#cccccc;
+}
+
+body { 
+	padding:0;
+	margin:0;
+	font-size:10px;
+	font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif;
+}
+
+p { 
+	padding:1em 0;
+}
+
+h1,h2,h3 {
+	font-weight:bold;
+}
+
+h2 {
+	font-size:1.2em;
+	margin:1em 0;
+}
+
+a {
+	color:#1376C9;
+}
+
+.nodisp {
+	display:none;
+}
+
+.clear {
+	clear:both;
+}
+
+div.spacer40 {
+  height:40px;
+}
+
+#container {
+	width: 970px;
+	margin: 0 auto 40px;
+}
+
+#header {
+	min-height:77px;
+    height:auto !important;
+    height:77px;
+}
+
+ul#navigation {
+	margin: 0; padding: 0;
+	float: left;
+	width: 100%;
+	list-style: none;
+	position: relative;
+	font-size: 1.3em;
+	background: url(/images/admin/topnav_stretch.gif) repeat-x;
+}
+
+ul#navigation li {
+	float: left;
+	margin: 0; padding: 0;
+	border-right: 1px solid #555;
+}
+
+ul#navigation li a {
+	padding: 10px 15px;
+	display: block;
+	color: #f0f0f0;
+	text-decoration: none;
+}
+
+ul#navigation li a:hover {
+	text-decoration:underline;
+}
+
+ul#navigation li.current a {
+	text-decoration:none;
+}
+
+ul#navigation li.current { background: #1376c9 url(/images/admin/topnav_active.gif) repeat-x; }
+
+ul#navigation li ul {
+	padding: 15px 0;
+	position: absolute;
+	left: 0;
+	width: 100%;
+	background: #1376c9;
+	color: #fff;
+	-moz-border-radius-bottomright:3px;
+	-khtml-border-radius-bottomright:3px;
+	-webkit-border-bottom-right-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	-khtml-border-radius-bottomleft:3px;
+	-webkit-border-bottom-left-radius:3px;
+}
+
+ul#navigation li ul li { border-right: none; }
+ul#navigation li ul li.current { background: none; }
+ul#navigation li ul li.current a { font-weight:bold; }
+
+ul#navigation li ul li:first-child a { border-left:none; }
+
+ul#navigation li ul li a {
+	padding:0 15px;
+	border-left:solid 1px;
+}
+
+ul#navigation li ul li a:hover {
+	text-decoration:underline;
+}
+
+ul#navigation li ul li.current a:hover {
+	text-decoration:none;
+}
+
+#usernav { 
+	text-align:right;
+	color:#333;
+	padding:10px;
+	font-size:1.1em;
+}
+
+#usernav a { 
+	color:#333;
+}
+
+#usernav a:hover { 
+	text-decoration:none;
+}
+
+#main {
+	background:#fff;
+	font-size:1.3em;
+	-moz-border-radius:3px;
+	-khtml-border-radius:3px;
+	-webkit-border-radius:3px;
+}
+
+#main h1 {
+	margin-top:0.25em;
+	background:#333333;
+	color:#fff;
+	font-size:1.2em;
+	padding:10px 15px;
+	-moz-border-radius-topright:3px;
+	-khtml-border-radius-topright:3px;
+	-webkit-border-top-right-radius:3px;
+	-moz-border-radius-topleft:3px;
+	-khtml-border-radius-topleft:3px;
+	-webkit-border-top-left-radius:3px;
+}
+
+#content {
+	padding:15px;
+  font-size:1em;  
+}
+
+#content .box h1 {
+	background:none;
+	color:#ce1212;
+	font-size:190%;
+	margin:0;
+	padding:0;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 15px;
+}
+
+table th {
+  padding: 10px;
+  text-align: left;
+  background: #efefef;
+  color: #000;
+  font-weight:bold;
+}
+
+table th.first {
+  width: 30px;
+}
+
+table th.last {
+  width: 200px;
+}
+
+table .checkbox {
+  margin-left: 10px;
+}
+
+table td {
+  padding: 10px;
+  border-bottom:1px solid #F0F0EE;
+}
+
+table td.last {
+  text-align: right;
+  white-space:nowrap;
+}
+
+#content p { margin:5px 0;}
+
+#content p.intro { 
+	margin-bottom:15px;
+	padding:0;
+	color:#999;
+	margin-top:0;
+	line-height:1.3;
+}
+	
+#content p.sub { font-size:95%; color:#999;}
+
+#content table.stats th { font-size:100%; width:40%; color:#000;}
+#content hr { border:0; border-top:5px solid #efefef;  margin:15px 0;}
+
+#content ul.failed {}
+#content ul.failed li {background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff)) #efefef; margin-top:10px; padding:10px; overflow:hidden; -webkit-border-radius:5px; border:1px solid #ccc; }
+#content ul.failed li dl dt {font-size:80%; color:#999; width:60px; float:left; padding-top:1px; text-align:right;}
+#content ul.failed li dl dd {margin-bottom:10px; margin-left:70px;}
+#content ul.failed li dl dd .retry { float: right; }
+#content ul.failed li dl dd code, #content ul.failed li dl dd pre { font-family:Monaco, "Courier New", monospace; font-size:90%;}
+#content ul.failed li dl dd.error a {font-family:Monaco, "Courier New", monospace; font-size:90%; }
+#content ul.failed li dl dd.error pre { margin-top:3px; line-height:1.3;}
+
+#content p.pagination { background:#efefef; padding:10px; overflow:hidden;}
+#content p.pagination a.less { float:left;}
+#content p.pagination a.more { float:right;}
+
+#content .time a.toggle_format {
+	text-decoration:none;
+}
+
+#content form label,
+#content form .buttons { 
+	color:#666666;
+	display:block;
+	margin:1em 0 0.2em 0;
+}
+
+#content form .buttons { 
+	margin-top:2em;
+}
+
+#content form .buttons input { 
+	font-size:120%;
+}
+
+#content form label.inline { 
+	position: relative;
+	display: inline;
+	top: -2px;
+	vertical-align: baseline;
+}
+
+#content form input[type="text"],
+#content form input[type="password"],
+#content form select,
+#content form textarea { 
+	border:1px solid #AAAAAA;
+	padding:6px 3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
+	-khtml-border-radius:3px;
+}
+
+#content form input[type="text"],
+#content form input[type="password"] { 
+	width:25em;
+}
+
+#content form textarea { 
+	width:99%;
+}
+
+#content form input[type=text]:focus,
+#content form input[type=password]:focus,
+#content form textarea:focus { 
+	outline:none;
+	border-color:rgba(204,204,204,.75)!important;
+	box-shadow:0 0 8px rgba(204,204,204,.5);
+	-moz-box-shadow:0 0 8px rgba(204,204,204,.5);
+	-webkit-box-shadow:0 0 8px rgba(204,204,204,.5);
+}
+
+#content .box {
+	width:30em;
+	margin:6em auto 0;
+	padding:2em 2em;
+	background-color:#EFEFEF;
+	border:5px solid #CCCCCC;
+	-webkit-border-radius:6px;
+	-moz-border-radius:6px;
+}
+
+#content .box h1 { 
+	margin:0 0 1em 0;
+	font-size:160%;
+}
+
+#content .box form input[type="text"],
+#content .box form input[type="password"] { 
+	width:27em;
+}
+
+#content .toolbar {
+	float:right;
+	padding:0 10px;
+}
+
+/* Pagination */
+
+div.pagination {
+  padding: 3px;
+  margin: 10px;
+  clear: both;
+  text-align:center;
+}
+
+div.pagination a {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #CCCCCC;
+  text-decoration: none; /* no underline */
+}
+
+div.pagination a:hover, div.pagination a:active {
+}
+
+div.pagination span.current {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #CCCCCC;
+  font-weight: bold;
+  background-color: #CCCCCC;
+  color: #FFF;
+}
+
+div.pagination span.disabled {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #EEE;
+  color: #DDD;
+}
+
+#notice, #alert, #error {
+	padding:1px 1em;
+}
+
+div.preview {
+	padding:1em;
+  font-size:110%;
+}
+
+#notice { 
+	background-color: #b2e5b2;
+	color: #060;
+}
+
+#alert, #error  { 
+	background-color:#F3C2C2;
+	color:#770000;
+}
+
+#content form .fieldWithErrors {
+  display: inline;
+}
+
+#content form .fieldWithErrors {
+  display: inline;
+}
+
+#content form .fieldWithErrors input[type="text"], 
+#content form .fieldWithErrors input[type="password"], 
+#content form .fieldWithErrors select, 
+#content form .fieldWithErrors textarea {
+  background-color: #F9E1BC;
+}
+
+#content form .formError {
+  font-size:0.9em;
+  padding:0.5em;
+  color:#770000;
+}
+ 
+#errorExplanation {
+  width: 400px;
+  border: 2px solid #CF0000;
+  padding: 0px;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+ 
+#errorExplanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: 0;
+  background-color: #c00;
+  color: #fff;
+}
+ 
+#errorExplanation p {
+  color: #333;
+  margin-bottom: 0;
+  padding: 8px;
+}
+ 
+#errorExplanation ul {
+  margin: 2px 24px;
+}
+ 
+#errorExplanation ul li {
+  font-size: 12px;
+  list-style: disc;
+}
+