api-keys.js
5 years ago
api-keys.min.js
2 years ago
backbone-modal.js
2 years ago
backbone-modal.min.js
2 years ago
marketplace-suggestions.js
10 months ago
marketplace-suggestions.min.js
10 months ago
meta-boxes-coupon.js
1 year ago
meta-boxes-coupon.min.js
1 year ago
meta-boxes-order.js
1 month ago
meta-boxes-order.min.js
1 month ago
meta-boxes-product-variation.js
1 year ago
meta-boxes-product-variation.min.js
1 year ago
meta-boxes-product.js
1 month ago
meta-boxes-product.min.js
1 month ago
meta-boxes.js
4 months ago
meta-boxes.min.js
4 months ago
network-orders.js
8 years ago
network-orders.min.js
2 years ago
order-attribution-admin.js
2 years ago
order-attribution-admin.min.js
2 years ago
product-editor.js
11 months ago
product-editor.min.js
11 months ago
product-ordering.js
3 months ago
product-ordering.min.js
3 months ago
quick-edit.js
1 year ago
quick-edit.min.js
1 year ago
reports.js
1 year ago
reports.min.js
1 year ago
settings-views-html-settings-tax.js
1 year ago
settings-views-html-settings-tax.min.js
1 year ago
settings.js
1 year ago
settings.min.js
1 year ago
system-status.js
3 months ago
system-status.min.js
3 months ago
term-ordering.js
3 months ago
term-ordering.min.js
3 months ago
users.js
5 years ago
users.min.js
2 years ago
variation-gallery.js
1 month ago
variation-gallery.min.js
1 month ago
wc-brands-enhanced-select.js
1 year ago
wc-brands-enhanced-select.min.js
1 year ago
wc-clipboard.js
5 years ago
wc-clipboard.min.js
5 years ago
wc-customer-stock-notifications.js
10 months ago
wc-customer-stock-notifications.min.js
10 months ago
wc-enhanced-select.js
2 years ago
wc-enhanced-select.min.js
2 years ago
wc-orders.js
3 years ago
wc-orders.min.js
2 years ago
wc-product-export.js
1 year ago
wc-product-export.min.js
1 year ago
wc-product-import.js
3 years ago
wc-product-import.min.js
2 years ago
wc-recent-reviews-widget-async.js
4 months ago
wc-recent-reviews-widget-async.min.js
4 months ago
wc-setup.js
5 years ago
wc-setup.min.js
2 years ago
wc-shipping-classes.js
1 year ago
wc-shipping-classes.min.js
1 year ago
wc-shipping-providers.js
3 months ago
wc-shipping-providers.min.js
3 months ago
wc-shipping-zone-methods.js
5 months ago
wc-shipping-zone-methods.min.js
5 months ago
wc-shipping-zones.js
1 year ago
wc-shipping-zones.min.js
1 year ago
wc-status-widget-async.js
4 months ago
wc-status-widget-async.min.js
4 months ago
wc-status-widget.js
1 year ago
wc-status-widget.min.js
1 year ago
woocommerce_admin.js
1 month ago
woocommerce_admin.min.js
1 month ago
wc-shipping-classes.js
211 lines
| 1 | /* global shippingClassesLocalizeScript, ajaxurl */ |
| 2 | ( function( $, data, wp, ajaxurl ) { |
| 3 | $( function() { |
| 4 | if ( |
| 5 | ! document.getElementById( 'tmpl-wc-shipping-class-row' ) || |
| 6 | ! document.getElementById( 'tmpl-wc-shipping-class-row-blank' ) |
| 7 | ) { |
| 8 | return; |
| 9 | } |
| 10 | |
| 11 | var $tbody = $( '.wc-shipping-class-rows' ), |
| 12 | $save_button = $( '.wc-shipping-class-save' ), |
| 13 | $row_template = wp.template( 'wc-shipping-class-row' ), |
| 14 | $blank_template = wp.template( 'wc-shipping-class-row-blank' ), |
| 15 | |
| 16 | // Backbone model |
| 17 | ShippingClass = Backbone.Model.extend({ |
| 18 | save: function( changes ) { |
| 19 | $.post( ajaxurl + ( ajaxurl.indexOf( '?' ) > 0 ? '&' : '?' ) + 'action=woocommerce_shipping_classes_save_changes', { |
| 20 | wc_shipping_classes_nonce : data.wc_shipping_classes_nonce, |
| 21 | changes, |
| 22 | }, this.onSaveResponse, 'json' ); |
| 23 | }, |
| 24 | onSaveResponse: function( response, textStatus ) { |
| 25 | if ( 'success' === textStatus ) { |
| 26 | if ( response.success ) { |
| 27 | shippingClass.set( 'classes', response.data.shipping_classes ); |
| 28 | shippingClass.trigger( 'saved:classes' ); |
| 29 | } else if ( response.data ) { |
| 30 | window.alert( response.data ); |
| 31 | } else { |
| 32 | window.alert( data.strings.save_failed ); |
| 33 | } |
| 34 | } |
| 35 | shippingClassView.unblock(); |
| 36 | } |
| 37 | } ), |
| 38 | |
| 39 | // Backbone view |
| 40 | ShippingClassView = Backbone.View.extend({ |
| 41 | rowTemplate: $row_template, |
| 42 | initialize: function() { |
| 43 | this.listenTo( this.model, 'saved:classes', this.render ); |
| 44 | $( document.body ).on( 'click', '.wc-shipping-class-add-new', { view: this }, this.configureNewShippingClass ); |
| 45 | $( document.body ).on( 'wc_backbone_modal_response', { view: this }, this.onConfigureShippingClassSubmitted ); |
| 46 | $( document.body ).on( 'wc_backbone_modal_loaded', { view: this }, this.onLoadBackboneModal ); |
| 47 | $( document.body ).on( 'wc_backbone_modal_validation', this.validateFormArguments ); |
| 48 | }, |
| 49 | block: function() { |
| 50 | $( this.el ).block({ |
| 51 | message: null, |
| 52 | overlayCSS: { |
| 53 | background: '#fff', |
| 54 | opacity: 0.6 |
| 55 | } |
| 56 | }); |
| 57 | }, |
| 58 | unblock: function() { |
| 59 | $( this.el ).unblock(); |
| 60 | }, |
| 61 | render: function() { |
| 62 | var classes = _.indexBy( this.model.get( 'classes' ), 'term_id' ), |
| 63 | view = this; |
| 64 | |
| 65 | this.$el.empty(); |
| 66 | this.unblock(); |
| 67 | |
| 68 | if ( _.size( classes ) ) { |
| 69 | // Sort classes |
| 70 | classes = _.sortBy( classes, function( shipping_class ) { |
| 71 | return shipping_class.name; |
| 72 | } ); |
| 73 | |
| 74 | // Populate $tbody with the current classes |
| 75 | $.each( classes, function( id, rowData ) { |
| 76 | view.renderRow( rowData ); |
| 77 | } ); |
| 78 | } else { |
| 79 | view.$el.append( $blank_template ); |
| 80 | } |
| 81 | }, |
| 82 | renderRow: function( rowData ) { |
| 83 | var view = this; |
| 84 | view.$el.append( view.rowTemplate( rowData ) ); |
| 85 | view.initRow( rowData ); |
| 86 | }, |
| 87 | initRow: function( rowData ) { |
| 88 | var view = this; |
| 89 | var $tr = view.$el.find( 'tr[data-id="' + rowData.term_id + '"]'); |
| 90 | |
| 91 | // Support select boxes |
| 92 | $tr.find( 'select' ).each( function() { |
| 93 | var attribute = $( this ).data( 'attribute' ); |
| 94 | $( this ).find( 'option[value="' + rowData[ attribute ] + '"]' ).prop( 'selected', true ); |
| 95 | } ); |
| 96 | |
| 97 | // Make the rows function |
| 98 | $tr.find( '.view' ).show(); |
| 99 | $tr.find( '.edit' ).hide(); |
| 100 | $tr.find( '.wc-shipping-class-edit' ).on( 'click', { view: this }, this.onEditRow ); |
| 101 | $tr.find( '.wc-shipping-class-delete' ).on( 'click', { view: this }, this.onDeleteRow ); |
| 102 | }, |
| 103 | configureNewShippingClass: function( event ) { |
| 104 | event.preventDefault(); |
| 105 | const term_id = 'new-1-' + Date.now(); |
| 106 | |
| 107 | $( this ).WCBackboneModal({ |
| 108 | template : 'wc-shipping-class-configure', |
| 109 | variable : { |
| 110 | term_id, |
| 111 | action: 'create', |
| 112 | }, |
| 113 | data : { |
| 114 | term_id, |
| 115 | action: 'create', |
| 116 | } |
| 117 | }); |
| 118 | }, |
| 119 | onConfigureShippingClassSubmitted: function( event, target, posted_data ) { |
| 120 | if ( target === 'wc-shipping-class-configure' ) { |
| 121 | const view = event.data.view; |
| 122 | const model = view.model; |
| 123 | const isNewRow = posted_data.term_id.includes( 'new-1-' ); |
| 124 | const rowData = Object.assign( {}, posted_data ); |
| 125 | |
| 126 | if ( isNewRow ) { |
| 127 | rowData.newRow = true; |
| 128 | } |
| 129 | |
| 130 | view.block(); |
| 131 | |
| 132 | model.save( { |
| 133 | [ posted_data.term_id ]: rowData |
| 134 | } ); |
| 135 | } |
| 136 | }, |
| 137 | validateFormArguments: function( element, target, data ) { |
| 138 | const requiredFields = [ 'name', 'description' ]; |
| 139 | const formIsComplete = Object.keys( data ).every( key => { |
| 140 | if ( ! requiredFields.includes( key ) ) { |
| 141 | return true; |
| 142 | } |
| 143 | if ( Array.isArray( data[ key ] ) ) { |
| 144 | return data[ key ].length && !!data[ key ][ 0 ]; |
| 145 | } |
| 146 | return !!data[ key ]; |
| 147 | } ); |
| 148 | const createButton = document.getElementById( 'btn-ok' ); |
| 149 | createButton.disabled = ! formIsComplete; |
| 150 | createButton.classList.toggle( 'disabled', ! formIsComplete ); |
| 151 | }, |
| 152 | onEditRow: function( event ) { |
| 153 | const term_id = $( this ).closest('tr').data('id'); |
| 154 | const model = event.data.view.model; |
| 155 | const classes = _.indexBy( model.get( 'classes' ), 'term_id' ); |
| 156 | const rowData = classes[ term_id ]; |
| 157 | |
| 158 | event.preventDefault(); |
| 159 | $( this ).WCBackboneModal({ |
| 160 | template : 'wc-shipping-class-configure', |
| 161 | variable: Object.assign( { action: 'edit' }, rowData ), |
| 162 | data : Object.assign( { action: 'edit' }, rowData ) |
| 163 | }); |
| 164 | }, |
| 165 | onLoadBackboneModal: function( event, target ) { |
| 166 | if ( 'wc-shipping-class-configure' === target ) { |
| 167 | const modalContent = $('.wc-backbone-modal-content'); |
| 168 | const term_id = modalContent.data('id'); |
| 169 | const model = event.data.view.model; |
| 170 | const classes = _.indexBy( model.get( 'classes' ), 'term_id' ); |
| 171 | const rowData = classes[ term_id ]; |
| 172 | |
| 173 | if ( rowData ) { |
| 174 | // Support select boxes |
| 175 | $('.wc-backbone-modal-content').find( 'select' ).each( function() { |
| 176 | var attribute = $( this ).data( 'attribute' ); |
| 177 | $( this ).find( 'option[value="' + rowData[ attribute ] + '"]' ).prop( 'selected', true ); |
| 178 | } ); |
| 179 | } |
| 180 | } |
| 181 | |
| 182 | }, |
| 183 | onDeleteRow: function( event ) { |
| 184 | var view = event.data.view, |
| 185 | model = view.model, |
| 186 | term_id = $( this ).closest('tr').data('id'); |
| 187 | |
| 188 | event.preventDefault(); |
| 189 | |
| 190 | view.block(); |
| 191 | |
| 192 | model.save( { |
| 193 | [ term_id ]: { |
| 194 | term_id, |
| 195 | deleted: 'deleted', |
| 196 | } |
| 197 | } ); |
| 198 | }, |
| 199 | } ), |
| 200 | shippingClass = new ShippingClass({ |
| 201 | classes: data.classes |
| 202 | } ), |
| 203 | shippingClassView = new ShippingClassView({ |
| 204 | model: shippingClass, |
| 205 | el: $tbody |
| 206 | } ); |
| 207 | |
| 208 | shippingClassView.render(); |
| 209 | }); |
| 210 | })( jQuery, shippingClassesLocalizeScript, wp, ajaxurl ); |
| 211 |