woocommerce/assets/js/admin/settings-views-html-settings-tax.js

/* global htmlSettingsTaxLocalizeScript */
/**
 * Used by woocommerce/includes/admin/settings/views/html-settings-tax.php
 */

(function($, data, wp){
	$(function() {

		var rowTemplate = wp.template( 'wc-tax-table-row' ),
			paginationTemplate = wp.template( 'wc-tax-table-pagination' ),
			$tbody = $('#rates');

		/**
		 * Build the table contents.
		 * @param rates
		 */
		function renderTableContents( rates ) {
			// Blank out the contents.
			$tbody.empty();

			// Populate $tbody with the current page of results.
			$.each( rates, function ( id, rowData ) {
				$tbody.append( rowTemplate( rowData ) );
			} );

			// Initialize autocomplete for countries.
			$tbody.find( 'td.country input' ).autocomplete({
				source: data.countries,
				minLength: 3
			});

			// Initialize autocomplete for states.
			$tbody.find( 'td.state input' ).autocomplete({
				source: data.states,
				minLength: 3
			});

			// Postcode and city don't have `name` values by default. They're only created if the contents changes, to save on database queries (I think)
			$tbody.find( 'td.postcode input, td.city input').change(function() {
				$(this).attr( 'name', $(this).data( 'name' ) );
			});
		}

		/**
		 * Handle the initial display.
		 */
		if ( data.rates.length <= data.limit ) {
			renderTableContents( data.rates );
		} else {
			var first_index = data.limit * ( data.page - 1),
				last_index  = data.limit * data.page;

			renderTableContents( data.rates.slice( first_index, last_index ) );

			// We've now displayed our initial page, time to render the pagination box.
			$('#rates-pagination' ).html( paginationTemplate( {
				qty_rates    : data.rates.length,
				current_page : data.page,
				qty_pages    : Math.ceil( data.rates.length / data.limit )
			} ) );
		}

		$('.wc_tax_rates .remove_tax_rates').click(function() {
			if ( $tbody.find('tr.current').length > 0 ) {
				var $current = $tbody.find('tr.current');
				$current.find('input').val('');
				$current.find('input.remove_tax_rate').val('1');

				$current.each(function(){
					if ( $(this).is('.new') ) {
						$( this ).remove();
					} else {
						$( this ).hide();
					}
				});
			} else {
				window.alert( data.strings.no_rows_selected );
			}
			return false;
		});

		/**
		 * Handle the exporting of tax rates.
		 *
		 * As an aside: Why is this being handled in Javascript instead of being built by php? -George
		 */
		$('.wc_tax_rates .export').click(function() {
			var csv_data = 'data:application/csv;charset=utf-8,' + data.strings.csv_data_cols.join(',') + '\n';

			$('#rates tr:visible').each(function() {
				var row = '';
				$(this).find('td:not(.sort) input').each(function() {
					var val = '';

					if ( $(this).is('.checkbox') ) {
						if ( $(this).is(':checked') ) {
							val = 1;
						} else {
							val = 0;
						}
					} else {
						val = $(this).val();
						if ( ! val ) {
							val = $( this ).attr( 'placeholder' );
						}
					}
					row = row + val + ',';
				});
				row = row + data.current_class;
				//row.substring( 0, row.length - 1 );
				csv_data = csv_data + row + '\n';
			});

			$(this).attr( 'href', encodeURI( csv_data ) );

			return true;
		});

		/**
		 * Add a new blank row to the table for the user to fill out and save.
		 */
		$('.wc_tax_rates .insert').click(function() {
			var size = $tbody.find('tr').length;
			var code = wp.template( 'wc-tax-table-row' )( {
				tax_rate_id       : 'new-' + size,
				tax_rate_priority : 1,
				tax_rate_shipping : 1,
				newRow            : true
			} );

			if ( $tbody.find('tr.current').length > 0 ) {
				$tbody.find('tr.current').after( code );
			} else {
				$tbody.append( code );
			}

			$( 'td.country input' ).autocomplete({
				source: data.countries,
				minLength: 3
			});

			$( 'td.state input' ).autocomplete({
				source: data.states,
				minLength: 3
			});

			return false;
		});

	});
})(jQuery, htmlSettingsTaxLocalizeScript, wp);