Tutorial Extension  1.0.0
SellerDeck Extensions - Tutorial Extension
main.php
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html>
3  <head>
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>
11  </head>
12  <body>
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">
19  <tr>
20  <td class="left-label">
21  <label for="sde-tutorial-product-reference">Product Reference</label>
22  </td>
23  <td>
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>
27  </td>
28  </tr>
29  </table>
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">
32  <tr>
33  <td class="left-label">
34  <label for="sde-tutorial-product-description">Product Description</label>
35  </td>
36  <td style="width:100%;">
37  <textarea id="sde-tutorial-product-description" name="sde_tutorial[product-description]" style="width:100%;height:50px;"></textarea>
38  </td>
39  </tr>
40  <tr>
41  <td>
42  <input value="Update" type="button" class="sde-dialog-button" id="sde-tutorial-update" />
43  </td>
44  </tr>
45 
46  </table>
47  </div>
48  </div>
49  </div>
50  </form>
51  <script type="text/javascript">
52  //
53  // Functions
54  //
55  var token = function () {
56  return Math.random().toString(36).substr(2); // remove `0.`
57  };
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" />');
61  $.ajax({
62  type: "POST",
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"]);
69  } else {
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"]);
74  }
75  });
76 
77  });
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" />');
80  $.ajax({
81  type: "POST",
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,
84  data: {
85  'product-reference': $("#sde-tutorial-product-reference-from-db").val(),
86  'product-description': $("#sde-tutorial-product-description").val()
87  }
88  }).done(function (oResponse) {
89  if (oResponse["bError"] > 0) {
90  $(".progressbar").html('<br/>Error: ' + oResponse["sErrorMessage"]);
91  } else {
92  $(".progressbar").html('<br/>' + $("#sde-tutorial-product-reference-from-db").val() + ' updated to "' + $("#sde-tutorial-product-description").val() + '".');
93  $("#sde-box-product-description").hide();
94  }
95  });
96  });
97  </script>
98  </body>
99 </html>