fancygrid 1.1.0 → 2.0.0

data/lib/assets/javascripts/fancygrid.min.js

@@ -0,0 +1,15 @@
+(function(d){var j=this.Fancygrid={},i=function(a,b){d(a).each(function(a,c){var h=d(c);h.is("select")||h.is("input")?h.val(b):h.text(b)})},g=function(a){a=d(a).first();return a.is("select")||a.is("input")?a.val():a.text()},f=function(a,b){var e={ajaxUrl:"/",ajaxType:"GET",name:"",searchFadeTime:25,searchFadeOpac:0.5,page:1,perPage:25},b=b||{};d.extend(e,b);this.name=b.name;this.container=a;this.settings=e;this.queries=0;this.query={pagination:{page:e.page,per_page:e.perPage},columns:[],conditions:[],
+operator:"all",order:{}};this.components={container:a,search:a.find(".fg-search"),searchTemplate:a.find(".fg-search-template"),sortWindow:a.find(".fg-sort-window"),sortContent:a.find(".fg-sort-content"),controls:a.find(".fg-control-bar"),dataWrapper:a.find(".fg-datawrapper"),dataContainer:a.find(".fg-datacontainer"),currentPage:a.find(".fg-current-page"),totalPages:a.find(".fg-total-pages"),perPage:a.find(".fg-per-page"),buttons:{prevPage:a.find(".fg-button-prev"),nextPage:a.find(".fg-button-next"),
+refresh:a.find(".fg-button-refresh"),clearSearch:a.find(".fg-button-clear"),toggleSearch:a.find(".fg-button-search"),toggleSort:a.find(".fg-button-sort"),addCriterion:a.find(".fg-button-add-criterion"),removeCriterion:a.find(".fg-button-remove-criterion")}};this.components.searchTemplate.hide();this.components.sortWindow.hide();this.components.sortContent.hide();e.searchVisible||this.components.search.hide();var c=this;this.components.search.find("input[type='text'], select").bind("change.fancygrid",
+function(){c.buildConditions();c.refresh()}).bind("focus.fancygrid",function(){d(this).select()});this.components.currentPage.bind("change.fancygrid",function(){c.setPage(g(d(this)));c.refresh()}).bind("focus.fancygrid",function(){d(this).select()});this.components.buttons.prevPage.bind("click.fancygrid",function(a){a.preventDefault();c.flipPages(-1);c.refresh()});this.components.buttons.nextPage.bind("click.fancygrid",function(a){a.preventDefault();c.flipPages(1);c.refresh()});this.components.buttons.refresh.bind("click.fancygrid",
+function(a){a.preventDefault();c.refresh()});this.components.buttons.clearSearch.bind("click.fancygrid",function(a){a.preventDefault();c.clearSearch();c.refresh()});this.components.perPage.bind("change.fancygrid",function(a){a.preventDefault();c.setPerPage(g(d(this)));c.refresh()});this.components.buttons.toggleSearch.bind("click.fancygrid",function(a){a.preventDefault();c.toggleSearch()});this.components.buttons.toggleSort.bind("click.fancygrid",function(a){a.preventDefault();c.toggleSort()});this.components.sortWindow.click(function(){c.toggleSort()});
+this.components.buttons.removeCriterion.click(function(a){a.preventDefault();c.buildConditions();d(this).parents(".fg-search-criterion").detach()});this.components.buttons.addCriterion.click(function(a){a.preventDefault();c.addSearchCriterion()});a.find(".fg-orderable").click(function(a){a.preventDefault();c.toggleOrder(d(this))})};f.prototype.flipPages=function(a){return this.setPage(this.query.pagination.page+a)};f.prototype.setPage=function(a){a=Math.max(1,a);this.query.pagination.page=a;i(this.components.currentPage,
+a);return a};f.prototype.setPages=function(a){a=Math.max(0,a);i(this.components.totalPages,a);return a};f.prototype.setPerPage=function(a){a=Math.max(1,a);this.query.pagination.per_page=a;i(this.components.perPage,a)};f.prototype.setOrder=function(a,b){this.query.order.identifier=a;this.query.order.direction=b;this.container.find(".fg-orderable").attr("fg-sort-order","");this.container.find(".fg-orderable[fg-identifier='"+a+"']").attr("fg-sort-order",b);return this.query.order};f.prototype.toggleOrder=
+function(a){var b=a.attr("fg-identifier"),a=a.attr("fg-sort-order");this.setOrder(b,"asc"==a?"desc":"desc"==a?"":"asc");this.refresh()};f.prototype.toggleSort=function(){this.components.sortWindow.css({position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0.5});this.components.sortContent.css({position:"absolute",top:0.25*window.innerHeight/2,left:(window.innerWidth-200)/2,width:200});var a=this;this.components.sortContent.find("input[type=submit]").click(function(){a.submitSort();return!1});
+this.components.sortContent.find(".fg-sortable").sortable();this.components.sortContent.find(".fg-sortable").disableSelection();this.components.sortWindow.toggle();this.components.sortContent.toggle()};f.prototype.submitSort=function(){this.buildColumns();this.refresh(function(){window.location.reload()})};f.prototype.clearSearch=function(){this.container.find(".fg-search li.fg-search-criterion").detach();this.container.find(".fg-search-criterion *[name='value']").val("");this.query.conditions=[];
+return this.query.conditions};f.prototype.buildColumns=function(){var a=this.components.sortContent.find(".fg-sort-item input"),b=this.query.columns=[];a.each(function(a,c){c=d(c);b.push({identifier:c.attr("name"),visible:c.is(":checked"),position:a})});return this.query.columns};f.prototype.buildConditions=function(){this.query.operator=this.container.find("#fg-search-conditions:checked").val()||"all";var a=this.query.conditions=[];this.components.search.find(".fg-search-criterion").each(function(){a.push({identifier:g(d(this).find("#identifier")),
+operator:g(d(this).find("#operator")),value:g(d(this).find("#value"))})});return this.query};f.prototype.toggleSearch=function(){this.components.search.toggle();this.query.search_visible=this.components.search.is(":visible");return this.query.search_visible};f.prototype.addSearchCriterion=function(){if(!this.components.searchTemplate)return!1;var a=this,b=d(this.components.searchTemplate.html());this.components.search.find(".fg-search-criteria").append(b);b.find(".fg-button-remove-criterion").click(function(){b.remove();
+a.buildConditions()});b.find("input[type='text']").bind("change.fancygrid",function(){a.buildConditions()}).bind("focus.fancygrid",function(){d(this).select()})};f.prototype.refresh=function(a){var b=this,e={fancygrid:{}};e.fancygrid[b.name]=b.query;b.queries+=1;b.container.fadeTo(b.settings.searchFadeTime,b.settings.searchFadeOpac);d.ajax({type:b.settings.ajaxType,url:b.settings.ajaxUrl,data:e,dataType:"html",success:function(a){b.queries-=1;0===b.queries&&(a=d(a).find("#fancygrid_"+b.settings.name),
+b.container.find(".fg-row").detach(),b.container.find(".fg-datacontainer").append(a.find(".fg-row")),b.setPage(g(a.find(".fg-current-page"))),b.setPages(g(a.find(".fg-total-pages"))),b.container.fadeTo(b.settings.searchFadeTime,1),b.container.trigger("ajaxSuccess"))},error:function(){b.queries-=1;0===b.queries&&(b.container.find(".fg-row").detach(),b.container.fadeTo(b.settings.searchFadeTime,1),b.container.trigger("ajaxError"))},complete:a})};f.prototype.download=function(a){var b={fancygrid:{}};
+b.fancygrid[this.name]=this.query;var e=this.settings.ajaxUrl;e.match(/\.html$/)&&(e=e.substring(0,e.length-5));e=[e,a].join(".");a=d.param(b);b=this.settings.ajaxType;if(e&&a){var a="string"===typeof a?a:d.param(a),c="";d.each(a.split("&"),function(){var a=this.split("=");c+='<input type="hidden" name="'+decodeURIComponent(a[0])+'" value="'+decodeURIComponent(a[1])+'" />'});d('<form action="'+e+'" method="'+(b||"post")+'">'+c+"</form>").appendTo("body").submit().remove()}};d.fn.fancygrid=function(a){j[a.name]=
+new f(d(this),a);d(this).data("fancygrid",j[a.name])}})(jQuery);

data/lib/assets/stylesheets/fancygrid.css

@@ -0,0 +1,177 @@
+
+.fg-control-bar{
+	list-style: none;
+  display: block;
+  text-align: center;
+  margin: 0px;
+  padding: 5px;
+}
+
+.fg-control-bar li{
+	display: inline;
+}
+
+tr.fg-search td .fg-search-criterion{
+  border: 1px solid #ccc;
+  padding: 3px;
+}
+tr.fg-search td .fg-search-criterion input,
+tr.fg-search td .fg-search-criterion select{
+  border: 0px;
+  padding: 0px;
+  width: 100%;
+  outline: none;
+  -webkit-appearance:scrollbarbutton-down;
+}
+tr.fg-search td .fg-search-criterion select:focus;{
+  outline: none;
+}
+
+tr.fg-header th.fg-orderable{
+  background-position: 50% 0%;
+  background-repeat: no-repeat;
+  cursor: pointer;
+}
+tr.fg-header th.fg-orderable[fg-sort-order=asc]{
+	background-image: url(
+		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiYEACkZER/0GYARuASoAxhiJkSQxF2CSRFQEEGADl3xw9oxw7tQAAAABJRU5ErkJggg==
+	);
+}
+tr.fg-header th.fg-orderable:hover[fg-sort-order=asc]{
+	background-image: url(
+		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAMAAAB1GNVPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF1NTUfX190dHRtLS0l5eXQEBAR0dH1dXVREREr6+v2dnZn5+fbGxseXl5RkZGzMzM////BUSGAAAAABF0Uk5T/////////////////////wAlrZliAAAAJklEQVR42mIQEBBgA2IGAQEORh4QzcrLycwtwMDHwsTPwMUOEGAAFi0BOZt2IEwAAAAASUVORK5CYII=
+	);
+}
+tr.fg-header th.fg-orderable[fg-sort-order=desc]{
+	background-image: url(
+	  data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAEAgMAAADOo5ZjAAAACVBMVEUAAAAAAABZWVjux8MkAAAAAXRSTlMAQObYZgAAABRJREFUeNpjmBrGoBrBwJnAwNQAAA+QAlRLCPc3AAAAAElFTkSuQmCC
+	);
+}
+tr.fg-header th.fg-orderable:hover[fg-sort-order=desc]{
+	background-image: url(
+		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAMAAAB1GNVPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFfX19xMTEbW1ttLS0jo6OREREr6+vycnJj4+Pubm5jIyMlpaWsLCwoKCg1NTU////gVMa/AAAABB0Uk5T////////////////////AOAjXRkAAAAmSURBVHjaYmBl4GLhZeNh4Gfi5mTn42fg5+dg5OMH0fzMQAwQYAAQZgEsd9uAdAAAAABJRU5ErkJggg==		
+	);
+}
+
+.fg-control-bar [class^="fg-button"],
+.fg-search [class^="fg-button"]{
+	cursor: pointer;
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  vertical-align: text-top;
+  background-image: url(
+		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdUAAACFCAMAAAA6npKGAAAAhFBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOEZ7BUAAAAK3RSTlMAzw/vn78vX98frz9/TY9PgG8J9tirS6iiSBseyfN1w5P51e0nkMAqese9zI5zvgAAEABJREFUeF7tnYlypDiXha/WBWiy819m3fflvP/7TRhwK8y5SmBwuatqdCoq03GQbwp9SCnhG0J+HnVZB8AthsFvMkrBx2yw88Yhu2GUT9FwxbcBCFa+Y3H7sM9KAkiSlgCy4qhShYhg5Wawyewb7I0osA+asMhX5+XVUQa4WSaHoQgp4kFe2w8AEOicq8gvZMvmFtWvcVjW79rHGytijZdG+5z0rYEAAmNPU7UhcGFUVaxK1NV3H4OOcElkdDseravDZgBYXhzXZKaTfOWrTQ7BL4sgTFUY0uaK7repWrNrIQ8Yaw3gW+1zyhcDI8Dydo6qW69uJy8V3QIvavTDM8rHoAPSAndfCV+vDi9VT1Q9iVNeUbNvyG9SxTtVfCpVhrrjZwCY5YXaB6D2abZbglnBGaRzVAMWhWZnrVgVqIJxfduBeD+pXeENq7EeUjWhapIqSQ7vcon8SP7NvnpdDNVYssiVvH4otU/LD4gruIhBRbqnagFTSgDsvuiv27/NiEAUFkSh6lpUF6wLVEhVQtVHSMVstok7Pz8XuptftfB21/rq/e/VONgKlbCS64jege9kk8tnqI4BKAvbEF9TFUDOUh3WHhyRiapYY6x4gMYLfciYF3sW9pM8yN9IkVfHTYiuWyNwdDClQtWoUvsA1D7NdsuO+L6kGivV8f9ONY4fjz3gxqWjTbvCXry31nvxoHPXZ2Nx8R/C/iM8yGeqx3213J8tDVR9GoEP2od8HoFX3oGR6iNwsJZG4EtUPTWkB4zh6ZUXD3gPePF09ipUmYEMeN135I/rdHr82u9Vrj7Pltrtc+ynd5gB6YAqzZauU33kxVS+yZIB8uQIKzb5xkyDlDHJE+6cb2dsmu2Xfq9y9Xll026fY98gxGVgNQ2k7ZXNdaoOizmHIbbWQ64wVB2rCjXm+PZqHqf8XOPnr12vcvX5LsRx+7Bfw8M5vnCYKt+FaFNtnIuh9SVhJVQtlaye30raxlM+qnDKv0+V7yqxrrcP+ym4PCSR01RljMJyWOXkjspLqF3F/qDt1tXV1dXV1dXV1dXV1dXV1dXVleSnU5eHZ7Od8pNCdiGRbYFpAqwaqh3nrP/Apke7vHrX3Gvlh2TNq8xLSr2a5LTSEMKQ5PPEWLieEIgAAtl8D8A3qJLf/MuRpJVqOqDKcc75Mzb5a3EcdB84R9WSuQoyTlMUEc+56MDn5aMXTmXYyL2k6mtbMdXq81956QAeD5DNVDlO2+fkRuRLcRxwzq/FiGqUUaPqAORgKP5URMqkNERcLc0vLb/sugk2foKXVD1WeZUq+QlBBEpGRsGm0qTKcbDEIX+eyS/v1AxiM0OEfQ9A2LfkCwSiZrUtBTWqatee3ikkGrQnQN6Ai+JjFNF89/CZ+yrkoK96QMdaK6zkrwrnrz4BjCOA5ymqnAdb/REY9/7zvX4eT4pjohqHRP5xX3V4lztFNXvZ5DMP8AUpobAv81J59qchIpJf6ehUPdDAik1a/iqU/NUMIEYAmUdmAEa0OKhxqm8zkO3OH95hPhGUONM+TnaiypH/uq+i6hTV2ulGKJQSkDR6oxNR/X03Bv3AVFv02n5eaWDfPrFeQ1HPRuM4BjBLHI5P7Y/3kxsBpfxcy3P29Bm+leUlqnQV1zWA/VSqVahpOjepHuevzvhNs56NxnEilpdA8QGKDyxcRwCg8nms5bmeg7Co/PW+asOjPChbb23VrYHvj8BzawQ+pioiB1SPZycZQN7eGq3CcaaJ4vAsqsaZtsUjlbdcH65nDeSrf6evkojq+dmSa8yWsjpbqnW8S5VXEnSPIGwpyA8lzDji1soGVbgTRwBX/Vvfq6qmSnX6lJWN01Y2VM+7VPVVv69UAa/TuHUXAlW4E0fgyP/MviqV6re7C/Ey/DhepNrOX3V1hATcMVWOw/4xVS5/fCfRSxq4POPjlc3vQ1XDIhhHLaF566o/u7q6urq6urq6urq6urq6urq6urq6uvAm3/S9tvPpprN/DfCUMXCkCVGvEGZRlJQMGi9ytD3IT03VV6zsM1bj4mqcpuoo9fBIWaE3AuPD6NnWT8p3mDFfo9omjeahcmlPmVJ9zpVRuFArk9qfiyCBsVafsGLTaapxtVOjIsJ6ODhRz9PCiKIZI5UWMeP6S6OpNrl3qMolqvIZVNtBdolNQR2Eq+/9ParP1R6oA29igoM3SA2qThQFWKZaG0cL9R0Jun1I1X8s5zFVqi/SgRnrdarAsNoBoOLGAL9SExfEJwYNRfTVJ0r3qKKq5YNG388agZuf+4qqxz5IFrEhyossb9/Aep1qXo3MVFMpSTnLZ5YCFL3dRz1d8Guo8oH7I/B8RHXWqXqA+6o1cBZyFet1qu2zNwUohqlmP44Gk4KiPNUtBRO8/KAj8ILnZQEP4AzVmnqNV5uF+t+J6ohFWUUxE20yb/bV07OlcmcE5r7KuLHSmk+OwHYqD9T4nqFW/8oIbIgRUz0egb1Zm2zUUCQEIRk8LlFNQLpPVT5nBJY21UuzpZiBANRQnqBW/8Jsyawb1Le6hT5bIqp2bfEBnqmW5DAICYiXqALAjz8HPuw9nqBWv7my+Whvj9mxhqludyG0jMywaPeZZUtcj7RA0qdLT8DyoDw3euVcf7i1U+1nz4H1OG3kx1T5DlL1kz83IG3TGGvO3oXQNW259QAcVduEwFCNej/SU6/k3am/lqp8HdXPk5UfQ9xXWV1dXV1dXV1dXV1dXV1dXV1dXV22yG0N8l2pyxoXlY1uX+yiwRrxkLbsQ+7Ke7mgLlsMpe/55uNUnf5IUoPM5iMDgBFrMJIfpOjlXZSJYvlGPvpSq4bLh1p+HuUTZOzy0vYLQIfIPXiaZOP5oH7HxBpTjKGMgTANQFJ2p1pB7TQBmPUtuI211hu7891TBE8un7yL4mEYKuBVqtag4fKhlg8Mpfkk9NM5MTB2e5GGT6HIpa0CyW8lORi7K2bKLkBAEJEBQdnxTsvbHtX90zOm7bKxip88MFjy1X7pV1SeqS71b7h8qOUDcNN9qjB2fRHdJ37s8rae7OtUYezBr2PhMQHK7pRa3nZeTGepdfmq23xLCearP0eGagesBzHQJyz1F8VVD1VfoWTG21RhbKWh+EyVXX6iOkM9wKpDFYewUDTK/qtKFmDCsLgTUd2gMtUJJgDe7vwZbqB6G/wmQ70AAER1+ZCtvkrJ27tUYSoNxadQ1WWoHIihMtY2VBmAMIV9hLxRpQyU4CeFtQDvUA35voi4ROWjW+qdTmWmiJzNzuJAOqV8lypXk+tzfAKmcRX7XRVpvPQMlfNyUVojcPiIY1qpgqkuudkG5L+pSCI/OnhJlHC0HoSXn7uvsq73VVvMCpU104j6arbkTHENqlPiSR5QaZEfZypPs6Wf/XsVVde/V5+mmAqVfz2InFvZDPCh9mCaA0/IN3xa2XyjOfDz+5kDo+r6HNjUJQ0pOmQrJ+9CbD3VRVp/bnrc8Wm187Xr1ZC/bL3Kur5eLTBPKy3FXBkd7sdbvAN8414R8uOGT2nLt+8t2W95b8m+uLdE/MglXb+3ZIv8eOqyZ+2urq6urq6urq6urq6urq6urq6uLs7v/XqfBXxmPe+r5NjKPrwq3/qlOMttcX6Msb+zX2UBMunJmxf82zI1yl2qsUE1Osz34tsigJQVi+H0mCPfAe5KeZhwPr5YD8A9pPk03yt+4vgixTTxlVZSiD9DleMwPBWVjw4u3qJqjYtAdEsv2baco4yVhE3sG+u9NXr5rMV5iETy+XM3eZeAp0ucWfNGr/Wka92PjuPLw0EaqlcTJaqnI6och7XA81okgnqVanFrb3NFREKlOkjV6gPsbxm/1mnljU0cx8gzijkZXyySAPJ09HT7CO8RIwbOjrPesr82YsLAPU8aqjv7c5JHOU11fK5xWPMCT6Ua747w0dVcFAfUjXyr2v42GHn2zRisREc+kEcLsC8iUJ9uP478zGL3nuHi8t5/FgNP/tYzdn4xR3uamaJ/VZiTVCdX45DmKJr0fNiDnFiyq58rPSdVbf+dKvtluWDYBx7iofki2PsbTqKaK1W3858AjCV/hUrlcUQVuYHvHGzfjBPnk7Pi+1TrCIzQGCGDPgJTeWMluvNx9M8Vi4cAo2+PwGHnL0nkQn5aoO79eNxXo0r15MA8Uhye5e78G1R5BM5RPnm2ZEZH5Zvxt2o1ZkvpymzJeivsAy4K+WL96+9Vb1WbzYeaCTkgz+NIcXiWy7Piz5otfdXKBri8skn3VzZI5C9Kr+bA6XzzztqcCJMeByCo+qz4/srm/+ldiNher8YrzWvAgaZGHADx5Kz4/l0IPb/3631O5v2W8Qk0HThFNeZyMg7PcnlWrFP9rtTV1dXV1dXV1dXV1dXV1dXV1dXVZZ/yXavnA//FH//qb0T+9i//9a9F0zgFEFQzyUUNsMIKoZnBySbqqy4vZ/Trr7/Wt2+oCHzBPsmtvNw//9Pf/f3zH/74j//OEWwyAAaiOmMUReMQwjDq/j//i7AS8BBFBcBBzgBrt5+lq+Xd70GV0uyso6qQf2aHonN5uX/6tz/8GfiPP/wndY+YAWDwRNXhIYG2yBywaLCqPxernY+zouiIKudixoWiUcvjLFXrbbvDeE+ur/GVqynceu5rezcxykxZ2SaK+ssvyxs3OnJKdCGNgJfB8FBQBwP2H7Ox1OVDwHwzOQAAXFmhwh9SZfHmy9xhtjdyN6x6/tZ0/3mqatV9fZOw9nNHebmVKp+Oe8oEBGWAnIddrQMGZADwCJpv532cCJSiZg5YAPb0CBydGR1cFPgzrVXzqBhqe5deD8DsutFglaaf8a7HKXrIL5Gz5zcPXlacsBYA8jmqDqaMmS66xyQAhZlgLMoAoBhM7P9JxNB1MAFTZU3Ne5KqlBWqeLlG9cLmy3l/ZKxRAT27r5yjmhKqnEq1vdNuBoDnk3/1l9+070omBqV6xgtM3vtvdIIf8fa2oyrB/xcmWf2qhGwBm5Go72kbJaL+0xK9xnKDKsM7xt2iGilL+DXVLBlV0yWqlK97THV0ySnFBcgID3qefMBkAxDstB+B/Zs/iv/oW4dRhkFGOLtnNAAYdlhRpUE1LgoGe5GqPtAejx1MladLwzmqaUQVyqURmPN1j0fggMYG+8AgVN5uA+yTZ0uhGMi082cMIimJDLtpnnMPASAP58701bVbb6nY5sTKJgB+jB4YWpOiU9Mo4PVE1U3nqMqAKn9ptsQrG6bKlLK65fUAYIxcBTsgz3PmlY0H8N9lF2iEK2uti8P4IX6RCCBKGS6vbDxtx8tK2JQOFjC85GFKvrWojBjPUS2ownhlZcN5ucdUjSkiMQqpZCTxFOfVXYj/wbPsfIMqGvNoXU59VdWuBSpUdQwKckuoWL1omOw5qnO7HfiCOcqzPaZqXz1oDibJec2IdClXcV50jhLz9XtLnvYGVmVnB7jZyrcS1v/nqDpUpYt3DP8XttWH7L9emGcAAAAASUVORK5CYII=
+	);
+
+  background-position: 14px 14px;
+  background-repeat: no-repeat;
+  *margin-right: .3em;
+}
+.fg-control-bar .fg-button-search,
+.fg-search .fg-button-refresh{
+	background-position: -48px 0;
+}
+.fg-search .fg-button-add-criterion{
+	background-position: 0 -96px;
+}
+.fg-search .fg-button-remove-criterion{
+	background-position: -24px -96px;
+}
+
+.fg-control-bar .fg-button-prev{
+	background-position: -432px -72px;
+}
+.fg-control-bar .fg-button-next{
+  background-position: -456px -72px;
+}
+.fg-control-bar .fg-button-clear,
+.fg-search .fg-button-clear{
+  background-position: -456px 0;
+}
+.fg-control-bar .fg-button-refresh{
+  background-position: -240px -24px;
+}
+.fg-control-bar .fg-button-sort{
+  background-position: -264px -24px;
+}
+
+.fg-container input,
+.fg-container select{
+	padding: 3px 5px;
+	border: 1px solid #CCCCCC;
+}
+.fg-container input{
+	padding: 4px 5px;
+}
+.fg-control-bar input.fg-current-page{
+	width: 25px;
+	text-align: right;
+}
+
+.fg-control-bar .separator{
+	border-left: 1px solid #ccc;
+	margin: 0px 5px;
+}
+
+.fg-sort-window{
+  background-color: black;
+}
+
+.fg-sort-content{
+  background-color: white;
+}
+
+.fg-sort-content .fg-sortable{
+  list-style : none;
+  padding-left: 10px;
+}
+.fg-sort-content .fg-sort-item{
+  cursor : move;
+}
+.fg-sort-content input[type=submit]{
+  width: 100%;
+}
+
+/*
+ *
+ */
+.fg-container table{
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 1px solid #ddd;
+  *border-collapse: collapsed;
+}
+
+.fg-container th, .fg-container td {
+  padding: 8px;
+  line-height: 18px;
+  text-align: left;
+  border-top: 1px solid #ddd;
+}
+
+.fg-container th + th,
+.fg-container td + td,
+.fg-container th + td,
+.fg-container td + th {
+  border-left: 1px solid #ddd;
+}
+
+.fg-container tbody tr:nth-child(odd) td, 
+.fg-container tbody tr:nth-child(odd) th {
+  background-color: #f9f9f9;
+}
+
+.fg-search-controls,
+.fg-search-criteria{
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+}
+.fg-search-criteria li{
+	margin-top: 5px;
+}
+ul.fg-search-controls li{
+	display: inline-block;
+}

data/lib/fancygrid.rb

@@ -1,72 +1,91 @@
 require "fancygrid"
-require "version"
-require "fancygrid/helper"
 require "fancygrid/node"
 require "fancygrid/grid"
-require "fancygrid/query_generator"
-require "fancygrid/view"
+require "fancygrid/column"
+require "fancygrid/view_state"
+require "fancygrid/object_wrapper"
 
-module Fancygrid
+require "fancygrid/orm/sql_generator"
+require "fancygrid/orm/active_record"
 
-  mattr_accessor :table_template
-  @@table_template = "fancygrid/base/table_frame"
+require "fancygrid/controller/helper"
+require "fancygrid/view/helper"
+
+module Fancygrid
   
-  mattr_accessor :list_template
-  @@list_template = "fancygrid/base/list_frame"
+  mattr_accessor :base_template
+  @@base_template = "fancygrid/fancygrid"
+    
+  mattr_accessor :table_template
+  @@table_template = "fancygrid/table"
   
   mattr_accessor :controls_template
-  @@controls_template = "fancygrid/base/controls"
+  @@controls_template = "fancygrid/controls"
 
   mattr_accessor :sort_template
-  @@sort_template = "fancygrid/base/sort"
+  @@sort_template = "fancygrid/sort"
     
   mattr_accessor :search_template
-  @@search_template = "fancygrid/base/search"
-
-  mattr_accessor :cells_template_directory
-  @@cells_template_directory = "fancygrid/"
-  
-  mattr_accessor :cells_template
-  @@cells_template = "_cells"
+  @@search_template = "fancygrid/search"
 
   mattr_accessor :i18n_scope
   @@i18n_scope = "fancygrid"
+
+  mattr_accessor :components
+  @@components = [:top_bar, :bottom_bar, :search_bar, :table]
+
+  mattr_accessor :orm
+  @@orm = "fancygrid/orm/active_record"
+      
+  mattr_accessor :hide_search
+  @@hide_search = true
   
-  mattr_accessor :use_grid_name_as_cells_template
-  @@use_grid_name_as_cells_template = false
-  
-  mattr_accessor :search_visible
-  @@search_visible = false
-  
-  mattr_accessor :default_search_type
-  @@default_search_type = :simple
-  
-  mattr_accessor :default_grid_type
-  @@default_grid_type = :table
-  
-  mattr_accessor :default_per_page_options
-  @@default_per_page_options = [5, 10, 15, 20, 25, 30, 40, 50]
+  mattr_accessor :search_operators
+  @@search_operators = Fancygrid::Orm::SqlGenerator::OPERATOR_NAMES
   
-  mattr_accessor :default_per_page_selection
-  @@default_per_page_selection = 20
+  mattr_accessor :search_operator
+  @@search_operator = :like
+    
+  mattr_accessor :per_page_values
+  @@per_page_values = [5, 10, 15, 20, 25, 30, 40, 50, 100]
   
-  mattr_accessor :search_operators
-  @@search_operators = Fancygrid::QueryGenerator::OPERATOR_NAMES
+  mattr_accessor :per_page_value
+  @@per_page_value = 20
+
+  mattr_accessor :ajax_type
+  @@ajax_type = :get
+
+  mattr_accessor :persist_state
+  @@persist_state = false
   
   def self.setup
     yield self
   end
   
+  def self.default_options
+    {
+      :base_template => self.base_template,
+      :table_template => self.table_template,
+      :controls_template => self.controls_template,
+      :sort_template => self.sort_template,
+      :search_template => self.search_template,
+      :i18n_scope => self.i18n_scope,
+      :components => self.components,
+      :orm => self.orm,
+      :hide_search => self.hide_search,
+      :search_operators => self.search_operators,
+      :search_operator => self.search_operator,
+      :per_page_values => self.per_page_values,
+      :per_page_value => self.per_page_value,
+      :ajax_type => self.ajax_type,
+      :persist_state => self.persist_state
+    }
+  end
+  
   class Engine < Rails::Engine#:nodoc:
-
-    generators do
-      require File.join(File.dirname(__FILE__), "generators", "install_generator")
-      require File.join(File.dirname(__FILE__), "generators", "views_generator")
-    end
-
     initializer "fancygrid.initialize" do |app|
-      ActionController::Base.send :include, Fancygrid::Helper
-      ActionView::Base.send :include, Fancygrid::Helper
+      ActionController::Base.send :include, Fancygrid::Controller::Helper
+      ActionView::Base.send :include, Fancygrid::View::Helper
     end
   end
 end

data/lib/fancygrid/column.rb

@@ -0,0 +1,165 @@
+module Fancygrid
+  
+  class Column < Fancygrid::Node
+    
+    # The column position in table.
+    attr_accessor :position
+    
+    # The column width.
+    attr_accessor :width
+
+    # If true, this column is not rendered.
+    attr_accessor :hidden
+
+
+    # If true, a search field is then rendered for this column.
+    attr_accessor :searchable
+        
+    # The current search value for this column.
+    attr_accessor :search_value
+    
+    # The current search operator for this column.
+    attr_accessor :search_operator
+    
+    # The possible search options for this column.
+    attr_accessor :search_options
+    
+    
+    # If true, this column is treated as a database column.
+    # SQL queries may use the columns name for SELECT statements.
+    attr_accessor :selectable
+    
+    # If true, the root node has a formatter method for this column.
+    attr_accessor :formatable
+    
+    # Value resolver proc for this column.
+    attr_accessor :value_proc
+    
+    
+    def initialize(parent, name, options = {})
+      super(parent, name, options)
+      
+      @position        = options.fetch(:position, 0)
+      @width           = options.fetch(:width, nil)
+      @hidden          = options.fetch(:hidden, false)
+      self.visible     = options.fetch(:visible, self.visible)
+      
+      @searchable      = options.fetch(:searchable, false)
+      @search_value    = options.fetch(:search_value, nil)
+      @search_operator = options.fetch(:search_operator, nil)
+      @search_options  = options.fetch(:search_options, nil)
+      
+      @selectable      = options.fetch(:selectable, false)
+      @value_proc      = options.fetch(:value_proc, nil)
+      
+      @human_name      = options.fetch(:human_name, nil)
+      
+      @formatable      = self.root.respond_to?(self.formatter_method)
+    end
+
+    # Gets a value indicating whether this column is visible
+    # and should be rendered or not.
+    #
+    def visible
+      !@hidden
+    end
+    
+    # Sets a value indication whether this column is visible
+    # and should be rendered or not.
+    #
+    def visible=(value)
+      @hidden = !value
+    end
+    
+    # Gets the current sort order for this column.
+    #
+    def sort_order
+      self.root.view_state.column_order(self)
+    end
+    
+    # Gets the method name that is send to the root node
+    # to format the value of a column cell
+    #
+    def formatter_method
+      @formatter_method or @formatter_method = "format_" + self.identifier.gsub(".", "_")
+    end
+    
+    # Gets the column identifier.
+    # This is the #table_name and #name joined with a '.' (dot)
+    #
+    def identifier
+      @identifier or @identifier = [self.table_name, self.name].join('.')
+    end
+    
+    # Gets a whitespace separated string that is used as css class
+    # for the table column. The string contains the #table_name 
+    # and the #name of this column.
+    #
+    def tag_class
+      @tag_class or @tag_class = self.identifier.split(".").join(" ")
+    end
+
+    # Gets the internationalization lookup path for this column.
+    #
+    def i18n_path
+      @i18n_path or @i18n_path = [Fancygrid.i18n_scope, :tables, self.name_chain].join(".")
+    end
+    
+    # Gets the default human name for this column
+    #
+    def default_human_name
+      result = self.name.to_s.humanize
+      if self.resource_class.respond_to? :human_attribute_name
+        self.resource_class.human_attribute_name(self.name, :default => result)
+      else
+        result
+      end
+    end
+    
+    # Gets the internationalized, human readable name for this column.
+    #
+    def human_name
+      @human_name or @human_name = I18n.t(self.i18n_path, :default => default_human_name)
+    end
+    
+    # Fetches a value from given record.
+    #
+    def fetch_value record
+      if self.value_proc
+        return value_proc.call(record) 
+      else
+        chain = self.name_chain.split(".")
+        chain.shift
+
+        value = record
+        while token = chain.shift
+          value = (value.respond_to?(token) ? value.send(token) : nil)
+          return nil if value.nil?
+        end
+        
+        return value
+      end
+    end
+   
+    # Fetches a value from given record and tries to apply
+    # the format method
+    #
+    def fetch_value_and_format record
+      value = fetch_value(record)
+      value = self.root.send(self.formatter_method, value) if self.formatable
+      return value
+    end
+    
+    # Adds this column to the given collection
+    #
+    def collect_columns collection
+      collection << self
+    end
+    
+    protected    
+    def add_child(node)
+      raise "columns can not have child elements"
+    end  
+  end
+  
+end