vidl-toolbox 0.0.1 → 0.0.2

data/Rakefile

@@ -10,7 +10,8 @@ spec = Gem::Specification.new do |s|
   s.summary = %q{Davids toolbox to speedup development with rails (mainly view).}
   s.homepage = %q{http://github.com/vidl/toolbox}
   s.description = %q{This toolbox goes in the direction of the django admin interface.}
-  s.files = FileList["[A-Z]*", "{lib,locale,view}/**/*"]
+  s.rubyforge_project = %q{toolbox}
+  s.files = FileList["[A-Z]*", "{lib,locale,view,public}/**/*"]
 
   # rdoc
   s.has_rdoc         = true
@@ -21,6 +22,7 @@ spec = Gem::Specification.new do |s|
   s.add_dependency "actionpack", ">= 2.1.1"
   s.add_dependency "gettext", ">= 1.92.0"
   s.add_dependency "mislav-will_paginate", ">= 2.3.3"
+  s.add_dependency "calendar_date_select", ">= 1.15.0"
 
 end
 

data/lib/toolbox/version.rb

@@ -1,4 +1,4 @@
 
 module Toolbox
-  VERSION = '0.0.1'
+  VERSION = '0.0.2'
 end

data/public/javascripts/popup.js

@@ -0,0 +1,498 @@
+/*
+  popup.js
+
+  A lightweight general purpose JavaScript DOM element popup class.
+
+  Webpage:
+    http://www.methods.co.nz/popup/popup.html
+
+  Inspired by:
+    Lightbox2: http://www.huddletogether.com/projects/lightbox2/
+    Lightbox Gone Wild: http://particletree.com/features/lightbox-gone-wild/
+    Tooltip: http://blog.innerewut.de/pages/tooltip
+    Prototype library: http://www.prototypejs.org/
+    Scriptaculous library: http://script.aculo.us/
+
+  Attributions:
+    - Uses the getPageSize() function from Lightbox v2.02 by Lokesh Dhakar
+      (http://www.huddletogether.com/projects/lightbox2/).
+    - Adapted the the modal overlay technique used in Lightbox v2.02 by Lokesh
+      Dhakar (http://www.huddletogether.com/projects/lightbox2/).
+
+  Version: 1.0.1
+
+  Author:    Stuart Rackham <srackham@methods.co.nz>
+  License:   This source code is released under the MIT license.
+
+  Copyright (c) Stuart Rackham 2007
+
+*/
+
+var Popup = Class.create();
+Popup.zIndex = 800;  // z-index of first popup.
+
+Popup.prototype = {
+
+  /*
+    Popup creation
+  */
+  initialize: function(popup, link) {
+    var options = Object.extend({
+      modal: false,
+      menu: false,
+      disable_auto_hide: false,
+      effect: 'fade',
+      hidden: true,
+      closebox: 'popup_closebox',       // CSS class name of click-to-close elements.
+      draghandle: 'popup_draghandle'    // CSS class name of drag handle elements.
+    }, arguments[2] || {});
+    options.position = options.position || (options.modal ? 'center' : 'auto');
+    options.trigger = options.trigger || (options.modal | options.menu ? 'click' : 'mouseover');
+    options.duration = this.first_value(options.duration, Popup.duration, 0.5);
+    options.show_duration = this.first_value(options.show_duration, options.duration);
+    options.hide_duration = this.first_value(options.hide_duration, options.duration);
+    options.opacity = this.first_value(options.opacity, Popup.opacity, 0.5);
+    options.show_delay = this.first_value(options.show_delay, Popup.show_delay, 500);
+    options.hide_delay = this.first_value(options.hide_delay, Popup.hide_delay, 200);
+    options.cursor_margin = this.first_value(options.cursor_margin, Popup.cursor_margin, 5);
+    this.options = options;
+    if (link) {
+      this.link = $(link);
+    }
+    this.popup = $(popup);
+    this.popup.popup = this;  // Make the popup object a property of the DOM popup element.
+    if (options.hidden) {
+      this.popup.hide();
+    }
+    if (options.closebox) {
+      this.closeboxes = document.getElementsByClassName(options.closebox, this.popup);
+      if (this.popup.hasClassName(options.closebox)) {
+        this.closeboxes[this.closeboxes.length] = this.popup;
+      }
+    }
+    else {
+      this.closeboxes = [];
+    }
+    if (options.draghandle) {
+      var draghandles = document.getElementsByClassName(options.draghandle, this.popup);
+      for (i = 0; i < draghandles.length; i++) {
+        new Draggable(this.popup, { handle: draghandles[i] });
+      }
+      if (this.popup.hasClassName(options.draghandle)) {
+        new Draggable(this.popup, { handle: this.popup });
+      }
+    }
+    this.register_events();
+  },
+
+
+  /*
+    Event functions
+  */
+
+  register_events: function() {
+    var trigger_function;
+    if (this.is_auto_open()) {
+      trigger_function = this.start_show_timer;
+      if (this.link) {
+        Event.observe(this.link, 'mouseout', this.stop_show_timer.bindAsEventListener(this));
+      }
+    }
+    else {
+      trigger_function = this.show;
+    }
+    if (this.link) {
+      Event.observe(this.link, this.options.trigger, trigger_function.bindAsEventListener(this));
+    }
+    if (!this.options.modal) {
+      Event.observe(this.popup, 'click', this.bring_to_front.bindAsEventListener(this));
+    }
+    if (this.closeboxes.length > 0 || this.options.disable_auto_hide || this.options.menu) {
+      for (var i = 0; i < this.closeboxes.length; i++) {
+        Event.observe(this.closeboxes[i], 'click', this.hide.bindAsEventListener(this));
+      }
+    }
+    else {
+      if (this.link) {
+        Event.observe(this.link, 'mouseout', this.start_hide_timer.bindAsEventListener(this));
+      }
+      Event.observe(this.popup, 'mouseover', this.stop_hide_timer.bindAsEventListener(this));
+      Event.observe(this.popup, 'mouseout', this.start_hide_timer.bindAsEventListener(this));
+    }
+  },
+
+  bring_to_front: function(event) {
+    // Bring to front if not already there.
+    if (Number(this.popup.style.zIndex) < Popup.zIndex - 1) {
+      this.popup.style.zIndex = Popup.zIndex++;
+    }
+  },
+
+  start_show_timer: function(event) {
+    // NOTE: event is bound to this.show but it's state changes between being
+    // bound here and arriving at this.show -- specifically, the mouse
+    // coordinates are reset to zero). I've no idea why. Anyway, this is the
+    // reason for passing the event mouse coordinates as properties of this.
+    this.stop_show_timer(event);
+    this.mouse_x = Event.pointerX(event);
+    this.mouse_y = Event.pointerY(event);
+    this.show_timer = setTimeout(this.show.bind(this, event), this.options.show_delay);
+  },
+
+  stop_show_timer: function(event) {
+    if (this.show_timer) {
+      clearTimeout(this.show_timer);
+      this.show_timer = null;
+    }
+  },
+
+  start_hide_timer: function(event) {
+    this.stop_hide_timer(event);
+    this.hide_timer = setTimeout(this.hide.bind(this, event), this.options.hide_delay);
+  },
+
+  stop_hide_timer: function(event) {
+    if (this.hide_timer) {
+      clearTimeout(this.hide_timer);
+      this.hide_timer = null;
+    }
+  },
+
+  show: function(event) {
+    this.stop_show_timer(event);
+    this.stop_hide_timer(event);
+    if (this.is_open) {
+      return;
+    }
+    if (this.options.menu) {
+      if(event)
+        event.stop();
+      document.observe('click', this.hide.bindAsEventListener(this));
+    }
+    if (this.options.modal) {
+      this.show_overlay();
+    }
+    var pos;
+    if (!event) {
+      // We only arrive here if this.show has been called externally.
+      pos = this.get_popup_position();
+    }
+    else if (this.is_auto_open()) {
+      // Because auto-open popups calls this.show indirectly via start_show_timer.
+      pos = this.get_popup_position(this.mouse_x, this.mouse_y);
+    }
+    else {
+      pos = this.get_popup_position(Event.pointerX(event), Event.pointerY(event));
+    }
+    Element.setStyle(this.popup, { top: pos.y, left: pos.x, zIndex: Popup.zIndex++ });
+    this.is_open = true;
+    switch (this.options.effect) {
+      case 'slide':
+        Effect.SlideDown(this.popup, {duration: this.options.show_duration});
+        break;
+      case 'grow':
+        Effect.Grow(this.popup, {duration: this.options.show_duration});
+        break;
+      case 'blind':
+        Effect.BlindDown(this.popup, {duration: this.options.show_duration});
+        break;
+      case 'fade':
+      default:
+        Effect.Appear(this.popup, {duration: this.options.show_duration});
+        break;
+    }
+  },
+
+  hide: function(event){
+    this.is_open = false;
+    if (this.options.menu)
+      document.stopObserving('click', this.hide);
+    switch (this.options.effect) {
+      case 'slide':
+        Effect.SlideUp(this.popup, {duration: this.options.hide_duration});
+        break;
+      case 'grow':
+        Effect.Shrink(this.popup, {duration: this.options.hide_duration});
+        break;
+      case 'blind':
+        Effect.BlindUp(this.popup, {duration: this.options.hide_duration});
+        break;
+      case 'fade':
+      default:
+        Effect.Fade(this.popup, {duration: this.options.hide_duration});
+        break;
+    }
+    if (this.options.modal) {
+      this.hide_overlay();
+    }
+  },
+
+
+  /*
+    Helper functions
+  */
+
+  // Return the first function argument that is not undefined.
+  // Because when zero numerical value are possible you can't use || chains.
+  first_value: function() {
+    for (var i = 0; i < arguments.length; i++) {
+      if (arguments[i] !== undefined) {
+        return arguments[i];
+      }
+    }
+    return undefined;
+  },
+
+  is_auto_open: function() {
+    return this.options.trigger == 'mouseover';
+  },
+
+  show_overlay: function() {
+    if (!Popup.overlay) {
+      var overlay = document.createElement('div');
+      overlay.setAttribute('id','popup_overlay');
+      overlay.style.display = 'none';
+      document.body.appendChild(overlay);
+      Popup.overlay = overlay;
+      Popup.overlay_levels = [];
+    }
+    Popup.overlay.style.height = this.get_page_dimensions().height + 'px';
+    var z = Popup.zIndex++;
+    Popup.overlay.style.zIndex = z;
+    Popup.overlay_levels.push(z);
+    if ( Popup.overlay_levels.length == 1) { // Opening the first modal popup.
+      // Queue the global overlay effect to ensure correct execution order.
+      new Effect.Appear(Popup.overlay,
+        { duration: this.options.show_duration,
+          to: this.options.opacity,
+          queue: {position: 'end', scope: 'popup_overlay'}
+        });
+    }
+    else { // There is another modal popup at a lower level so move the overlay forward.
+      Popup.overlay.style.zIndex = z;
+    }
+  },
+
+  hide_overlay: function() {
+    Popup.overlay_levels.pop();
+    var z = Popup.overlay_levels.pop();
+    if (z) { // There is another modal popup at a lower level so move the overlay back.
+      Popup.overlay_levels.push(z);
+      Popup.overlay.style.zIndex = z;
+    }
+    else { // The last modal popup is being closed so hide the overlay
+      // Queue the global overlay effect to ensure correct execution order.
+      new Effect.Fade(Popup.overlay,
+        { duration: this.options.hide_duration,
+          queue: {position: 'end', scope: 'popup_overlay'}
+        });
+    }
+  },
+
+
+  /*
+    Positioning functions
+  */
+
+  // Return the top and left CSS position strings as an {x,y} object that the
+  // popup should be shown at.  mouse_x and mouse_y are the mouse x,y coordinates
+  // numbers when the popup was triggered.
+  get_popup_position: function(mouse_x, mouse_y) {
+    var pos;
+    switch (this.options.position) {
+      case 'auto':
+        pos = this.get_auto_position(mouse_x, mouse_y);
+        break;
+      case 'center':
+        pos = this.get_center_position();
+        break;
+      case 'below':
+        pos = this.get_below_position();
+        break;
+      default:
+        // Check for x,y postion format (x and y can be any valid CSS left or
+        // top property value).
+        if (mo = this.options.position.match(/^\s*([^\s,]+)\s*,\s*([^\s,]+)\s*$/)) {
+          pos = {x: mo[1], y: mo[2]};
+          // If possible convert to numbers.
+          pos.x = Number(pos.x) || pos.x;
+          pos.y = Number(pos.y) || pos.y;
+        }
+        else {
+          pos = {x: 0, y: 0};
+        }
+        break;
+    }
+    if (typeof pos.x == 'number') {
+      pos.x += 'px';
+    }
+    if (typeof pos.y == 'number') {
+      pos.y += 'px';
+    }
+    return pos;
+  },
+
+  get_below_position: function() {
+    var pos = Position.cumulativeOffset(this.link);
+    return {x: pos[0], y: pos[1] + Element.getHeight(this.link)};
+  },
+
+  get_center_position: function() {
+    dim = Element.getDimensions(this.popup);
+    var popup_width = dim.width;
+    var popup_height = dim.height;
+    dim = this.get_viewport_dimensions();
+    var viewport_width = dim.width;
+    var viewport_height = dim.height;
+
+    var x;
+    if (popup_width >= viewport_width) {
+      x = 0;
+    }
+    else {
+      x = (viewport_width - popup_width)/2;
+    }
+
+    var y;
+    if (popup_height >= viewport_height) {
+      y = 0;
+    }
+    else {
+      y = (viewport_height - popup_height)/2;
+    }
+
+    y += this.getScrollXY()[1];
+    return {x: x, y: y};
+  },
+
+  getScrollXY:  function() {
+      var scrOfX = 0, scrOfY = 0;
+      if( typeof( window.pageYOffset ) == 'number' ) {
+	//Netscape compliant
+	scrOfY = window.pageYOffset;
+	scrOfX = window.pageXOffset;
+      } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
+	//DOM compliant
+	scrOfY = document.body.scrollTop;
+	scrOfX = document.body.scrollLeft;
+      } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
+	//IE6 standards compliant mode
+	scrOfY = document.documentElement.scrollTop;
+	scrOfX = document.documentElement.scrollLeft;
+      }
+      return [ scrOfX, scrOfY ];
+    },
+
+  get_auto_position: function(mouse_x, mouse_y) {
+    dim = Element.getDimensions(this.popup);
+    var popup_width = dim.width;
+    var popup_height = dim.height;
+    dim = this.get_viewport_dimensions();
+    var viewport_width = dim.width;
+    var viewport_height = dim.height;
+
+    var available_right = viewport_width - (mouse_x + this.options.cursor_margin);
+    var available_left = mouse_x - this.options.cursor_margin;
+    var available_top = mouse_y - this.options.cursor_margin;
+    var available_bottom = viewport_height - (mouse_x + this.options.cursor_margin);
+    var offset = this.options.cursor_margin;
+    var x = mouse_x;
+    var y = mouse_y;
+
+    if (popup_width >= viewport_width) {
+      x = 0;
+    }
+    else if (popup_width <= available_right) {
+      x += offset;
+    }
+    else if (popup_width <= available_left) {
+      x -= popup_width + offset;
+    }
+    else if (available_right >= available_left) {
+      x = viewport_width - popup_width;
+    }
+    else {
+      x = 0;
+    }
+
+    if (popup_height >= viewport_height) {
+      y = 0;
+    }
+    else if (popup_height <= available_bottom) {
+      y += offset;
+    }
+    else if (popup_height <= available_top) {
+      y -= popup_height + offset;
+    }
+    else if (available_bottom >= available_top) {
+      y = viewport_height - popup_height;
+    }
+    else {
+      y = 0;
+    }
+
+    return {x: x, y: y};
+  },
+
+  get_viewport_dimensions: function() {
+		var dim = this.getPageSize();
+    return {width: dim[2], height: dim[3]};
+  },
+
+  get_page_dimensions: function() {
+		var dim = this.getPageSize();
+    return {width: dim[0], height: dim[1]};
+  },
+
+  // This function from Lightbox v2.02 by Lokesh Dhakar
+  // (http://www.huddletogether.com/projects/lightbox2/).
+  //
+  // Returns array with page width, height and window width, height
+  // Core code from - quirksmode.org
+  // Edit for Firefox by pHaez
+  //
+  getPageSize: function() {
+    var xScroll, yScroll;
+
+    if (window.innerHeight && window.scrollMaxY) {
+      xScroll = document.body.scrollWidth;
+      yScroll = window.innerHeight + window.scrollMaxY;
+    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
+      xScroll = document.body.scrollWidth;
+      yScroll = document.body.scrollHeight;
+    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
+      xScroll = document.body.offsetWidth;
+      yScroll = document.body.offsetHeight;
+    }
+
+    var windowWidth, windowHeight;
+    if (self.innerHeight) {	// all except Explorer
+      windowWidth = self.innerWidth;
+      windowHeight = self.innerHeight;
+    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
+      windowWidth = document.documentElement.clientWidth;
+      windowHeight = document.documentElement.clientHeight;
+    } else if (document.body) { // other Explorers
+      windowWidth = document.body.clientWidth;
+      windowHeight = document.body.clientHeight;
+    }
+
+    // for small pages with total height less then height of the viewport
+    if(yScroll < windowHeight){
+      pageHeight = windowHeight;
+    } else {
+      pageHeight = yScroll;
+    }
+
+    // for small pages with total width less then width of the viewport
+    if(xScroll < windowWidth){
+      pageWidth = windowWidth;
+    } else {
+      pageWidth = xScroll;
+    }
+
+    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
+    return arrayPageSize;
+  }
+
+}

data/public/javascripts/toolbox.js

@@ -0,0 +1,18 @@
+// Place your application-specific JavaScript functions and classes here
+// This file is automatically included by javascript_include_tag :defaults
+
+function auto_complete_update_hidden(el, selectedElement) {
+    var nodes = $(selectedElement).select('.autocomplete_id') || [];
+    var value = '';
+    if(nodes.length > 0)
+	value = Element.collectTextNodes(nodes[0], '.autocomplete_id');
+
+    $(el.id + '_id').value = value;
+}
+
+function show_context_menu(event, url) {
+    if (!event) var event = window.event; // IE
+    Element.update("context_menu_id", "<img alt=\"Spinner\" src=\"/images/toolbox/spinner.gif\" />");
+    $('context_menu_id').popup.show(event);
+    new Ajax.Request(url, {asynchronous:true, evalScripts:true, method:'get'});
+}

data/public/stylesheets/context_menu.css

@@ -0,0 +1,168 @@
+/* GENERAL STYLES */
+
+div.menu {
+	position: absolute;
+	top: 0;
+	left: 0;
+	font-family: verdana;
+}
+div.menu a {
+	display: block;
+	text-decoration: none;
+	cursor: default;
+	outline: none;
+	font-size: 11px;
+}
+.menu .separator {
+	height: 1px;
+	padding: 0;
+	overflow: hidden;
+	display: block;
+	font-size: 1px;
+}
+.menu ul, .menu li {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.menu li {
+	list-style-position: outside;
+}
+
+
+/* FIREFOX STYLES */
+
+.menu.firefox {
+	width: 12em;
+	background: #F4F5EB;
+	border-top: 1px solid #ddd;
+	border-left: 1px solid #ddd;
+	border-right: 1px solid #666;
+	border-bottom: 1px solid #666;
+	padding: 2px 0;
+}
+.menu.firefox a {
+	color: #555;
+	padding: 4px 15px;
+	margin: 0 2px;
+}
+.menu.firefox a:hover {
+	background: #006;
+	color: #fff;
+}
+.menu.firefox a.disabled {
+	color: #bbb;
+}
+.menu.firefox a.disabled:hover {
+	background: #F4F5EB;
+	color: #bbb;
+}
+.menu.firefox .separator {
+	border-bottom: 1px solid #fff;
+	background: #999;
+	margin: 2px 4px;
+}
+
+
+/* GOOGLE STYLES */
+
+.menu.google {
+	width: 10.5em;
+	background: #fff;
+	border-top: 1px solid #ccc;
+	border-left: 1px solid #ccc;
+	border-bottom: 1px solid #676767;
+	border-right: 1px solid #676767;
+}
+.menu.google a {
+	color: #00c;
+	text-decoration: none;
+	padding: 2px 5px;
+	cursor: pointer;
+	font-size: 12px;
+}
+.menu.google a:hover {
+	background: #D3E3FE;
+}
+.menu.google a.disabled {
+	color: #bbb;
+}
+.menu.google a.disabled:hover {
+	background: #fff;
+	color: #bbb;
+}
+.menu.google .separator {
+	background: #ccc;
+}
+
+/* DESKTOP STYLES */
+
+.menu.desktop {
+	width: 14em;
+	background: #f9f8f7;
+	border: 1px solid #999;
+	padding: 0;
+}
+.menu.desktop ul, .menu.desktop li {
+	margin: 0;
+	padding: 0;
+}
+.menu.desktop li.separator {
+	height: 1px;
+}
+.menu.desktop a {
+	color: #555;
+	padding: 3px 0 3px 25px;
+	margin: 0;
+	border: 1px solid #f9f8f7;
+}
+.menu.desktop a.disabled {
+	opacity: 0.25;
+	filter: alpha(opacity=25);
+	zoom: 1;
+}
+.menu.desktop li.separator {
+	border-bottom: 1px solid #fff;
+	background: #aaa;
+	margin: 1px 1px 0 1px;
+	line-height: 1px !important;
+}
+
+.menu.desktop a.show {
+  background: #f9f8f7 url(/images/toolbox/page.png) 2px 50% no-repeat;
+}
+.menu.desktop a.new {
+  background: #f9f8f7 url(/images/toolbox/page_add.png) 2px 50% no-repeat;
+}
+.menu.desktop a.list {
+  background: #f9f8f7 url(/images/toolbox/page_list.png) 2px 50% no-repeat;
+}
+.menu.desktop a.edit {
+  background: #f9f8f7 url(/images/toolbox/page_edit.png) 2px 50% no-repeat;
+}
+.menu.desktop a.copy {
+  background: #f9f8f7 url(/images/toolbox/page_copy.png) 2px 50% no-repeat;
+}
+.menu.desktop a.destroy {
+  background: #f9f8f7 url(/images/toolbox/page_delete.png) 2px 50% no-repeat;
+}
+.menu.desktop a.save {
+  background: #f9f8f7 url(/images/toolbox/page_save.png) 2px 50% no-repeat;
+}
+.menu.desktop a.xsl {
+  background: #f9f8f7 url(/images/toolbox/page_excel.png) 2px 50% no-repeat;
+}
+.menu.desktop a.doc {
+  background: #f9f8f7 url(/images/toolbox/page_word.png) 2px 50% no-repeat;
+}
+.menu.desktop a.pdf {
+  background: #f9f8f7 url(/images/toolbox/page_acrobat.png) 2px 50% no-repeat;
+}
+.menu.desktop a.send {
+  background: #f9f8f7 url(/images/toolbox/email.png) 2px 50% no-repeat;
+}
+/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
+.menu.desktop a.enabled:hover {
+	background-color: #0A246A;
+	color: #fff;
+}

data/public/stylesheets/popup.css

@@ -0,0 +1,30 @@
+/*
+ popup.js
+*/
+div.popup {
+  max-width: 600px;
+  border: 1px solid red;
+  padding: 5px;
+  background-color: white;
+  /* The following properties should not be changed */
+  position: absolute;
+}
+
+#popup_overlay {
+  background-color: black;
+  /* The following properties should not be changed */
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 500px;
+}
+
+span.popup_link, a.popup_link {
+  cursor: pointer;
+  border-bottom: 1px dotted;
+}
+
+.popup_draghandle {
+  cursor: move;
+}

data/public/stylesheets/toolbox.css

@@ -0,0 +1,107 @@
+
+td.record, td.record-title  {
+	padding: 3px 4px;
+	background-color: #fff;
+	/*border-bottom: solid 1px #cc341f;
+	border-left: solid 1px #cc341f;*/
+}
+
+tr:hover td.record {
+	background-color: lightblue; /*#cc341f;*/
+	color: black;
+	/*cursor: pointer; */
+	/*border-left: solid 1px white;*/
+}
+
+td.even-record {
+	background-color: #ccc;
+}
+
+td.record-title {
+	background-color: #fff;
+	border-bottom: solid 2px #cc341f;
+}
+
+a.sort-asc:after {
+	content: url(/images/toolbox/arrow_up.gif);
+}
+
+a.sort-desc:after {
+	content: url(/images/toolbox/arrow_down.gif);
+}
+
+a.sort-none:after {
+	content: url(/images/clear.gif);
+	width: 16px;
+	height: 7px;
+}
+
+fieldset {
+	float:  left;
+}
+
+.error {
+  background-color: red;
+}
+
+div.show_value {
+	float: left;
+}
+
+div.show_value ul {
+  margin:0;
+  padding:0;
+  width:100%;
+  list-style-type:none;
+}
+
+div.show_value ul li {
+    margin: 0;
+}
+
+div.toolbar
+{
+    clear: left;
+    padding-top: 5px;
+}
+
+div.searchfield {
+    float: right;
+}
+
+form {
+    display: inline;
+}
+
+form.inplaceeditor-form input {
+    margin-right: 10px;
+}
+
+div.auto_complete {
+  width: 350px;
+  background: #fff;
+}
+
+div.auto_complete ul {
+  border:1px solid #888;
+  margin:0;
+  padding:0;
+  width:100%;
+  list-style-type:none;
+}
+
+div.auto_complete ul li {
+  margin:0;
+  padding:3px;
+}
+
+div.auto_complete ul li.selected {
+  background-color: #ffb;
+}
+
+div.auto_complete ul strong.highlight {
+  color: #800;
+  margin:0;
+  padding:0;
+}
+

data/view/toolbox/_dialogs.html.erb

@@ -0,0 +1,6 @@
+<div id="dialog_id" class="popup" style="display:none"></div>
+<%= javascript_tag "new Popup('dialog_id', null, {modal:true, disable_auto_hide: true, duration: 0.2});" %>
+
+<div id="context_menu_id" class="menu desktop" style="display:none">
+</div>
+<%= javascript_tag "new Popup('context_menu_id', null, {menu:true, position:'auto', duration: 0.2});" %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: vidl-toolbox
 version: !ruby/object:Gem::Version 
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors: 
 - David Nyffenegger
@@ -62,6 +62,16 @@ dependencies:
       - !ruby/object:Gem::Version 
         version: 2.3.3
     version: 
+- !ruby/object:Gem::Dependency 
+  name: calendar_date_select
+  type: :runtime
+  version_requirement: 
+  version_requirements: !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        version: 1.15.0
+    version: 
 description: This toolbox goes in the direction of the django admin interface.
 email: vidl@sunrise.ch
 executables: []
@@ -90,6 +100,7 @@ files:
 - view/toolbox/_collection.html.erb
 - view/toolbox/_collection_header.html.erb
 - view/toolbox/_context_menu.html.erb
+- view/toolbox/_dialogs.html.erb
 - view/toolbox/_form.html.erb
 - view/toolbox/_form_collection_row.html.erb
 - view/toolbox/_form_fieldset.html.erb
@@ -104,6 +115,33 @@ files:
 - view/toolbox/index.html.erb
 - view/toolbox/new.html.erb
 - view/toolbox/show.html.erb
+- public/images
+- public/images/add.png
+- public/images/arrow_down.gif
+- public/images/arrow_up.gif
+- public/images/close.png
+- public/images/edit.gif
+- public/images/email.png
+- public/images/page.png
+- public/images/page_acrobat.png
+- public/images/page_add.png
+- public/images/page_copy.png
+- public/images/page_delete.png
+- public/images/page_edit.png
+- public/images/page_excel.png
+- public/images/page_list.png
+- public/images/page_save.png
+- public/images/page_word.png
+- public/images/remove.png
+- public/images/show.gif
+- public/images/spinner.gif
+- public/javascripts
+- public/javascripts/popup.js
+- public/javascripts/toolbox.js
+- public/stylesheets
+- public/stylesheets/context_menu.css
+- public/stylesheets/popup.css
+- public/stylesheets/toolbox.css
 has_rdoc: true
 homepage: http://github.com/vidl/toolbox
 post_install_message: