diff options
Diffstat (limited to 'public/admin/view/template/extension/feed/google_base.twig')
| -rw-r--r-- | public/admin/view/template/extension/feed/google_base.twig | 247 |
1 files changed, 247 insertions, 0 deletions
diff --git a/public/admin/view/template/extension/feed/google_base.twig b/public/admin/view/template/extension/feed/google_base.twig new file mode 100644 index 0000000..fd8bb14 --- /dev/null +++ b/public/admin/view/template/extension/feed/google_base.twig @@ -0,0 +1,247 @@ +{{ header }}{{ column_left }} +<div id="content"> + <div class="page-header"> + <div class="container-fluid"> + <div class="pull-right"> + <button type="button" id="button-import" data-toggle="tooltip" title="{{ button_import }}" class="btn btn-success"><i class="fa fa fa-upload"></i></button> + <button type="submit" form="form-feed" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button> + <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div> + <h1>{{ heading_title }}</h1> + <ul class="breadcrumb"> + {% for breadcrumb in breadcrumbs %} + <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li> + {% endfor %} + </ul> + </div> + </div> + <div class="container-fluid"> + {% if error_warning %} + <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} + <button type="button" class="close" data-dismiss="alert">×</button> + </div> + {% endif %} + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3> + </div> + <div class="panel-body"> + <div class="alert alert-info"><i class="fa fa-info-circle"></i> {{ text_import }} <button type="button" class="close" data-dismiss="alert">×</button></div> + <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-feed" class="form-horizontal"> + <div id="category"></div> + <br /> + <div class="form-group"> + <label class="col-sm-2 control-label" for="input-data-feed">{{ entry_google_category }}</label> + <div class="col-sm-10"> + <input type="text" name="google_base_category" value="" placeholder="{{ entry_google_category }}" id="input-google-category" class="form-control" /> + <input type="hidden" name="google_base_category_id" value="" /> + <div class="input-group"> + <input type="text" name="category" value="" placeholder="{{ entry_category }}" id="input-category" class="form-control" /> + <input type="hidden" name="category_id" value="" /> + <span class="input-group-btn"><button type="button" id="button-category-add" data-toggle="tooltip" title="{{ button_category_add }}" class="btn btn-primary"><i class="fa fa-plus"></i></button></span> + </div> + </div> + </div> + <div class="form-group"> + <label class="col-sm-2 control-label" for="input-data-feed">{{ entry_data_feed }}</label> + <div class="col-sm-10"> + <textarea rows="5" id="input-data-feed" class="form-control" readonly>{{ data_feed }}</textarea> + </div> + </div> + <div class="form-group"> + <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label> + <div class="col-sm-10"> + <select name="feed_google_base_status" id="input-status" class="form-control"> + {% if feed_google_base_status %} + <option value="1" selected="selected">{{ text_enabled }}</option> + <option value="0">{{ text_disabled }}</option> + {% else %} + <option value="1">{{ text_enabled }}</option> + <option value="0" selected="selected">{{ text_disabled }}</option> + {% endif %} + </select> + </div> + </div> + </form> + </div> + </div> + </div> + <script type="text/javascript"><!-- +// Google Category +$('input[name=\'google_base_category\']').autocomplete({ + 'source': function(request, response) { + $.ajax({ + url: 'index.php?route=extension/feed/google_base/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['google_base_category_id'] + } + })); + }, + error: function(xhr, ajaxOptions, thrownError) { + alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); + } + }); + }, + 'select': function(item) { + $(this).val(item['label']); + $('input[name=\'google_base_category_id\']').val(item['value']); + } +}); + +// Category +$('input[name=\'category\']').autocomplete({ + 'source': function(request, response) { + $.ajax({ + url: 'index.php?route=catalog/category/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['category_id'] + } + })); + }, + error: function(xhr, ajaxOptions, thrownError) { + alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); + } + }); + }, + 'select': function(item) { + $(this).val(item['label']); + $('input[name="category_id"]').val(item['value']); + } +}); + +$('#category').delegate('.pagination a', 'click', function(e) { + e.preventDefault(); + + $('#category').load(this.href); +}); + +$('#category').load('index.php?route=extension/feed/google_base/category&user_token={{ user_token }}'); + +$('#button-category-add').on('click', function() { + $.ajax({ + url: 'index.php?route=extension/feed/google_base/addcategory&user_token={{ user_token }}', + type: 'post', + dataType: 'json', + data: 'google_base_category_id=' + $('input[name=\'google_base_category_id\']').val() + '&category_id=' + $('input[name=\'category_id\']').val(), + beforeSend: function() { + $('#button-category-add').button('loading'); + }, + complete: function() { + $('#button-category-add').button('reset'); + }, + success: function(json) { + $('.alert-dismissible').remove(); + + if (json['error']) { + $('#category').before('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + } + + if (json['success']) { + $('#category').load('index.php?route=extension/feed/google_base/category&user_token={{ user_token }}'); + + $('#category').before('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + + $('input[name=\'category\']').val(''); + $('input[name=\'category_id\']').val(''); + $('input[name=\'google_base_category\']').val(''); + $('input[name=\'google_base_category_id\']').val(''); + } + }, + error: function(xhr, ajaxOptions, thrownError) { + alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); + } + }); +}); + +$('#category').delegate('.btn-danger', 'click', function() { + var node = this; + + $.ajax({ + url: 'index.php?route=extension/feed/google_base/removecategory&user_token={{ user_token }}', + type: 'post', + data: 'category_id=' + encodeURIComponent(this.value), + dataType: 'json', + crossDomain: true, + beforeSend: function() { + $(node).button('loading'); + }, + complete: function() { + $(node).button('reset'); + }, + success: function(json) { + $('.alert-dismissible').remove(); + + // Check for errors + if (json['error']) { + $('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + } + + if (json['success']) { + $('#category').load('index.php?route=extension/feed/google_base/category&user_token={{ user_token }}'); + + $('#category').before('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + } + }, + error: function(xhr, ajaxOptions, thrownError) { + alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); + } + }); +}); + +$('#button-import').on('click', function() { + $('#form-upload').remove(); + + $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); + + $('#form-upload input[name=\'file\']').trigger('click'); + + if (typeof timer != 'undefined') { + clearInterval(timer); + } + + timer = setInterval(function() { + if ($('#form-upload input[name=\'file\']').val() != '') { + clearInterval(timer); + + $.ajax({ + url: 'index.php?route=extension/feed/google_base/import&user_token={{ user_token }}', + type: 'post', + dataType: 'json', + data: new FormData($('#form-upload')[0]), + cache: false, + contentType: false, + processData: false, + beforeSend: function() { + $('#button-import').button('loading'); + }, + complete: function() { + $('#button-import').button('reset'); + }, + success: function(json) { + $('.alert-dismissible').remove(); + + if (json['error']) { + $('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + } + + if (json['success']) { + $('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); + } + }, + error: function(xhr, ajaxOptions, thrownError) { + alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); + } + }); + } + }, 500); +}); +//--></script> +</div> +{{ footer }} |