<?php /** * Taxes list view. * * @since 2.0.0 */ ?> <div id="wu-tax-rates" class="<?php wu_wrap_use_container(); ?> wrap wp-ultimo"> <h1 class="wp-heading-inline"> <?php _e('Tax Rates', 'wp-ultimo'); ?> </h1> <a href="<?php echo network_admin_url('admin.php?page=wp-ultimo-settings&tab=taxes'); ?>" class="page-title-action"> <?php _e('Go to the Tax Settings Page', 'wp-ultimo'); ?> </a> <!-- <p class="description"></p> --> <hr class="wp-header-end" /> <div class="wu-advanced-filters"> <div class="tablenav top"> <div v-cloak class="alignleft actions bulkactions"> <div v-show="creating"> <input type="text" style="background: white !important;" class="button wu-bg-white" v-model="create_name" placeholder="<?php _e('Tax Category Name', 'wp-ultimo'); ?>"> <button class="button button-primary" v-on:click.prevent="add_tax_category" v-bind:disabled="create_name.length <= 3"> <?php _e('Create', 'wp-ultimo'); ?> </button> <button class="button action" v-on:click.prevent="creating = false"> <?php _e('← Back', 'wp-ultimo'); ?> </button> </div> <div v-show="switching"> <button class="button action" v-on:click.prevent="switching = false"> <?php _e('← Back', 'wp-ultimo'); ?> </button> <select v-model="tax_category" class="wu-bg-white"> <option v-cloak v-for="(tax, slug) in data" :value="slug"> {{ tax.name }} </option> </select> </div> <div v-show="!switching && !creating"> <input type="text" style="background: white !important;" class="button wu-bg-white" v-model="data[tax_category].name"> <button class="button action" v-on:click.prevent="switching = true"> <?php _e('Switch', 'wp-ultimo'); ?> </button> <button class="button action" v-on:click.prevent="delete_tax_category"> <?php _e('Delete', 'wp-ultimo'); ?> </button> <button class="button action wu-ml-3" v-on:click.prevent="creating = true"> <?php _e('Add new Tax Category', 'wp-ultimo'); ?> </button> </div> </div> <div v-cloak class="tablenav-pages one-page"> <span class="displaying-num"> {{data[tax_category].rates.length}} <?php _e('item(s)', 'wp-ultimo'); ?> </span> </div> <br class="clear" /> </div> <table class="wp-list-table widefat fixed striped"> <thead> <tr> <th id="cb" class="manage-column column-cb" style="width: 50px;"> <label class="screen-reader-text" for="wu-select-2"> <?php _e('Select All'); ?> </label> <input v-bind:disabled="!data[tax_category].rates" v-model="toggle" v-on:click="select_all" id="wu-select-2" type="checkbox"> </th> <?php foreach ($columns as $key => $label) : ?> <th scope="col" id="<?php echo $key; ?>" class="manage-column sortable asc column-<?php echo $key; ?>"> <?php echo $label; ?> </th> <?php endforeach; ?> </tr> </thead> <tbody id="the-list"> <tr v-if="loading && !data[tax_category].rates.length" class="wu-text-center"> <td colspan="<?php echo count($columns) + 1; ?>"> <div class="wu-p-4"> <?php _e('Loading Tax Rates...', 'wp-ultimo'); ?> </div> </td> </tr> <tr v-cloak v-if="!loading && !data[tax_category].rates.length" class="wu-text-center"> <td colspan="<?php echo count($columns) + 1; ?>"> <div class="wu-p-4"> <?php _e('No items to display', 'wp-ultimo'); ?> </div> </td> </tr> </tbody> <tbody v-cloak :list="data[tax_category].rates" :element="'tbody'" handle=".wu-placeholder-sortable" ghost-class="wu-bg-white" drag-class="wu-bg-white" is="draggable" > <tr v-for="item in data[tax_category].rates" :id="'tax-rate' + item.id" v-bind:class="{selected: item.selected}"> <th scope="row" class="check-column"> <label class="screen-reader-text" for="wu-select-1"> <?php _e('Select'); ?> {{item.title}} </label> <input type="checkbox" v-model="item.selected" /> </th> <?php foreach ($columns as $key => $label) : ?> <td class="date column-<?php echo $key; ?>" data-colname="<?php echo $key; ?>"> <?php /** * Switch for some of the fields */ switch ($key) : case 'compound': ?> <input type="checkbox" v-model="item.compound" /> <?php break; ?> <?php case 'type': ?> <select v-model="item.<?php echo $key; ?>" style="width: 100%;"> <?php foreach ($types as $tax_rate_type => $tax_rate_type_label) : ?> <option value="<?php echo $tax_rate_type; ?>"> <?php echo $tax_rate_type_label; ?> </option> <?php endforeach; ?> </select> <?php break; ?> <?php case 'country': ?> <select v-cloak v-model="item.<?php echo $key; ?>" style="width: 100%;"> <?php foreach (wu_get_countries_as_options() as $country_code => $country_name) : ?> <option value="<?php echo $country_code; ?>"> <?php echo $country_name; ?> </option> <?php endforeach; ?> </select> <?php break; ?> <?php case 'state': ?> <selectizer v-cloak v-model="item.state" :country="item.country" :options="item.state_options" model="state" style="width: 100%;" placeholder="<?php esc_attr_e('Leave blank to apply to all', 'wp-ultimo'); ?>" ></selectizer> <?php break; ?> <?php case 'city': ?> <selectizer v-model="item.city" :state="item.state" :country="item.country" model="city" style="width: 100%;" placeholder="<?php esc_attr_e('Leave blank to apply to all', 'wp-ultimo'); ?>" v-cloak ></selectizer> <?php break; ?> <?php case 'move': ?> <div class="wu-text-right"> <span class="wu-placeholder-sortable dashicons-wu-menu"></span> </div> <?php break; ?> <?php default: ?> <input class="form-control" name="" type="text" placeholder="*" v-model="item.<?php echo $key; ?>" v-cloak /> <?php break; ?> <?php endswitch; ?> </td> <?php endforeach; ?> </tr> </tbody> <tfoot> <tr> <th id="cb" class="manage-column column-cb"> <label class="screen-reader-text" for="wu-select"> <?php _e('Select All'); ?> </label> <input v-bind:disabled="!data[tax_category].rates.length" v-model="toggle" v-on:click="select_all" id="wu-select" type="checkbox"> </th> <?php foreach ($columns as $key => $label) : ?> <th scope="col" id="<?php echo $key; ?>" class="manage-column sortable asc column-<?php echo $key; ?>"> <?php echo $label; ?> </th> <?php endforeach; ?> </tr> </tfoot> </table> </div> <div class="tablenav bottom wu-bg-gray-100 wu-p-4" v-cloak v-show="!creating"> <div class="alignleft actions"> <button v-on:click.prevent="add_row" class="button"> <?php _e('Add new Row', 'wp-ultimo'); ?> </button> <button v-on:click.prevent="delete_rows" class="button"> <?php _e('Delete Selected Rows', 'wp-ultimo'); ?> </button> </div> <div class="alignleft actions"> <?php /** * Let developers print additional buttons to this screen * Our very on EU VAT functions hook on this to display our VAT helper button * * @since 2.0.0 */ do_action('wu_tax_rates_screen_additional_actions'); ?> </div> <div class="alignright actions"> <span v-if="changed && !saveMessage && !saving" class="description" style="display: inline-block; line-height: 28px; margin-right: 10px;"> <?php _e('Save your changes!', 'wp-ultimo'); ?> </span> <span v-if="saving" class="description" style="display: inline-block; line-height: 28px; margin-right: 10px;"> <?php _e('Saving...', 'wp-ultimo'); ?> </span> <span v-if="saveMessage" class="description" style="display: inline-block; line-height: 28px; margin-right: 10px;"> {{saveMessage}} </span> <button v-on:click.prevent="save" v-bind:disabled="saving" class="button button-primary"> <?php _e('Save Tax Rates'); ?> </button> </div> <br class="clear" /> </div> <form id="nonce_form"> <?php wp_nonce_field('wu_tax_editing'); ?> </form> <br class="clear"> </div>