1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <title>Tutorial</title>
5 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0" />
6 <meta http-equiv=
"Content-type" content=
"text/html; charset=utf-8" />
7 <meta http-equiv=
"Content-Language" content=
"en-en" />
8 <meta http-equiv=
"X-UA-Compatible" content=
"IE=10" />
9 <link href=
"../../root/assets/css/sde-dialog.css" rel=
"stylesheet" type=
"text/css" />
10 <script src=
"../../root/assets/js/jquery.min.js" type=
"text/javascript"></script>
13 <form
id=
"sde-dialog-form">
14 <div
id=
"sde-dialog-content">
15 <div
class=
"sde-dialog-group">
16 <div
class=
"sde-dialog-group-heading">Tutorial</div>
17 <div
class=
"sde-dialog-group-content">
18 <table
id=
"sde-box-product-reference">
20 <td
class=
"left-label">
21 <label
for=
"sde-tutorial-product-reference">Product Reference</label>
24 <input
id=
"sde-tutorial-product-reference" name=
"sde_tutorial[product-reference]" type=
"text" />
25 <input value=
"Lookup" type=
"button" class=
"sde-dialog-button" id=
"sde-tutorial-lookup" />
26 <span
class=
"progressbar"></span>
30 <input
id=
"sde-tutorial-product-reference-from-db" name=
"sde_tutorial[product-reference-from-db]" type=
"hidden" />
31 <table
id=
"sde-box-product-description">
33 <td
class=
"left-label">
34 <label
for=
"sde-tutorial-product-description">Product Description</label>
36 <td style=
"width:100%;">
37 <textarea
id=
"sde-tutorial-product-description" name=
"sde_tutorial[product-description]" style=
"width:100%;height:50px;"></textarea>
42 <input value=
"Update" type=
"button" class=
"sde-dialog-button" id=
"sde-tutorial-update" />
51 <script type=
"text/javascript">
55 var token =
function () {
56 return Math.random().toString(36).substr(2);
58 $(
"#sde-box-product-description").hide();
59 $(
"#sde-tutorial-lookup").click(
function () {
60 $(
".progressbar").html(
'<img align="middle" height="18px" src="<?php echo \SDExtension\CConfig::get('sdd-configuration.baseurl
'); ?>assets/images/ajax_progress.gif" />');
63 url:
"<?php echo \SDExtension\CConfig::get('sdd-configuration.baseurl') . \SDExtension\CConfig::get('sdd-configuration.extensionurl'); ?>ajax.php?function=lookup&key=" + token(),
64 context: document.body,
65 data: {
'product-reference': $(
"#sde-tutorial-product-reference").val()}
66 }).done(
function (oResponse) {
67 if (oResponse[
"bError"] > 0) {
68 $(
".progressbar").html(
'<br/>Error: ' + oResponse[
"sErrorMessage"]);
70 $(
".progressbar").html(
'');
71 $(
"#sde-box-product-description").show();
72 $(
"#sde-tutorial-product-reference-from-db").val(oResponse[
"Product Reference"]);
73 $(
"#sde-tutorial-product-description").val(oResponse[
"Full description"]);
78 $(
"#sde-tutorial-update").click(
function () {
79 $(
".progressbar").html(
'<img align="middle" height="18px" src="<?php echo \SDExtension\CConfig::get('sdd-configuration.baseurl
'); ?>assets/images/ajax_progress.gif" />');
82 url:
"<?php echo \SDExtension\CConfig::get('sdd-configuration.baseurl') . \SDExtension\CConfig::get('sdd-configuration.extensionurl'); ?>ajax.php?function=update&key=" + token(),
83 context: document.body,
85 'product-reference': $(
"#sde-tutorial-product-reference-from-db").val(),
86 'product-description': $(
"#sde-tutorial-product-description").val()
88 }).done(
function (oResponse) {
89 if (oResponse[
"bError"] > 0) {
90 $(
".progressbar").html(
'<br/>Error: ' + oResponse[
"sErrorMessage"]);
92 $(
".progressbar").html(
'<br/>' + $(
"#sde-tutorial-product-reference-from-db").val() +
' updated to "' + $(
"#sde-tutorial-product-description").val() +
'".');
93 $(
"#sde-box-product-description").hide();