gridx-rails 1.1.0

data/app/assets/javascripts/gridx/templates/PaginationBar.html

@@ -0,0 +1,60 @@
+<div class='gridxPager' role="navigation" aria-label='${pagerWai}'
+	><table class='gridxPagerInner' cellpadding="0" cellspacing="0" role="presentation"
+		><tr
+			><td class="gridxPagerDescriptionTD"
+				><div class="gridxPagerDescription"
+					data-dojo-attach-point="_descContainer"
+				></div
+			></td
+			><td class="gridxPagerStepperTD"
+				><div class="gridxPagerStepper"
+					role="toolbar"
+					aria-label='${pagerWai}'
+					data-dojo-attach-point="_pageStepperContainer"
+					><span class='gridxPagerStepperBtn gridxPagerPrevPage'
+						tabindex='${_tabIndex}'
+						title='${prevPageTitle}'
+						aria-label='${prevPageTitle}'
+						role="button"
+						pageindex='Prev'
+						data-dojo-attach-point='_prevPageBtn'
+						data-dojo-attach-event='onclick: _gotoPrevPage'
+						><span class='gridxPagerA11yInner'>&nbsp;&lt;</span
+					></span
+					><span class='gridxPagerPages'
+						data-dojo-attach-point='_pageBtnContainer'
+						data-dojo-attach-event='onclick: _gotoPage, onmouseover: _onHoverPageBtn, onmouseout: _onHoverPageBtn'
+					></span
+					><span class='gridxPagerStepperBtn gridxPagerNextPage'
+						tabindex='${_tabIndex}'
+						title='${nextPageTitle}'
+						aria-label='${nextPageTitle}'
+						pageindex='Next'
+						data-dojo-attach-point='_nextPageBtn'
+						data-dojo-attach-event='onclick: _gotoNextPage'
+						><span class='gridxPagerA11yInner'>&nbsp;&gt;</span
+					></span
+				></div
+			></td
+			><td class="gridxPagerSizeSwitchTD"
+				><div class="gridxPagerSizeSwitch"
+					role="toolbar"
+					aria-label='${pagerWai}'
+					data-dojo-attach-point='_sizeSwitchContainer'
+					data-dojo-attach-event='onclick: _switchPageSize, onmouseover: _onHoverSizeBtn, onmouseout: _onHoverSizeBtn'
+				></div
+			></td
+			><td class='gridxPagerGoto'
+				><span class='gridxPagerGotoBtn'
+					tabindex='${_tabIndex}'
+					title='${gotoBtnTitle}'
+					role='button'
+					aria-label='${gotoBtnTitle}'
+					data-dojo-attach-point='_gotoBtn'
+					data-dojo-attach-event='onclick: _showGotoDialog'
+					><span class='gridxPagerA11yInner'>&#9650;</span
+				></span
+			></td
+		></tr
+	></table
+></div>

data/app/assets/javascripts/gridx/templates/PaginationBarDD.html

@@ -0,0 +1,23 @@
+<div class='gridxPager'
+	><table class='gridxPagerInner' cellpadding="0" cellspacing="0" role="presentation"
+		><tr
+			><td class="gridxPagerDescriptionTD"
+				><div class="gridxPagerDescription"
+					data-dojo-attach-point="_descContainer"
+				></div
+			></td
+			><td class="gridxPagerStepperTD"
+				><div class="gridxPagerStepper"
+					data-dojo-attach-point="_pageStepperContainer"
+					><label id="${id}-pagerStepperLabel" class='gridxPagerLabel'>${pageLabel}</label
+				></div
+			></td
+			><td class="gridxPagerSizeSwitchTD"
+				><div class="gridxPagerSizeSwitch"
+					data-dojo-attach-point='_sizeSwitchContainer'
+					><label id="${id}-pagerSizeSwitchLabel" class='gridxPagerLabel'>${pageSizeLabel}</label
+				></div
+			></td
+		></tr
+	></table
+></div>

data/app/assets/javascripts/gridx/templates/QuickFilter.html

@@ -0,0 +1,38 @@
+<div class="gridxQuickFilter ${_hasFilterBar}"
+	><span class="gridxQuickFilterInputContainer"
+		><input type="text" data-dojo-type="${textBoxClass}"
+			class="gridxQuickFilterInput"
+			data-dojo-attach-point="textBox"
+			data-dojo-props="placeHolder: '${filterLabel}', 'aria-label': '${filterLabel}'"
+		/><span class="gridxQuickFilterClear"
+			tabindex='0'
+			data-dojo-attach-event="onclick: _clear, onkeydown: _onKey"
+			title="${clearButtonTitle}"
+			><span class="gridxQuickFilterClearInner">x</span
+		></span
+	></span
+	><button data-dojo-type="${buttonClass}"
+		class="gridxQuickFilterButton"
+		data-dojo-props="
+			showLabel: false,
+			title: '${filterLabel}',
+			iconClass: 'gridxQuickFilterIcon'"
+		data-dojo-attach-event="onClick: _filter"
+	></button
+	><button data-dojo-type="${comboButtonClass}"
+		class="gridxQuickFilterComboButton"
+		data-dojo-props="
+			showLabel: false,
+			title: '${filterLabel}',
+			iconClass: 'gridxQuickFilterIcon'"
+		data-dojo-attach-event="onClick: _filter"
+		><span data-dojo-type="${menuClass}">
+			<span data-dojo-type="${menuItemClass}"
+				data-dojo-attach-event="onClick: _filter"
+			>${filterLabel}</span
+			><span data-dojo-type="${menuItemClass}"
+				data-dojo-attach-event="onClick: _showFilterBar"
+			>${buildFilterMenuLabel}</span
+		></span
+	></button
+></div>

data/app/assets/stylesheets/gridx/mobile/themes/iphone/Grid.css

@@ -0,0 +1,107 @@
+.mobileGridx {
+	position: relative;
+}
+
+.mobileGridxHeader {
+	background-color: #ddd;
+	overflow: hidden;
+	top: 0;
+	width: 100%;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF));
+}
+.mobileGridxHeaderRow > table,
+.mobileGridxRow > table{
+	width: 100%;
+	border-collapse: collapse;
+}
+.mobileGridxHeaderCell {
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
+	padding: 5px;
+	font-weight: bold;
+}
+
+.mobileGridxBody {
+	background-color: #fff;
+	overflow: hidden;
+	position: relative;	/*Fix scoller position issue*/
+}
+
+.mobileGridxFooter {
+	bottom: 0;
+	width: 100%;
+	background-color: #ddd;
+}
+
+.mobileGridxNoDataNode {
+	padding: 20px;
+	text-align: center;
+	color: #999;
+}
+
+.mobileGridxCell {
+	padding: 5px;
+}
+
+.mobileGridxRow:nth-child(even) {
+	background-color: #f0f0f0;
+}
+
+
+/*Load More Mixin*/
+.mobileGridxLoadMoreWrapper {
+	text-align: center;
+	padding: 10px 0;
+}
+.mobileGridxLoadMoreButton {
+	margin: 10px auto;
+	display: block;
+	width: 90%;
+	font-weight: bold;
+	color: #333;
+}
+.mobileGridxLoadingIcon {
+	width: 16px;
+	height: 16px;
+	background: transparent url(images/ajax-loader.gif) no-repeat 0 0;
+	margin-bottom: -3px;
+	margin-right: 10px;
+	
+}
+
+/*Pull Refresh Mixin*/
+.mobileGridxPullRefreshWrapper {
+	height: 50px;
+	padding-left: 65px;
+	line-height: 50px;
+	top: -50px;
+	width: 100%;
+	left: 0;
+	color: #777;
+	font-weight: bold;
+	font-size: 12px;
+	position: absolute;
+}
+.mobileGridxPullRefreshWrapper span {
+	display: inline-block;
+	width: 150px;
+	text-align: left;
+}
+.mobileGridxPullRefreshWrapper img{
+	width: 18px;
+	height: 18px;
+	background: transparent url(images/arrow.png) no-repeat 50% 50%;
+	margin-right: 10px;
+	margin-bottom: -5px;
+	-webkit-transition: all 0.2s;
+}
+.releaseToRefresh img{
+	-webkit-transform: rotate(-180deg);
+}
+.inLoading img {
+	background-image: url(images/ajax-loader.gif);
+}
+
+.inLoading {
+	
+}

data/app/assets/stylesheets/gridx/resources/Dod.css

@@ -0,0 +1,39 @@
+.gridxDodNode, .gridxDodLoadNode {
+	border-bottom: 1px solid #E5DAC8;
+	overflow: auto;
+}
+
+.gridxDodLoadNode {
+	background: transparent url(images/loadingAnimation.gif) no-repeat 5px 2px;
+	padding: 5px 5px 5px 30px;
+}
+
+.gridxRowOver .gridxDodNode, .gridxRowOver .gridxDodLoadNode {
+	/*border-top: 1px solid #E5DAC8;*/
+	/*border-bottom: none;*/
+}
+
+.gridxDodExpando {
+	width: 10px;
+	height: 10px;
+	float: left;
+	margin: 2px 3px 0 0;
+	background: transparent url(images/sprite_icons.png) no-repeat -380px 0;
+	cursor: pointer;
+	visibility: hidden;
+}
+.gridxRowOver .gridxDodExpando {
+	visibility: visible;
+}
+
+.gridxDodShown .gridxDodExpando {
+	background-position: -380px -20px;
+}
+
+.gridxDodExpandoText {
+	display: none;
+}
+
+.dijit_a11y .gridxDodExpandoText {
+	display: inline;
+}

data/app/assets/stylesheets/gridx/resources/Gridx.css

@@ -0,0 +1,10 @@
+@import url('basic.css');
+@import url('sort.css');
+@import url('lock.css');
+@import url('Tree.css');
+@import url('Dod.css');
+@import url('select.css');
+@import url('bar.css');
+@import url('dnd.css');
+@import url('filter.css');
+@import url('pagination.css');

data/app/assets/stylesheets/gridx/resources/Gridx_rtl.css

@@ -0,0 +1,5 @@
+@import url('basic_rtl.css');
+@import url('sort_rtl.css');
+@import url('pagination_rtl.css');
+@import url('Tree_rtl.css');
+@import url('filter_rtl.css');

data/app/assets/stylesheets/gridx/resources/Tree.css

@@ -0,0 +1,46 @@
+.gridxTreeExpandoCell {
+	height: 100%;
+	position: relative;
+	min-height: 16px;
+}
+
+.gridxTreeExpandoIcon {
+	background-image: url("images/treeExpandImages.png");
+	background-repeat:no-repeat;
+	background-position: 0 0;
+	height: 16px;
+	width: 16px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: pointer;
+}
+
+.gridx .gridxTreeExpandoLoading .gridxTreeExpandoIcon{
+	background-image: url('images/treeExpand_loading.gif');
+	background-position: 0 0;
+}
+
+.gridxTreeExpandoIcon:hover {
+	background-position: -18px 0;
+}
+
+.gridxTreeExpandoCellOpen .gridxTreeExpandoIcon {
+	background-position: -36px 0;
+}
+.gridxTreeExpandoCellOpen .gridxTreeExpandoIcon:hover {
+	background-position: -54px 0;
+}
+
+.gridxTreeExpandoIconNoChildren {
+	visibility: hidden;
+}
+
+.gridxTreeExpandoInner {
+	visibility: hidden;
+	text-align: center;
+}
+
+.dijit_a11y .gridxTreeExpandoInner {
+	visibility: visible;
+}

data/app/assets/stylesheets/gridx/resources/Tree_rtl.css

@@ -0,0 +1,4 @@
+.gridxRtl .gridxTreeExpandoIcon {
+	left: auto;
+	right: 0;
+}

data/app/assets/stylesheets/gridx/resources/bar.css

@@ -0,0 +1,24 @@
+.gridxSummaryBar {
+	background: url("images/header_shadow.png") repeat-x scroll center bottom #E5EDF4;
+	padding: 3px 9px;
+	border-top: 1px solid #DDDDDD;
+}
+
+.gridxTitleBar {
+	background: url("images/header_shadow.png") repeat-x scroll center bottom #E5EDF4;
+	padding: 3px 9px;
+	border-top: 1px solid #FFFFFF;
+}
+
+.gridxBar {
+	background: url("images/header_shadow.png") repeat-x scroll center bottom #E5EDF4;
+	border-top: 1px solid #FFFFFF;
+}
+
+.gridxBar > table {
+	width: 100%;
+}
+
+.gridxSummary {
+	padding: 3px 9px;
+}