templates/shipToForm.js.twig line 1

Open in your IDE?
  1. var groupArray = {{ groupArray|raw }};
  2. var myInt = 0;
  3. var product_options = '<option value="" title="Choose a product!">Choose a product here!</option>{{ productOptions|raw }}';
  4. var sizeArray = {{ sizeArray|raw }};
  5. var v_quantity = 0;
  6. var objID;
  8. var v_index = -1;
  9. var RecipientNumber = 0;
  10. var OrderLineNumber = 0;
  11. var size_options = ' ';
  13. var recip_nums = [];
  14. var order_nums = [];
  16. var ShipToSectionNumber = 0;
  17. var myShip2Int = 0;
  19. function format_number(pnumber, decimals) {
  20. if (isNaN(pnumber) || pnumber === '') {
  21. return 0;
  22. }
  24. var snum = String(pnumber);
  25. var sec = snum.split('.');
  26. var whole = parseFloat(sec[0]);
  27. var result = '';
  29. var dot;
  30. var dec;
  31. if (sec.length > 1) {
  32. dec = String(sec[1]);
  33. dec = String(parseFloat(sec[1]) / Math.pow(10, (dec.length - decimals)));
  34. dec = String(whole + Math.round(parseFloat(dec)) / Math.pow(10, decimals));
  35. dot = dec.indexOf('.');
  36. if (dot == -1) {
  37. dec += '.';
  38. dot = dec.indexOf('.');
  39. }
  40. while (dec.length <= dot + decimals) {
  41. dec += '0';
  42. }
  43. result = dec;
  44. } else {
  45. dec = String(whole);
  46. dec += '.';
  47. dot = dec.indexOf('.');
  48. while (dec.length <= dot + decimals) {
  49. dec += '0';
  50. }
  51. result = dec;
  52. }
  53. return result;
  54. }
  56. function calcPrice(lineNo, RecipientNo) {
  57. var v_price = '0.00';
  58. v_quantity = $('#' + RecipientNo.toString() + 'quantity' + lineNo.toString()).val();
  59. v_index = $('#' + RecipientNo.toString() + 'product' + lineNo).val();
  60. objID = '#' + RecipientNo.toString() + 'size' + lineNo.toString();
  61. $(objID).removeAttr("disabled").attr("enabled", "enabled");
  62. if (v_index > '') {
  63. if (v_quantity == '' || isNaN(parseInt(v_quantity)) || v_quantity < 0) {
  64. v_quantity = 0;
  65. }
  66. v_price = $('#' + RecipientNo.toString() + 'size' + lineNo.toString()).val() * v_quantity;
  67. if (v_price == 0) {
  68. v_price = '0';
  69. }
  70. $('#' + RecipientNo.toString() + 'price' + lineNo.toString()).val(format_number(v_price, 2));
  71. var tmp_value = accumulatePrice();
  72. $('#total_price').val(format_number(tmp_value, 2));
  73. $('#submit_order').attr("disabled", (tmp_value === 0));
  74. size_options = sizeArray[groupArray[v_index]['group_id'] - 1]['options'];
  75. }
  76. }
  78. function accumulatePrice() {
  79. var tmp_value = 0;
  80. $.each($('.price'), function (i, val) {
  81. tmp_value += parseFloat(val.value);
  82. });
  83. return tmp_value;
  84. }
  86. function removeOrderLine(lineNo, RecipientNo) {
  87. if (confirm("Are you sure you want to remove the order line?")) {
  88. $('#' + RecipientNo.toString() + 'row' + lineNo.toString()).remove();
  89. $('#total_price').val(format_number(accumulatePrice(), 2));
  90. calcPrice(lineNo, RecipientNo);
  91. var i = 0;
  92. while (order_nums[RecipientNo][i] <= lineNo && order_nums[RecipientNo][i] != 'undefined') {
  93. i++;
  94. }
  95. order_nums[RecipientNo].splice(i, 1);
  96. return false;
  97. }
  98. }
  100. function processProductChange(lineNo, RecipientNo) {
  101. calcPrice(lineNo, RecipientNo);
  102. objID = '#' + RecipientNo.toString() + 'size' + lineNo.toString();
  103. $(objID).html(size_options).change();
  104. }
  106. /**
  107. * @return {string}
  108. */
  109. function GenerateOrderLine(RecipientNumber) {
  110. order_nums[RecipientNumber].push(OrderLineNumber);
  111. var myOrderLine = '<tr class="order_line" id="' + RecipientNumber.toString() + 'row' +
  112. OrderLineNumber.toString() +
  113. '"><td>\n<select onchange="processProductChange(' +
  114. OrderLineNumber.toString() + ', ' + RecipientNumber.toString() + ')" name="' + RecipientNumber.toString() + 'product' +
  115. OrderLineNumber.toString() + '" id="' + RecipientNumber.toString() + 'product' +
  116. OrderLineNumber.toString() + '">\n' + product_options +
  117. '\n</select>\n</td><td style="text-align: left;"><select onchange="calcPrice(' +
  118. OrderLineNumber.toString() + ', ' + RecipientNumber.toString() + ', false)" name="' + RecipientNumber.toString() + 'size' +
  119. OrderLineNumber.toString() + '" id="' + RecipientNumber.toString() + 'size' +
  120. OrderLineNumber.toString() + '" disabled="disabled">' + size_options +
  121. '\n</select>\n</td>\n<td>\n<input size="2" maxlength="3" ' +
  122. 'onkeyup="calcPrice(' +
  123. OrderLineNumber.toString() + ', ' + RecipientNumber.toString() +
  124. ')" style="text-align: right; width: 100%;" name="' + RecipientNumber.toString() + 'quantity' +
  125. OrderLineNumber.toString() + '" id="' + RecipientNumber.toString() + 'quantity' +
  126. OrderLineNumber.toString() + '" class="' + RecipientNumber.toString() + 'quantity' +
  127. OrderLineNumber.toString() +
  128. '" />\n</td>\n<td>\n<input id="' + RecipientNumber.toString() + 'price' +
  129. OrderLineNumber.toString() + '" name="' + RecipientNumber.toString() + 'price' +
  130. OrderLineNumber.toString() +
  131. '" class="price" value="0.00" size="8" style="text-align: right;"' +
  132. ' disabled="disabled" />\n</td>\n<td>\n' +
  133. '<a class="del_row" id="' + RecipientNumber.toString() + 'rem' + OrderLineNumber.toString() +
  134. '" href="javascript:;" onclick="removeOrderLine(' +
  135. OrderLineNumber.toString() + ', ' + RecipientNumber.toString() + '); return false;">X</a>\n</td>\n</tr>';
  136. calcPrice(OrderLineNumber, RecipientNumber);
  137. return myOrderLine;
  138. }
  140. /**
  141. * @return {string}
  142. */
  143. function GenerateShipToSection() {
  144. recip_nums.push(ShipToSectionNumber);
  145. order_nums[ShipToSectionNumber] = [];
  146. return '\n<table class="ship2row" id="ship2row' + ShipToSectionNumber.toString() + '">' +
  147. '\n<tr>' +
  148. '\n<td class="ship2sectionheader" colspan="2">' +
  149. '\n<input type="hidden" name="order_nums' + ShipToSectionNumber.toString() + '" />Ship To Address' +
  150. '\n</td>' +
  151. '\n</tr>' +
  152. '\n<tr>' +
  153. '\n<td class="ship2desc">' +
  154. '\nName: ' +
  155. '\n</td>' +
  156. '\n<td class="ship2item" id="ship2row' + ShipToSectionNumber.toString() + '">' +
  157. '\n<input id="ship_name' + ShipToSectionNumber.toString() + '" name="ship_name' + ShipToSectionNumber.toString() + '" type="text" size="63" />' +
  158. '\n</td>' +
  159. '\n</tr>' +
  160. '\n<tr>' +
  161. '\n<td class="ship2desc">' +
  162. '\nStreet: ' +
  163. '\n</td>' +
  164. '\n<td class="ship2item" id="ship2row' + ShipToSectionNumber.toString() + '">' +
  165. '\n<input name="ship_street' + ShipToSectionNumber.toString() + '" id="ship_street' + ShipToSectionNumber.toString() + '" type="text" size="63" />' +
  166. '\n</td>' +
  167. '\n</tr>' +
  168. '\n<tr>' +
  169. '\n<td>' +
  170. '\n<input name="order_nums' + ShipToSectionNumber.toString() + '" id="order_nums' + ShipToSectionNumber.toString() + '" type="hidden" />&nbsp;' +
  171. '\n</td>' +
  172. '\n<td class="ship2item" id="ship2row' + ShipToSectionNumber.toString() + '">' +
  173. '\n<input name="ship_street_2' + ShipToSectionNumber.toString() + '" id="ship_street_2' + ShipToSectionNumber.toString() + '" type="text" size="63" />' +
  174. '\n</td>' +
  175. '\n</tr>' +
  176. '\n<tr>' +
  177. '\n<td class="ship2desc">' +
  178. '\n<label for="ship2row' + ShipToSectionNumber.toString() + '">City:</label> ' +
  179. '\n</td>' +
  180. '\n<td class="ship2item csz" id="ship2row' + ShipToSectionNumber.toString() + '">' +
  181. '\n<input name="ship_city' + ShipToSectionNumber.toString() + '" id="ship_city' + ShipToSectionNumber.toString() + '" type="text" size="33" />&nbsp;' +
  182. '\n<label>State: <input name="ship_state' + ShipToSectionNumber.toString() + '" id="ship_state' + ShipToSectionNumber.toString() + '" type="text" size="2" /></label>' +
  183. '\n<label>Zip: <input name="ship_zip' + ShipToSectionNumber.toString() + '" id="ship_zip' + ShipToSectionNumber.toString() + '" type="text" size="10" /></label>' +
  184. '\n</td>' +
  185. '\n</tr>' +
  186. '\n<tr>' +
  187. '\n<td class="ship2item" id="ship2row' + ShipToSectionNumber.toString() + '" colspan="2">' +
  188. '\n<input style="margin-left: 20%;" id="bus_add' + ShipToSectionNumber.toString() + '" name="bus_add' + ShipToSectionNumber.toString() + '" type="checkbox" /> This is a Business Address' +
  189. '\n</td>' +
  190. '\n</tr>' +
  191. '\n<tr>' +
  192. '\n<td class="ship2item" id="ship2row' + ShipToSectionNumber.toString() + '" colspan="2">' +
  193. '\n<input style="margin-left: 20%;" id="ship_now' + ShipToSectionNumber.toString() + '" name="ship_now' + ShipToSectionNumber.toString() + '" type="checkbox" /> Ship now' +
  194. '\n</td>' +
  195. '\n</tr>' +
  196. '\n<tr>' +
  197. '\n<td class="csz" id="ship2row' + ShipToSectionNumber.toString() + '" colspan="2">' +
  198. '\n<input style="margin-left: 20%;" id="ship_later' + ShipToSectionNumber.toString() + '" name="ship_later' + ShipToSectionNumber.toString() + '" type="checkbox" checked="checked" /> <label>To Arrive the week of&nbsp;' +
  199. '\n<input id="ship_month' + ShipToSectionNumber.toString() + '" name="ship_month' + ShipToSectionNumber.toString() + '" type="text" size="2" /></label> <label>/ <input id="ship_year' + ShipToSectionNumber.toString() + '" name="ship_year' + ShipToSectionNumber.toString() + '" type="text" size="2" /></label>' +
  200. '\n</td>' +
  201. '\n</tr>' +
  202. '\n<tr>' +
  203. '\n<td class="csz ship2row" id="ship2row' + ShipToSectionNumber.toString() + '" colspan="2">' +
  204. '\n<input style="margin-left: 20%;" id="greeting' + ShipToSectionNumber.toString() + '" name="greeting' + ShipToSectionNumber.toString() + '" type="checkbox" checked="checked" /> <label>Greetings From ' +
  205. '\n<input title="Maximum characters allowed is 100!" maxlength="100" id="greetings_to' + ShipToSectionNumber.toString() + '" name="greetings_to' + ShipToSectionNumber.toString() + '" type="text" size="57" /></label></td></tr>' +
  206. '\n<tr>' +
  207. '\n<td colspan="2">&nbsp;</td>' +
  208. '\n</tr>' +
  209. '\n<tr>' +
  210. '\n<td height="16" colspan="2">' +
  211. '\n<table class="order_table" id="order_table' + ShipToSectionNumber.toString() + '">' +
  212. '\n<thead>' +
  213. '\n<tr>' +
  214. '\n<th>Description</th>' +
  215. '\n<th>Size</th>' +
  216. '\n<th>Qty</th>' +
  217. '\n<th>Total</th>' +
  218. '\n<th>&nbsp;</th>' +
  219. '\n</tr>' +
  220. '\n</thead>' +
  221. '\n<tbody id="order_head' + ShipToSectionNumber.toString() + '" style="height:10pt;">' +
  222. '\n</tbody>' +
  223. '\n<tfoot>' +
  224. '\n<tr>' +
  225. '\n<th colspan="5">' +
  226. '\n<input type="button" value="Add Product" id="add_product' + ShipToSectionNumber.toString() + '" name="add_product' + ShipToSectionNumber.toString() + '" />' +
  227. '\n</th>' +
  228. '\n</tr>' +
  229. '\n</tfoot>' +
  230. '\n</table>' +
  231. '\n</td>' +
  232. '\n</tr>' +
  233. '\n<tr>\n<td class="del_recip" colspan="2">\n<a name="rem' + ShipToSectionNumber.toString() +
  234. '" href="javascript:;" onclick="removeShipToSection(' + (ShipToSectionNumber++).toString() + '); return false;">Remove Recipient</a>\n' +
  235. '</td>\n' +
  236. '</tr>\n' +
  237. '</table>\n';
  238. }
  240. function removeShipToSection(ship2No) {
  241. if (confirm("Are you sure you want to remove the ship to section?")) {
  242. $("#ship2row" + ship2No.toString()).remove();
  243. var i = 0;
  244. while (recip_nums[i] <= ship2No && recip_nums[i] != 'undefined') {
  245. i++;
  246. }
  247. recip_nums.splice(i, 1);
  248. return false;
  249. }
  250. }
  252. function popVals() {
  253. $('#recip_nums').val(recip_nums.join());
  254. var len = recip_nums.length;
  255. for (var i = 0; i < len; i++) {
  256. $('#order_nums' + recip_nums[i]).val(order_nums[recip_nums[i]].join());
  257. }
  259. }
  261. $(document).ready(function () {
  262. $('#add_ship_to' + RecipientNumber.toString())
  263. .click(function () {
  264. ShipToSectionNumber = myShip2Int;
  265. $('#ship_to_head0').append(GenerateShipToSection());
  266. myShip2Int++;
  267. $('#add_product' + RecipientNumber.toString())
  268. .click(function () {
  269. size_options = "<option value='0' selected='selected'>Choose size here!</option>";
  270. var recip = this.id.unformat('add_product{0}')[0];
  271. OrderLineNumber = myInt;
  272. $('#order_head' + recip).append(GenerateOrderLine(recip));
  273. myInt++;
  274. }).click();
  275. RecipientNumber++;
  276. }).click();
  278. $("#bill_name").focus();
  279. });