Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
541 lines (514 sloc) 24.4 KB
{{ header }}{{ column_left }}
<div id="content">
<div class="page-header">
<div class="container-fluid">
<div class="float-right"><a href="{{ invoice }}" target="_blank" data-toggle="tooltip" title="{{ button_invoice_print }}" class="btn btn-info"><i class="fas fa-print"></i></a> <a href="{{ shipping }}" target="_blank" data-toggle="tooltip" title="{{ button_shipping_print }}" class="btn btn-info"><i class="fas fa-truck"></i></a> <a href="{{ edit }}" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary"><i class="fas fa-pencil-alt"></i></a> <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-light"><i class="fas fa-reply"></i></a></div>
<h1>{{ heading_title }}</h1>
<ol class="breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ol>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="card mb-3">
<div class="card-header"><i class="fas fa-shopping-cart"></i> {{ text_order_detail }}</div>
<table class="table">
<tbody>
<tr>
<td style="width: 1%;"><button type="button" data-toggle="tooltip" title="{{ text_store }}" class="btn btn-info btn-xs"><i class="fas fa-shopping-cart fa-fw"></i></button></td>
<td><a href="{{ store_url }}" target="_blank">{{ store_name }}</a></td>
</tr>
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_date_added }}" class="btn btn-info btn-xs"><i class="fas fa-calendar fa-fw"></i></button></td>
<td>{{ date_added }}</td>
</tr>
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_payment_method }}" class="btn btn-info btn-xs"><i class="fas fa-credit-card fa-fw"></i></button></td>
<td>{{ payment_method }}</td>
</tr>
{% if shipping_method %}
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_shipping_method }}" class="btn btn-info btn-xs"><i class="fas fa-truck fa-fw"></i></button></td>
<td>{{ shipping_method }}</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3">
<div class="card-header"><i class="fas fa-user"></i> {{ text_customer_detail }}</div>
<table class="table">
<tr>
<td style="width: 1%;"><button type="button" data-toggle="tooltip" title="{{ text_customer }}" class="btn btn-info btn-xs"><i class="fas fa-user fa-fw"></i></button></td>
<td>{% if customer %} <a href="{{ customer }}" target="_blank">{{ firstname }} {{ lastname }}</a> {% else %}
{{ firstname }} {{ lastname }}
{% endif %}</td>
</tr>
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_customer_group }}" class="btn btn-info btn-xs"><i class="fas fa-users fa-fw"></i></button></td>
<td>{{ customer_group }}</td>
</tr>
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_email }}" class="btn btn-info btn-xs"><i class="fas fa-envelope fa-fw"></i></button></td>
<td><a href="mailto:{{ email }}">{{ email }}</a></td>
</tr>
<tr>
<td><button type="button" data-toggle="tooltip" title="{{ text_telephone }}" class="btn btn-info btn-xs"><i class="fas fa-phone fa-fw"></i></button></td>
<td>{{ telephone }}</td>
</tr>
</table>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3">
<div class="card-header"><i class="fas fa-cog"></i> {{ text_option }}</div>
<table class="table">
<tbody>
<tr>
<td>{{ text_invoice }}</td>
<td id="invoice" class="text-right">{{ invoice_no }}</td>
<td style="width: 1%;" class="text-center">{% if not invoice_no %}
<button type="button" id="button-invoice" data-loading-text="{{ text_loading }}" data-toggle="tooltip" title="{{ button_generate }}" class="btn btn-success btn-xs"><i class="fas fa-cog"></i></button>
{% else %}
<button type="button" disabled="disabled" class="btn btn-success btn-xs"><i class="fas fa-cog"></i></button>
{% endif %}</td>
</tr>
<tr>
<td>{{ text_reward }}</td>
<td class="text-right">{{ reward }}</td>
<td class="text-center">{% if customer and reward %}
{% if not reward_total %}
<button type="button" id="button-reward-add" data-loading-text="{{ text_loading }}" data-toggle="tooltip" title="{{ button_reward_add }}" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>
{% else %}
<button type="button" id="button-reward-remove" data-loading-text="{{ text_loading }}" data-toggle="tooltip" title="{{ button_reward_remove }}" class="btn btn-danger btn-xs"><i class="fas fa-minus-circle"></i></button>
{% endif %}
{% else %}
<button type="button" disabled="disabled" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>
{% endif %}</td>
</tr>
<tr>
<td>{{ text_affiliate }}
{% if affiliate %}
(<a href="{{ affiliate }}">{{ affiliate_firstname }} {{ affiliate_lastname }}</a>)
{% endif %}</td>
<td class="text-right">{{ commission }}</td>
<td class="text-center">{% if affiliate %}
{% if not commission_total %}
<button type="button" id="button-commission-add" data-loading-text="{{ text_loading }}" data-toggle="tooltip" title="{{ button_commission_add }}" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>
{% else %}
<button type="button" id="button-commission-remove" data-loading-text="{{ text_loading }}" data-toggle="tooltip" title="{{ button_commission_remove }}" class="btn btn-danger btn-xs"><i class="fas fa-minus-circle"></i></button>
{% endif %}
{% else %}
<button type="button" disabled="disabled" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>
{% endif %}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card mb-3">
<div class="card-header"><i class="fas fa-info-circle"></i> {{ text_order }}</div>
<div class="card-body">
<table class="table table-bordered">
<thead>
<tr>
<td style="width: 50%;" class="text-left">{{ text_payment_address }}</td>
{% if shipping_method %}
<td style="width: 50%;" class="text-left">{{ text_shipping_address }}</td>
{% endif %} </tr>
</thead>
<tbody>
<tr>
<td class="text-left">{{ payment_address }}</td>
{% if shipping_method %}
<td class="text-left">{{ shipping_address }}</td>
{% endif %} </tr>
</tbody>
</table>
<table class="table table-bordered">
<thead>
<tr>
<td class="text-left">{{ column_product }}</td>
<td class="text-left">{{ column_model }}</td>
<td class="text-right">{{ column_quantity }}</td>
<td class="text-right">{{ column_price }}</td>
<td class="text-right">{{ column_total }}</td>
</tr>
</thead>
<tbody>
{% for product in products %}
<tr>
<td class="text-left"><a href="{{ product.href }}">{{ product.name }}</a>
{% for option in product.option %}
<br/>
{% if option.type != 'file' %}&nbsp;
<small> - {{ option.name }}: {{ option.value }}</small>
{% else %}
&nbsp;
<small> - {{ option.name }}: <a href="{{ option.href }}">{{ option.value }}</a></small>
{% endif %}
{% endfor %}</td>
<td class="text-left">{{ product.model }}</td>
<td class="text-right">{{ product.quantity }}</td>
<td class="text-right">{{ product.price }}</td>
<td class="text-right">{{ product.total }}</td>
</tr>
{% endfor %}
{% for voucher in vouchers %}
<tr>
<td class="text-left"><a href="{{ voucher.href }}">{{ voucher.description }}</a></td>
<td class="text-left"></td>
<td class="text-right">1</td>
<td class="text-right">{{ voucher.amount }}</td>
<td class="text-right">{{ voucher.amount }}</td>
</tr>
{% endfor %}
{% for total in totals %}
<tr>
<td colspan="4" class="text-right">{{ total.title }}</td>
<td class="text-right">{{ total.text }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% if comment %}
<table class="table table-bordered">
<thead>
<tr>
<td>{{ text_comment }}</td>
</tr>
</thead>
<tbody>
<tr>
<td>{{ comment }}</td>
</tr>
</tbody>
</table>
{% endif %}</div>
</div>
<div class="card mb-3">
<div class="card-header"><i class="fas fa-comment"></i> {{ text_history }}</div>
<div class="card-body">
<ul class="nav nav-tabs">
<li class="nav-item"><a href="#tab-history" data-toggle="tab" class="nav-link active">{{ tab_history }}</a></li>
<li class="nav-item"><a href="#tab-additional" data-toggle="tab" class="nav-link">{{ tab_additional }}</a></li>
{% for tab in tabs %}
<li class="nav-item"><a href="#tab-{{ tab.code }}" data-toggle="tab" class="nav-link">{{ tab.title }}</a></li>
{% endfor %}
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-history">
<div id="history"></div>
<br/>
<fieldset>
<legend>{{ text_history_add }}</legend>
<form>
<div class="form-group row">
<label for="input-order-status" class="col-sm-2 col-form-label">{{ entry_order_status }}</label>
<div class="col-sm-10">
<select name="order_status_id" id="input-order-status" class="form-control">
{% for order_statuses in order_statuses %}
{% if order_statuses.order_status_id == order_status_id %}
<option value="{{ order_statuses.order_status_id }}" selected="selected">{{ order_statuses.name }}</option>
{% else %}
<option value="{{ order_statuses.order_status_id }}">{{ order_statuses.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<label for="input-override" class="col-sm-2 col-form-label">{{ entry_override }}</label>
<div class="col-sm-10">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary"><input type="radio" name="override" value="1"/> {{ text_yes }}</label> <label class="btn btn-outline-secondary active"><input type="radio" name="override" value="0" checked="checked"/> {{ text_no }}</label>
</div>
<small class="form-text text-muted">{{ help_override }}</small>
</div>
</div>
<div class="form-group row">
<label for="input-notify" class="col-sm-2 col-form-label">{{ entry_notify }}</label>
<div class="col-sm-10">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary"><input type="radio" name="notify" value="1"/> {{ text_yes }}</label> <label class="btn btn-outline-secondary active"><input type="radio" name="notify" value="0" checked="checked"/> {{ text_no }}</label>
</div>
</div>
</div>
<div class="form-group row">
<label for="input-comment" class="col-sm-2 col-form-label">{{ entry_comment }}</label>
<div class="col-sm-10">
<textarea name="comment" rows="8" id="input-comment" class="form-control"></textarea>
</div>
</div>
</form>
</fieldset>
<div class="text-right">
<button id="button-history" data-loading-text="{{ text_loading }}" class="btn btn-primary"><i class="fas fa-plus-circle"></i> {{ button_history_add }}</button>
</div>
</div>
<div id="tab-additional" class="tab-pane"> {% if account_custom_fields %}
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2">{{ text_account_custom_field }}</td>
</tr>
</thead>
<tbody>
{% for custom_field in account_custom_fields %}
<tr>
<td>{{ custom_field.name }}</td>
<td>{{ custom_field.value }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
{% if payment_custom_fields %}
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2">{{ text_payment_custom_field }}</td>
</tr>
</thead>
<tbody>
{% for custom_field in payment_custom_fields %}
<tr>
<td>{{ custom_field.name }}</td>
<td>{{ custom_field.value }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
{% if shipping_method and shipping_custom_fields %}
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2">{{ text_shipping_custom_field }}</td>
</tr>
</thead>
<tbody>
{% for custom_field in shipping_custom_fields %}
<tr>
<td>{{ custom_field.name }}</td>
<td>{{ custom_field.value }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2">{{ text_browser }}</td>
</tr>
</thead>
<tbody>
<tr>
<td>{{ text_ip }}</td>
<td>{{ ip }}</td>
</tr>
{% if forwarded_ip %}
<tr>
<td>{{ text_forwarded_ip }}</td>
<td>{{ forwarded_ip }}</td>
</tr>
{% endif %}
<tr>
<td>{{ text_user_agent }}</td>
<td>{{ user_agent }}</td>
</tr>
<tr>
<td>{{ text_accept_language }}</td>
<td>{{ accept_language }}</td>
</tr>
</tbody>
</table>
</div>
</div>
{% for tab in tabs %}
<div class="tab-pane" id="tab-{{ tab.code }}">{{ tab.content }}</div>
{% endfor %}</div>
</div>
</div>
</div>
</div>
<script type="text/javascript"><!--
$(document).on('click', '#button-invoice', function() {
$.ajax({
url: 'index.php?route=sale/order/createinvoiceno&user_token={{ user_token }}&order_id={{ order_id }}',
dataType: 'json',
beforeSend: function() {
$('#button-invoice').button('loading');
},
complete: function() {
$('#button-invoice').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + '</div>');
}
if (json['invoice_no']) {
$('#invoice').html(json['invoice_no']);
$('#button-invoice').replaceWith('<button disabled="disabled" class="btn btn-success btn-xs"><i class="fas fa-cog"></i></button>');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$(document).on('click', '#button-reward-add', function() {
$.ajax({
url: 'index.php?route=sale/order/addreward&user_token={{ user_token }}&order_id={{ order_id }}',
type: 'post',
dataType: 'json',
beforeSend: function() {
$('#button-reward-add').button('loading');
},
complete: function() {
$('#button-reward-add').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + '</div>');
}
if (json['success']) {
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fas fa-check-circle"></i> ' + json['success'] + '</div>');
$('#button-reward-add').replaceWith('<button id="button-reward-remove" data-toggle="tooltip" title="{{ button_reward_remove }}" class="btn btn-danger btn-xs"><i class="fas fa-minus-circle"></i></button>');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$(document).on('click', '#button-reward-remove', function() {
$.ajax({
url: 'index.php?route=sale/order/removereward&user_token={{ user_token }}&order_id={{ order_id }}',
type: 'post',
dataType: 'json',
beforeSend: function() {
$('#button-reward-remove').button('loading');
},
complete: function() {
$('#button-reward-remove').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + '</div>');
}
if (json['success']) {
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fas fa-check-circle"></i> ' + json['success'] + '</div>');
$('#button-reward-remove').replaceWith('<button id="button-reward-add" data-toggle="tooltip" title="{{ button_reward_add }}" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$(document).on('click', '#button-commission-add', function() {
$.ajax({
url: 'index.php?route=sale/order/addcommission&user_token={{ user_token }}&order_id={{ order_id }}',
type: 'post',
dataType: 'json',
beforeSend: function() {
$('#button-commission-add').button('loading');
},
complete: function() {
$('#button-commission-add').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + '</div>');
}
if (json['success']) {
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fas fa-check-circle"></i> ' + json['success'] + '</div>');
$('#button-commission-add').replaceWith('<button id="button-commission-remove" data-toggle="tooltip" title="{{ button_commission_remove }}" class="btn btn-danger btn-xs"><i class="fas fa-minus-circle"></i></button>');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$(document).on('click', '#button-commission-remove', function() {
$.ajax({
url: 'index.php?route=sale/order/removecommission&user_token={{ user_token }}&order_id={{ order_id }}',
type: 'post',
dataType: 'json',
beforeSend: function() {
$('#button-commission-remove').button('loading');
},
complete: function() {
$('#button-commission-remove').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#content > .container-fluid').prepend('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + '</div>');
}
if (json['success']) {
$('#content > .container-fluid').prepend('<div class="alert alert-success alert-dismissible"><i class="fas fa-check-circle"></i> ' + json['success'] + '</div>');
$('#button-commission-remove').replaceWith('<button id="button-commission-add" data-toggle="tooltip" title="{{ button_commission_add }}" class="btn btn-success btn-xs"><i class="fas fa-plus-circle"></i></button>');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$('#history').on('click', '.pagination a', function(e) {
e.preventDefault();
$('#history').load(this.href);
});
$('#history').load('index.php?route=sale/order/history&user_token={{ user_token }}&order_id={{ order_id }}');
$('#button-history').on('click', function() {
$.ajax({
url: '{{ catalog }}index.php?route=api/order/history&api_token={{ api_token }}&store_id={{ store_id }}&order_id={{ order_id }}',
type: 'post',
dataType: 'json',
data: 'order_status_id=' + encodeURIComponent($('select[name=\'order_status_id\']').val()) + '&notify=' + $('input[name=\'notify\']:checked').val() + '&override=' + $('input[name=\'override\']:checked').val() + '&append=' + ($('input[name=\'append\']').prop('checked') ? 1 : 0) + '&comment=' + encodeURIComponent($('textarea[name=\'comment\']').val()),
beforeSend: function() {
$('#button-history').button('loading');
},
complete: function() {
$('#button-history').button('reset');
},
success: function(json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#history').before('<div class="alert alert-danger alert-dismissible"><i class="fas fa-exclamation-circle"></i> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
}
if (json['success']) {
$('#history').load('index.php?route=sale/order/history&user_token={{ user_token }}&order_id={{ order_id }}');
$('#history').before('<div class="alert alert-success alert-dismissible"><i class="fas fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">&times;</button></div>');
$('textarea[name=\'comment\']').val('');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
//--></script>
{{ footer }}
You can’t perform that action at this time.