patternfly-sass 0.0.0.pre.semantically.pre.released → 1.2.0

data/tests/components/datatables-colreorder/.bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "datatables-colreorder",
+  "version": "1.1.3",
+  "main": [
+    "js/dataTables.colReorder.js",
+    "css/dataTables.colReorder.css"
+  ],
+  "dependencies": {
+    "jquery": ">=1.7.0",
+    "datatables": ">=1.9.3"
+  },
+  "homepage": "https://github.com/DataTables/ColReorder",
+  "_release": "1.1.3",
+  "_resolution": {
+    "type": "version",
+    "tag": "1.1.3",
+    "commit": "a6a08c6743b607e0cda123f39ac799d93eecee6e"
+  },
+  "_source": "git://github.com/DataTables/ColReorder.git",
+  "_target": "~1.1.2",
+  "_originalSource": "datatables-colreorder"
+}

data/tests/components/datatables-colreorder/License.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2010-2015 SpryMedia Limited
+http://datatables.net
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/tests/components/datatables-colreorder/Readme.md

@@ -0,0 +1,39 @@
+# ColReorder
+
+ColReorder adds the ability for the end user to click and drag column headers to reorder a table as they see fit, to DataTables. Key features include:
+
+* Very easy integration with DataTables
+* Tight integration with all other DataTables plug-ins
+* The ability to exclude the first (or more) column from being movable
+* Predefine a column order
+* Save staving integration with DataTables
+
+
+# Installation
+
+To use ColReorder, first download DataTables ( http://datatables.net/download ) and place the unzipped ColReorder package into a `extensions` directory in the DataTables package. This will allow the pages in the examples to operate correctly. To see the examples running, open the `examples` directory in your web-browser.
+
+
+# Basic usage
+
+ColReorder is initialised using the `$.fn.dataTable.ColReorder` constructor. For example:
+
+```js
+$(document).ready( function () {
+    $('#example').DataTable();
+
+    new $.fn.dataTable.ColReorder( table );
+} );
+```
+
+
+# Documentation / support
+
+* Documentation: http://datatables.net/extensions/colreorder/
+* DataTables support forums: http://datatables.net/forums
+
+
+# GitHub
+
+If you fancy getting involved with the development of ColReorder and help make it better, please refer to its GitHub repo: https://github.com/DataTables/ColReorder
+

data/tests/components/datatables-colreorder/bower.json

@@ -0,0 +1,12 @@
+{
+	"name": "datatables-colreorder",
+	"version": "1.1.3",
+	"main": [
+		"js/dataTables.colReorder.js",
+		"css/dataTables.colReorder.css"
+	],
+	"dependencies": {
+		"jquery": ">=1.7.0",
+		"datatables": ">=1.9.3"
+	}
+}

data/tests/components/datatables-colreorder/css/dataTables.colReorder.css

@@ -0,0 +1,14 @@
+/*
+ * Namespace DTCR - "DataTables ColReorder" plug-in
+ */
+
+table.DTCR_clonedTable {
+	background-color: rgba(255, 255, 255, 0.7);
+	z-index: 202;
+}
+
+div.DTCR_pointer {
+	width: 1px;
+	background-color: #0259C4;
+	z-index: 201;
+}

data/tests/components/datatables-colreorder/examples/alt_insert.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="3">
+
+<css lib="datatables colreorder">
+div.DTCR_pointer {
+	margin-top: -15px;
+	margin-left: -9px;
+	width: 18px;
+	background: url('../images/insert.png') no-repeat top left;
+}
+</css>
+<js lib="jquery datatables colreorder">
+<![CDATA[
+$(document).ready(function() {
+	$('#example').DataTable( {
+		dom: 'Rlfrtip'
+	} );
+} );
+]]>
+</js>
+
+<title lib="ColReorder">Alternative insert styling</title>
+
+<info><![CDATA[
+
+Using CSS it is easy to modify the insert bar to suit your web-site. This example shows how an arrow can be used to show the insert point rather than the straight bar used in the other examples by simply adding an extra CSS rule to include the image.
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/col_filter.xml

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="13">
+
+<css lib="datatables colreorder" />
+<js lib="jquery datatables colreorder">
+<![CDATA[
+$(document).ready(function() {
+    // Setup - add a text input to each footer cell
+    $('#example tfoot th').each( function () {
+        var title = $('#example thead th').eq( $(this).index() ).text();
+        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
+    } );
+ 
+    // DataTable
+    var table = $('#example').DataTable( {
+		dom: 'Rlfrtip'
+	} );
+     
+    // Apply the filter
+    $("#example tfoot input").on( 'keyup change', function () {
+        table
+            .column( $(this).parent().index()+':visible' )
+            .search( this.value )
+            .draw();
+    } );
+} );
+]]>
+</js>
+
+<title lib="ColReorder">Individual column filtering</title>
+
+<info><![CDATA[
+
+This example of how to use ColReorder shows how it can with with DataTables' ability to do individual column filtering. The basic example is exactly the same as the DataTables column filtering example, but with ColReorder also added to the table (through the `R` option for `dt-init dom`).
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/colvis.xml

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="9">
+
+<css lib="datatables colreorder colvis" />
+<js lib="jquery datatables colreorder colvis">
+<![CDATA[
+$(document).ready(function() {
+    var table = $('#example').DataTable( {
+        dom: 'RC<"clear">lfrtip',
+        columnDefs: [
+            { visible: false, targets: 1 }
+        ]
+	} );
+} );
+]]>
+</js>
+
+<title lib="ColReorder">ColVis integration</title>
+
+<info><![CDATA[
+
+ColReorder interfaces with the [ColVis extension](//datatables.net/extensions/colvis) for DataTables by updating the order of the list of columns whenever a reorder is done. This is shown in the example below, where one column has been initially hidden to add extra emphasis to ColVis.
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/fixedcolumns.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html-wide" table-class="display nowrap" order="10">
+
+<css lib="datatables colreorder fixedcolumns" />
+<js lib="jquery datatables colreorder fixedcolumns">
+<![CDATA[
+
+$(document).ready(function() {
+	window.table = $('#example').DataTable( {
+		dom: 'Rlfrtip',
+		scrollX: true,
+		scrollCollapse: true,
+		columnDefs: [
+			{ orderable: false, targets: 0 },
+			{ orderable: false, targets: -1 }
+		],
+		ordering: [[ 1, 'asc' ]],
+		colReorder: {
+			fixedColumnsLeft: 1,
+			fixedColumnsRight: 1
+		}
+	} );
+
+	window.fc = new $.fn.dataTable.FixedColumns( table, {
+		leftColumns: 1,
+		rightColumns: 1
+	} );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">FixedColumns integration</title>
+
+<info><![CDATA[
+
+While ColReorder works with the built-in scrolling options in DataTables (`dt-init scrollY` and `dt-init scrollX`) and also the [FixedColumns extension](//datatables.net/extensions/fixedcolumns).
+
+ColReorder provides the `fixedColumnsLeft` and `fixedColumnsRight` options which allows you disallow reordering of the fixed columns (which is required).
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/fixedheader.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="11">
+
+<css lib="datatables colreorder fixedheader" />
+<js lib="jquery datatables colreorder fixedheader">
+<![CDATA[
+
+$(document).ready(function() {
+	var table = $('#example').dataTable( {
+		dom: 'Rlfrtip'
+	} );
+
+	new $.fn.dataTable.fixedHeader( table );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">FixedHeader integration</title>
+
+<info><![CDATA[
+
+FixedHeader is a particularly useful plug-in for DataTables, allowing a table header to float at the top of a scrolling window. ColReorder works well with FixedHeader, allowing you to reorder columns even using the floating header, as shown in the example below.
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/index.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="0">
+
+<title lib="ColReorder">ColReorder examples</title>
+
+<js lib="jquery" />
+<info><![CDATA[
+
+ColReorder adds the ability for the end user to click and drag column headers to reorder a table as they see fit, to DataTables. Key features include:
+
+* Very easy integration with DataTables
+* Tight integration with all other DataTables plug-ins
+* The ability to exclude the first (or more) column from being movable
+* Predefine a column order
+* Save staving integration with DataTables
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/jqueryui.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="12">
+
+<css lib="jqueryui datatables-jqueryui colreorder" />
+<js lib="jquery datatables datatables-jqueryui colreorder">
+<![CDATA[
+
+$(document).ready(function() {
+	var table = $('#example').dataTable();
+
+	new $.fn.dataTable.ColReorder( table );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">jQuery UI styling</title>
+
+<info><![CDATA[
+
+This example shows how the jQuery UI ThemeRoller option in DataTables can be used with ColReorder.
+
+The important thing to note here is that it is easier to use `new $.fn.dataTable.ColReorder()` to add ColReorder to the table rather than `dt-init dom` as the jQuery UI integration uses a complex expression for `dt-init dom`.
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/new_init.xml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="2">
+
+<css lib="datatables colreorder" />
+<js lib="jquery datatables colreorder">
+<![CDATA[
+$(document).ready(function() {
+	var table = $('#example').DataTable();
+
+	new $.fn.dataTable.ColReorder( table );
+} );
+]]>
+</js>
+
+<title lib="ColReorder">Initialisation using `new`</title>
+
+<info><![CDATA[
+
+As well as providing the option to be initialised through the `R` option of `dt-init dom`, ColReorder can also be added to a DataTable using direct initialisation - `new $.fn.dataTable.ColReorder();` as shown in this example.
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/predefined.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="7">
+
+<css lib="datatables colreorder" />
+<js lib="jquery datatables colreorder">
+<![CDATA[
+
+$(document).ready(function() {
+	$('#example').dataTable( {
+		dom: 'Rlfrtip',
+		colReorder: {
+			order: [ 4, 3, 2, 1, 0, 5 ]
+		}
+	} );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">Predefined column ordering</title>
+
+<info><![CDATA[
+
+ColReorder provides the ability to specify a column ordering which is not that of the HTML (which typically you will want) through the parameter `colReorder.order`. This is an array of integers with the column ordering you want.
+
+For full information about the ColReorder options, please refer to the [ColReorder options documentation](//datatables.net/extensions/colreorder/options).
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/realtime.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="4">
+
+<css lib="datatables colreorder" />
+<js lib="jquery datatables colreorder">
+<![CDATA[
+
+$(document).ready(function() {
+	$('#example').dataTable( {
+		dom: 'Rlfrtip',
+		colReorder: {
+			realtime: true
+		}
+	} );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">Realtime updating</title>
+
+<info><![CDATA[
+
+While the ColReorder insertion point indicator can be styled, another option to show the end user what the column will look like when the table has been reordered is to actually do the reordering while the mouse is still dragging the column header. This is shown in this example and is controlled by the `realtime` parameter.
+
+For full information about the ColReorder options, please refer to the [ColReorder options documentation](//datatables.net/extensions/colreorder/options).
+
+]]></info>
+
+</dt-example>

data/tests/components/datatables-colreorder/examples/reset.xml

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="html" order="8">
+
+<css lib="datatables colreorder" />
+<js lib="jquery datatables colreorder">
+<![CDATA[
+
+$(document).ready(function() {
+	var table = $('#example').DataTable( {
+		dom: 'Rlfrtip',
+		colReorder: {
+			order: [ 4, 3, 2, 1, 0 ]
+		}
+	} );
+	
+	$('#reset').click( function (e) {
+		e.preventDefault();
+		
+		table.colReorder.reset();
+	} );
+} );
+
+]]>
+</js>
+
+<title lib="ColReorder">Reset ordering API</title>
+
+<info><![CDATA[
+
+One useful control option to present the end user when using ColReorder is the ability to reset the column ordering to that which was found in the HTML. This can be done by calling the `reset` API function. While ColReorder does not provide a visual element for this itself (in order to provide maximum flexibility) it is easy to hook to an event handler, as shown in this example.
+
+For full information about the ColReorder API, please refer to the [ColReorder API documentation](//datatables.net/extensions/colreorder/api).
+
+]]></info>
+
+<demo-html>
+	<button id="reset">Reset to original HTML order</button>
+	<br/><br/>
+</demo-html>
+
+</dt-example>