diff options
Diffstat (limited to 'public/admin/view/template/extension/advertise/google_ads.twig')
| -rw-r--r-- | public/admin/view/template/extension/advertise/google_ads.twig | 907 |
1 files changed, 907 insertions, 0 deletions
diff --git a/public/admin/view/template/extension/advertise/google_ads.twig b/public/admin/view/template/extension/advertise/google_ads.twig new file mode 100644 index 0000000..e7ba37e --- /dev/null +++ b/public/admin/view/template/extension/advertise/google_ads.twig @@ -0,0 +1,907 @@ +<!-- The filters --> +<div id="filter-ads" class="col-lg-3 col-lg-push-9 col-md-12"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3> + </div> + <div class="panel-body"> + <div class="form-group"> + <label class="control-label" for="input-name">{{ text_product_name }}</label> + <input type="text" name="filter_name" value="" placeholder="{{ text_product_name }}" id="input-name" class="form-control" autocomplete="off"> + </div> + <div class="form-group"> + <label class="control-label" for="input-model">{{ text_product_model }}</label> + <input type="text" name="filter_model" value="" placeholder="{{ text_product_model }}" id="input-model" class="form-control" autocomplete="off"> + </div> + <div class="form-group"> + <label class="control-label" for="input-category">{{ text_product_category }}</label> + <div class="category-select-container"> + <input id="input-category" type="text" name="category_autocomplete" value="" class="form-control" placeholder="{{ text_product_category }}" /> + <input type="hidden" name="filter_category_id" value=""> + <button id="button-category-remove" class="btn btn-default" disabled><i class="fa fa-close"></i></button> + </div> + </div> + <div class="form-group"> + <label class="control-label" for="select-is-modified">{{ text_product_is_modified }}</label> + <select class="form-control" name="filter_is_modified" id="select-is-modified"> + <option value="">{{ text_all }}</option> + <option value="0">{{ text_no }}</option> + <option value="1">{{ text_yes }}</option> + </select> + </div> + <div class="form-group text-right"> + <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ text_filter }}</button> + </div> + </div> + </div> +</div> + +<!-- The ads --> +<div class="col-lg-9 col-lg-pull-3 col-md-12"> + <div class="alert alert-info"> + {{ text_ads_intro }} + </div> + <hr /> + <div class="row"> + <div class="col-md-12"> + <div class="pull-right form-control-static"> + <button type="button" class="btn btn-default button-popup-bulk-edit form-control-static"><i class="fa fa-cog"></i> {{ button_bulk_edit_google_fields }}</button> + <div class="btn-group form-control-static"> + <button type="button" class="btn btn-default dropdown-toggle button-advertise" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + {{ button_select_campaigns }} <span class="caret"></span> + </button> + <ul class="dropdown-menu dropdown-menu-right campaign-dropdown"> + {% for campaign in campaigns %} + <li class="text-pre-line"><a><input type="checkbox" name="target_ids[]" value="{{ campaign.target_id }}" /> <span class="form-control-static">{{ campaign.campaign_name }}</span></a></li> + {% endfor %} + <li role="separator" class="divider"></li> + <li class="text-center padding-lr-5"> + <p class="text-left text-sm text-pre-line"><em>{{ text_maximum_five }}</em></p> + <button class="btn btn-success btn-xs button-apply-advertising"><i class="fa fa-check"></i> {{ button_apply }}</button> + </li> + </ul> + </div> + </div> + </div> + </div> + <div id="alert-container"></div> + <div id="selection-container"></div> + <div class="table-responsive"> + <table class="table table-bordered table-hover"> + <thead id="list-head"> + <tr> + <th class="text-center"><input type="checkbox" name="select_all" /></th> + <th class="text-center">{{ text_image }}</th> + <th class="text-left visible-lg"><a href="javascript:void(0)" data-sort="name">{{ text_product_name }}</a></th> + <th class="text-left"><a href="javascript:void(0)" data-sort="model">{{ text_product_model }}</a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="impressions"><i data-toggle="tooltip" data-original-title="{{ text_impressions }}" class="fa fa-eye"></i></a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="clicks"><i data-toggle="tooltip" data-original-title="{{ text_clicks }}" class="fa fa-hand-pointer-o"></i></a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="cost"><i data-toggle="tooltip" data-original-title="{{ text_cost }}" class="fa fa-dollar"></i></a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="conversions"><i data-toggle="tooltip" data-original-title="{{ text_conversions }}" class="fa fa-handshake-o"></i></a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="conversion_value"><i data-toggle="tooltip" data-original-title="{{ text_conversion_value }}" class="fa fa-line-chart"></i></a></th> + </a></th> + <th class="text-left">{{ text_campaigns }}</th> + <th class="text-center"><a href="javascript:void(0)" data-sort="destination_status">{{ text_destination_status }}</a></th> + <th class="text-center"><a href="javascript:void(0)" data-sort="has_issues">{{ text_issues }}</a></th> + <th class="text-right">{{ text_action }}</th> + </tr> + </thead> + <tbody id="list"> + + </tbody> + </table> + </div> + <div class="row"> + <div class="col-sm-12"> + <div class="pull-right form-control-static"> + <button type="button" class="btn btn-default button-popup-bulk-edit form-control-static"><i class="fa fa-cog"></i> {{ button_bulk_edit_google_fields }}</button> + <div class="btn-group dropup form-control-static"> + <button type="button" class="btn btn-default dropdown-toggle button-advertise" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + {{ button_select_campaigns }} <span class="caret"></span> + </button> + <ul class="dropdown-menu dropdown-menu-right campaign-dropdown"> + {% for campaign in campaigns %} + <li class="text-pre-line"><a><input type="checkbox" name="target_ids[]" value="{{ campaign.target_id }}" /> <span class="form-control-static">{{ campaign.campaign_name }}</span></a></li> + {% endfor %} + <li role="separator" class="divider"></li> + <li class="text-center padding-lr-5"> + <p class="text-left text-sm text-pre-line"><em>{{ text_maximum_five }}</em></p> + <button class="btn btn-success btn-sm button-apply-advertising"><i class="fa fa-check"></i> {{ button_apply }}</button> + </li> + </ul> + </div> + </div> + </div> + </div> + <hr /> + <div class="row"> + <div class="col-md-6"> + <div class="list-pagination"> + + </div> + </div> + <div class="col-md-6"> + <div class="pull-right list-showing form-control-static"> + + </div> + </div> + </div> +</div> +<style type="text/css"> + .padding-lr-5 { + padding: 0 10px; + } + + .no-wrap { + white-space: nowrap; + } + + #select_all_pages, #deselect_all_pages { + cursor: pointer; + } + + .category-select-container { + padding-right: 50px; + position: relative; + } + + .category-select-container #button-category-remove { + position: absolute; + right: 5px; + top: 0px; + } + + .text-pre-line { + white-space: pre-line; + } +</style> +<script id="template-success" type="text/template"> + <div class="alert alert-success alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button> + <i class="fa fa-check-circle" aria-hidden="true"></i> {message} + </div> +</script> +<script id="template-error" type="text/template"> + <div class="alert alert-danger alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button> + <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {message} + </div> +</script> +<script id="template-warning" type="text/template"> + <div class="alert alert-warning alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button> + <i class="fa fa-info-circle" aria-hidden="true"></i> {message} + </div> +</script> +<script id="template-popup-product" type="text/template"> + <div class="modal fade" tabindex="-1" role="dialog"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button> + <h4 class="modal-title">{title}</h4> + </div> + <div class="modal-body"> + {body} + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal">{{ button_close }}</button> + <button type="button" class="btn btn-primary" id="button-popup-product-save">{{ button_save }}</button> + </div> + </div> + </div> + </div> +</script> +<script id="template-popup-issues" type="text/template"> + <div class="modal fade" tabindex="-1" role="dialog"> + <div class="modal-dialog modal-lg" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button> + <h4 class="modal-title">{title}</h4> + </div> + <div class="modal-body"> + {body} + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal">{{ button_close }}</button> + </div> + </div> + </div> + </div> +</script> +<script type="text/javascript"> +(function($) { + var selector = { + ad_wrap: '#wrapTest', + campaign_dropdown: { + container: '.campaign-dropdown', + element: '.campaign-dropdown li', + first_container_checkboxes: '.campaign-dropdown:first li input[type=checkbox]', + checkboxes: '.campaign-dropdown li input[type=checkbox]' + }, + popup: { + product: { + form: '#form-popup-product', + template: '#template-popup-product', + button_show: '[data-product-id]', + button_save: '#button-popup-product-save' + }, + issues: { + template: '#template-popup-issues', + button_show: '[data-url-popup-issues]' + } + }, + template_success: '#template-success', + template_error: '#template-error', + template_warning: '#template-warning', + alert_container: '#alert-container', + warning_container: '#warning-container', + selection_container: '#selection-container', + button_advertise: '.button-advertise', + button_bulk_edit: '.button-popup-bulk-edit', + button_apply_advertising: '.button-apply-advertising', + row: '.product-row', + highlightable: '.highlightable', + checkboxes: 'input[type="checkbox"][name="select[]"]', + select_all: 'input[type="checkbox"][name="select_all"]', + select_all_pages: '#select_all_pages', + deselect_all_pages: '#deselect_all_pages', + list: '#list', + button_filter: '#button-filter', + head: '#list-head', + pagination: '.list-pagination', + showing: '.list-showing', + page: '.list-pagination .pagination li > a', + filter: { + product_name: 'input[name="filter_name"]', + product_model: 'input[name="filter_model"]', + category: 'input[name="filter_category_id"]', + category_autocomplete: 'input[name="category_autocomplete"]', + button_category_remove: '#button-category-remove', + is_modified: 'select[name="filter_is_modified"]' + } + }; + + var total_items = 0; + var total_pages = 1; + var selected_all_pages = false; + + var makeDestinationStatus = function(status) { + switch (status) { + case 'pending' : + return '<span class="label label-warning">{{ text_label_pending }}</span>'; + case 'approved' : + return '<span class="label label-success">{{ text_label_approved }}</span>'; + case 'disapproved' : + return '<span class="label label-danger">{{ text_label_disapproved }}</span>'; + } + } + + var makeIssuesButton = function(has_issues, url) { + if (has_issues) { + return '<a data-toggle="tooltip" title="{{ text_view_issues }}" class="btn btn-warning" data-url-popup-issues="' + url + '"><i class="fa fa-exclamation-triangle"></i></a>'; + } + + return '–'; + } + + var makeCampaigns = function(campaigns) { + var html = ''; + + if (campaigns.length > 0) { + var result = $.map(campaigns, function(element) { + return element.campaign_name; + }); + + html = result.join('<br />'); + } + + return html != '' ? html : '<span class="label label-default">{{ text_label_unassigned }}</span>'; + } + + var getFilterPostData = function() { + return { + product_name: $(selector.filter.product_name).val(), + product_model: $(selector.filter.product_model).val(), + category_id: $(selector.filter.category).val(), + is_modified: $(selector.filter.is_modified).val() + }; + }; + + var listProducts = function() { + $.ajax({ + url: '{{ list_ads }}', + type: 'POST', + dataType: 'json', + data: { + sort: $(selector.list).data('sort'), + order: $(selector.list).data('order'), + page: $(selector.list).data('page'), + filter: getFilterPostData() + }, + beforeSend: function() { + $('[data-sort]').removeClass('asc').removeClass('desc'); + + $('[data-sort="' + $(selector.list).data('sort') + '"]').addClass($(selector.list).data('order') == 'ASC' ? 'asc' : 'desc'); + + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="text-center">{{ text_loading }}</div></td></tr>'); + + $(selector.button_advertise).attr('disabled', true).toggleClass('btn-info', false).toggleClass('btn-default', true); + + $(selector.button_bulk_edit).attr('disabled', true); + + $(selector.campaign_dropdown.checkboxes).prop('checked', false).trigger('change'); + + $(selector.select_all).prop('checked', false); + + total_items = 0; + total_pages = 1; + $(selector.deselect_all_pages).trigger('click'); + }, + error: function(jqXHR, textStatus, errorThrown) { + if ($(selector.ad_wrap).height() == 0) { + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="alert alert-danger">{{ error_adblock }}</div></td></tr>'); + } else { + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="alert alert-danger">' + textStatus + ': ' + errorThrown + '</div></td></tr>'); + } + }, + success: function(data) { + $(selector.list).empty(); + + if (typeof data.error != 'undefined') { + $(selector.pagination).empty(); + $(selector.showing).empty(); + + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="alert alert-danger">' + data.error + '</div></td></tr>'); + } else { + if (data.products.length) { + $(data.products).each(function(index, product) { + var html = '<tr class="product-row">'; + + html += '<td class="highlightable text-center"><input type="checkbox" name="select[]" value="' + product.product_id + '"></td>'; + html += '<td class="highlightable text-center"><img class="img-thumbnail" src="' + product.image + '" alt="' + product.name + '" /></td>'; + html += '<td class="highlightable text-left visible-lg">' + product.name + '</td>'; + html += '<td class="highlightable text-left">' + product.model + '</td>'; + html += '<td class="highlightable text-center">' + product.impressions + '</td>'; + html += '<td class="highlightable text-center">' + product.clicks + '</td>'; + html += '<td class="highlightable text-center">' + product.cost + '</td>'; + html += '<td class="highlightable text-center">' + product.conversions + '</td>'; + html += '<td class="highlightable text-center">' + product.conversion_value + '</td>'; + html += '<td class="highlightable text-left no-wrap">' + makeCampaigns(product.campaigns) + '</td>'; + html += '<td class="highlightable text-center">' + makeDestinationStatus(product.destination_status) + '</td>'; + html += '<td class="highlightable text-center">' + makeIssuesButton(product.has_issues, product.url_issues) + '</td>'; + html += '<td class="highlightable text-right"><button class="btn ' + (product.is_modified ? "btn-default" : "btn-warning") + '" data-toggle="tooltip" title="' + (product.is_modified ? "{{ button_product_edit }}" : "{{ button_product_set }}") + '" data-product-id="' + product.product_id + '" data-product-advertise-google-id="' + product.product_advertise_google_id + '"><i class="fa fa-cog"></i></button></td>'; + + html += '</tr>'; + + $(selector.list).append(html); + }); + } else { + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="text-center">{{ text_no_results }}</div></td></tr>'); + } + + $(selector.pagination).html(data.pagination); + $(selector.showing).html(data.showing); + + total_items = data.total; + total_pages = data.pages; + } + }, + complete: function() { + updateSelected(); + } + }); + } + + var displayWarning = function(message) { + $(selector.warning_container).html($(selector.template_warning).html().replace(/{message}/g, message)); + } + + var displayError = function(message) { + $(selector.alert_container).html($(selector.template_error).html().replace(/{message}/g, message)); + } + + var displaySuccess = function(message) { + $(selector.alert_container).html($(selector.template_success).html().replace(/{message}/g, message)); + } + + var getPopupHtml = function(selector, data) { + return $(selector).html().replace(/{body}/g, data.body).replace(/{title}/g, data.title); + } + + var advertiseChange = function() { + var post_data = { + all_pages : selected_all_pages ? '1' : '0', + filter: getFilterPostData(), + select : [], + target_ids : [] + }; + + $(selector.campaign_dropdown.first_container_checkboxes + ':checked').each(function(index, element) { + post_data.target_ids.push($(element).val()); + }); + + $(selector.checkboxes + ':checked').each(function(index, element) { + post_data.select.push($(element).val()); + }); + + $.ajax({ + url: '{{ advertise }}', + dataType: 'json', + type: 'POST', + data: post_data, + beforeSend: function() { + $(selector.list).html('<tr><td colspan="' + $(selector.head).find('th').length + '"><div class="text-center">{{ text_loading }}</div></td></tr>'); + + $(selector.campaign_dropdown.container).closest('.btn-group').removeClass('open'); + + $(selector.alert_container).empty(); + $(selector.warning_container).empty(); + + $(selector.button_advertise).attr('disabled', true).toggleClass('btn-info', false).toggleClass('btn-default', true); + + $(selector.button_bulk_edit).attr('disabled', true); + + $(selector.select_all).prop('checked', false); + + total_items = 0; + total_pages = 1; + $(selector.deselect_all_pages).trigger('click'); + }, + error: function(jqXHR, textStatus, errorThrown) { + displayError(textStatus + ': ' + errorThrown); + }, + success: function(data) { + if (data.warning) { + displayWarning(data.warning); + } + + if (data.error) { + displayError(data.error); + } else if (data.success) { + displaySuccess(data.success); + } + + listProducts(); + } + }); + } + + var updateSelected = function() { + var selected = $(selector.checkboxes + ':checked').length; + var selection_text = '{{ text_selection_page }}'.replace(/{selected_page}/, selected).replace(/{total}/, total_items); + var deselection_text = '{{ text_selection_all }}'.replace(/{total}/, total_items); + + if (selected_all_pages) { + $(selector.selection_container).html('<div class="alert alert-warning"><i class="fa fa-exclamation-triangle"></i> ' + deselection_text + '</div>'); + } else { + if (selected > 0 && total_pages > 1) { + $(selector.selection_container).html('<div class="alert alert-warning"><i class="fa fa-exclamation-triangle"></i> ' + selection_text + '</div>'); + } else { + $(selector.selection_container).empty(); + } + } + } + + var googleFieldsPopup = function(settings) { + var data = { + title: '{{ text_popup_loading_title }}', + body: '<p>{{ text_popup_loading_body }}<p>' + }; + + var modal = $(getPopupHtml(selector.popup.product.template, data)); + + var ajaxSuccess = function(data) { + var new_html = getPopupHtml(selector.popup.product.template, data); + + $(modal).find('.modal-body').html($(new_html).find('.modal-body').html()); + $(modal).find('.modal-title').html($(new_html).find('.modal-title').html()); + + $.each(data.required_fields, function(key, element) { + if (element.selected_field !== null) { + $.each(element.selected_field, function(dependency, values) { + $(modal).find('.modal-body').find('[name="' + dependency + '"]').change(function(e) { + var newValue = $(this).val(); + + $(modal).find('.modal-body').find('[name="' + key + '"]').closest('.form-group').removeClass('required'); + + $.each(element.selected_field, function(k, values) { + if (values.indexOf(newValue) >= 0) { + $(modal).find('.modal-body').find('[name="' + key + '"]').closest('.form-group').addClass('required'); + } + }); + }).trigger('change'); + }); + } else { + $(modal).find('.modal-body').find('[name="' + key + '"]').closest('.form-group').addClass('required'); + } + }); + + if (data.success) { + $(modal).modal('hide'); + + displaySuccess(data.success_message); + + settings.success_callback(data); + } + }; + + var ajaxError = function(jqXHR, textStatus, errorThrown) { + var new_html = getPopupHtml(selector.popup.product.template, { + title: '{{ text_popup_error_title }}', + body: '{{ text_popup_error_body }}'.replace(/{error}/g, errorThrown) + }); + + $(modal).find('.modal-body').html($(new_html).find('.modal-body').html()); + $(modal).find('.modal-title').html($(new_html).find('.modal-title').html()); + }; + + $(modal).on('hidden.bs.modal', function(e) { + $(this).remove(); + }); + + $(modal).on('shown.bs.modal', function(e) { + $(selector.popup.product.button_save).click(function(e) { + e.preventDefault(); + + $.ajax({ + url: '{{ url_popup }}', + dataType: 'json', + type: 'POST', + data: { + action: 'submit', + operand: settings.operand, + form: $(selector.popup.product.form).serializeObject() + }, + beforeSend: function() { + $(modal).modal('show'); + }, + success: ajaxSuccess, + error: ajaxError, + complete: function() { + // Highlight any found errors + $(modal).find('.modal-body').find('.text-danger').each(function(index, element) { + $(element).closest('.form-group').addClass('has-error'); + }); + } + }); + }); + }); + + $.ajax({ + url: '{{ url_popup }}', + dataType: 'json', + type: 'POST', + data: { + action : 'view', + operand : settings.operand + }, + beforeSend: function() { + $(modal).modal('show'); + }, + success: ajaxSuccess, + error: ajaxError + }); + } + + $(document) + .on('click', selector.page, function(e) { + e.preventDefault(); + + $(selector.list).data('page', parseInt($(this).attr('href'))); + + listProducts(); + }) + .on('click', '[data-sort]', function(e) { + e.preventDefault(); + + $(selector.list).data('sort', $(this).attr('data-sort')); + + $(selector.list).data('order', $(selector.list).data('order') == 'ASC' ? 'DESC' : 'ASC'); + + listProducts(); + }) + .on('click', selector.button_filter, function(e) { + e.preventDefault(); + + $(selector.list).data('page', 1); + + listProducts(); + }) + .on('change', selector.select_all, function(e) { + if ($(this).is(':checked')) { + $(selector.checkboxes).prop('checked', true).trigger('change'); + } else { + $(selector.checkboxes).prop('checked', false).trigger('change'); + } + + updateSelected(); + }) + .on ('click', selector.select_all_pages, function(e) { + selected_all_pages = true; + + $(selector.select_all).prop('checked', true).trigger('change').attr('disabled', true); + $(selector.checkboxes).attr('disabled', true); + }) + .on ('click', selector.deselect_all_pages, function(e) { + selected_all_pages = false; + + $(selector.select_all).prop('checked', false).trigger('change').attr('disabled', false); + $(selector.checkboxes).attr('disabled', false); + }) + .on('change', selector.checkboxes, function(e) { + $(this).closest(selector.row).find(selector.highlightable).removeClass('active'); + + if ($(this).is(':checked')) { + $(this).closest(selector.row).find(selector.highlightable).addClass('active'); + } + + var status = $(selector.checkboxes + ":checked").length == 0; + + $(selector.button_advertise).attr('disabled', status).toggleClass('btn-info', !status).toggleClass('btn-default', status); + + $(selector.button_bulk_edit).attr('disabled', status); + + updateSelected(); + }) + .on('hide.bs.dropdown', function(e) { + if ($(event.target).closest(selector.campaign_dropdown.container).length > 0) { + return false; + } + }) + .on('change', selector.campaign_dropdown.checkboxes, function(e) { + var this_parent = $(this).closest(selector.campaign_dropdown.container)[0]; + var this_value = $(this).attr('value'); + var this_checked = $(this).is(':checked'); + var remaining_status; + + $(selector.campaign_dropdown.container).each(function(index, element) { + if (element != this_parent) { + var other_checkbox = $(element).find('input[type="checkbox"][value="' + this_value + '"]'); + + $(other_checkbox).prop('checked', this_checked); + + $(other_checkbox).closest(selector.campaign_dropdown.element).toggleClass('active', this_checked); + } + }); + + $(this).closest(selector.campaign_dropdown.element).toggleClass('active', this_checked); + + // Disable/Enable all remaining checkboxes depending on the reached limit + remaining_status = $(selector.campaign_dropdown.first_container_checkboxes + ':checked').length == 5; + + $(selector.campaign_dropdown.checkboxes + ":not(:checked)").attr('disabled', remaining_status); + }) + .on('click', selector.button_apply_advertising, function(e) { + e.preventDefault(); + e.stopPropagation(); + + advertiseChange(); + }) + .on('click', selector.popup.product.button_show, function(e) { + e.preventDefault(); + + googleFieldsPopup({ + operand: { + type: 'single', + data: $(this).attr('data-product-advertise-google-id') + }, + success_callback : function(data) { + $(selector.popup.product.button_show + '[data-product-id=' + data.product_id + ']').removeClass('btn-warning').addClass('btn-default'); + } + }); + }) + .on('click', selector.button_bulk_edit, function(e) { + e.preventDefault(); + + var post_data = { + all_pages : selected_all_pages ? '1' : '0', + filter: getFilterPostData(), + select: [] + }; + + $(selector.checkboxes + ':checked').each(function(index, element) { + post_data.select.push($(element).val()); + }); + + googleFieldsPopup({ + operand: { + type: 'multiple', + data: post_data + }, + success_callback : function(data) { + listProducts(); + } + }); + }) + .on('click', selector.popup.issues.button_show, function(e) { + e.preventDefault(); + + var data = { + title: '{{ text_popup_loading_title }}', + body: '<p>{{ text_popup_loading_body }}<p>' + }; + + var modal = $(getPopupHtml(selector.popup.issues.template, data)); + + var url_popup = $(this).attr('data-url-popup-issues'); + + $(modal).on('hidden.bs.modal', function(e) { + $(this).remove(); + }); + + var ajaxSuccess = function(data) { + var new_html = getPopupHtml(selector.popup.issues.template, data); + + $(modal).find('.modal-body').html($(new_html).find('.modal-body').html()); + $(modal).find('.modal-title').html($(new_html).find('.modal-title').html()); + }; + + var ajaxError = function(jqXHR, textStatus, errorThrown) { + var new_html = getPopupHtml(selector.popup.issues.template, { + title: '{{ text_popup_error_title }}', + body: '{{ text_popup_error_body }}'.replace(/{error}/g, errorThrown) + }); + + $(modal).find('.modal-body').html($(new_html).find('.modal-body').html()); + $(modal).find('.modal-title').html($(new_html).find('.modal-title').html()); + }; + + $.ajax({ + url: url_popup, + dataType: 'json', + type: 'GET', + beforeSend: function() { + $(modal).modal('show'); + }, + success: ajaxSuccess, + error: ajaxError + }); + }) + .on('change', selector.filter.category, function(e) { + var has_value = $(this).val() != ''; + + $(selector.filter.category_autocomplete).attr('disabled', has_value); + $(selector.filter.button_category_remove).attr('disabled', !has_value); + }) + .on('click', selector.filter.button_category_remove, function(e) { + $(selector.filter.category_autocomplete).val(''); + $(selector.filter.category).val('').trigger('change'); + }); + + $(document).ready(function() { + $(selector.list).data('sort', 'name'); + $(selector.list).data('order', 'ASC'); + $(selector.list).data('page', 1); + + listProducts(); + }); + + $(selector.filter.product_name).autocomplete({ + 'source': function(request, response) { + $.ajax({ + url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_name=' + encodeURIComponent(request), + dataType: 'json', + success: function(json) { + response($.map(json, function(item) { + return { + label: item['name'], + value: item['product_id'] + } + })); + } + }); + }, + 'select': function(item) { + $(selector.filter.product_name).val(item.label); + } + }); + + $(selector.filter.product_model).autocomplete({ + 'source': function(request, response) { + $.ajax({ + url: 'index.php?route=catalog/product/autocomplete&user_token={{ user_token }}&filter_model=' + encodeURIComponent(request), + dataType: 'json', + success: function(json) { + response($.map(json, function(item) { + return { + label: item['model'], + value: item['product_id'] + } + })); + } + }); + }, + 'select': function(item) { + $(selector.filter.product_model).val(item.label); + } + }); + + $(selector.filter.category_autocomplete).autocomplete({ + 'source': function(request, response) { + $.ajax({ + url: '{{ url_category_autocomplete }}&filter_name=' + encodeURIComponent(request), + dataType: 'json', + success: function(json) { + response($.map(json, function(item) { + return { + label: item['name'], + value: item['category_id'] + } + })); + } + }); + }, + 'select': function(item) { + $(selector.filter.category_autocomplete).val(item.label); + + $(selector.filter.category).val(item.value).trigger('change'); + } + }); + + $.fn.serializeObject = function(){ + var self = this, + json = {}, + push_counters = {}, + patterns = { + "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/, + "key": /[a-zA-Z0-9_]+|(?=\[\])/g, + "push": /^$/, + "fixed": /^\d+$/, + "named": /^[a-zA-Z0-9_]+$/ + }; + + + this.build = function(base, key, value){ + base[key] = value; + return base; + }; + + this.push_counter = function(key){ + if(push_counters[key] === undefined){ + push_counters[key] = 0; + } + return push_counters[key]++; + }; + + $.each($(this).serializeArray(), function(){ + + // skip invalid keys + if(!patterns.validate.test(this.name)){ + return; + } + + var k, + keys = this.name.match(patterns.key), + merge = this.value, + reverse_key = this.name; + + while((k = keys.pop()) !== undefined){ + + // adjust reverse_key + reverse_key = reverse_key.replace(new RegExp("\\[" + k + "\\]$"), ''); + + // push + if(k.match(patterns.push)){ + merge = self.build([], self.push_counter(reverse_key), merge); + } + + // fixed + else if(k.match(patterns.fixed)){ + merge = self.build([], k, merge); + } + + // named + else if(k.match(patterns.named)){ + merge = self.build({}, k, merge); + } + } + + json = $.extend(true, json, merge); + }); + + return json; + }; +})(jQuery); +</script>
\ No newline at end of file |