PageRenderTime 39ms CodeModel.GetById 17ms RepoModel.GetById 0ms app.codeStats 1ms

/TableManager/index-edit.php

https://github.com/webdevsourcerer/js-labs
PHP | 3461 lines | 3247 code | 131 blank | 83 comment | 266 complexity | e7e2b2f0f167980d5d065f66fdb41e21 MD5 | raw file
  1. <?php
  2. //These Variables have been Hardcoded on Purpse:
  3. $map_id = $_GET['map'];
  4. $client_code= $_GET['merchant'];
  5. $client_image ='http://hctablet.com/android/images/'.$client_code.'/map_0';
  6. $client_image_ext = '.jpg';
  7. $link = mysql_connect("localhost", "hostconc_jh", "jhar808_13") or die(mysql_error());
  8. mysql_select_db("hostconc_20") or die(mysql_error());
  9. $map_name = mysql_query("Select map_name from all_maps where merchant='".$client_code."' and map_id='".$map_id."'");
  10. //$map_name = mysql_fetch_assoc($map_name) or die("No rows returned by query");
  11. //Gets the Map Name
  12. while($row = mysql_fetch_array($map_name)) {
  13. $floorplan = $row['map_name'];
  14. }
  15. echo "<!--Floorplan:".$floorplan."-->";
  16. $get_coords = mysql_query("SELECT * FROM all_tables where map='$map_id.' and merchant='$client_code' and table_num not like 'M%'", $link);
  17. $old_num = mysql_num_rows($get_coords);
  18. $num = ($old_num + 1);
  19. $max_tbl_num = mysql_query("SELECT MAX(table_num) FROM all_tables where map='$map_id.' and merchant='$client_code' and table_num not like 'M%'");
  20. $max_tbl_num = mysql_fetch_array($max_tbl_num, MYSQL_BOTH);
  21. $max_tbl_num = ($max_tbl_num[0]+1);
  22. //echo $max_tbl_num;
  23. ?>
  24. <!DOCTYPE html>
  25. <html>
  26. <head>
  27. <title>Host Concepts Inc, Table Manager : v.2.0.93</title>
  28. <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  29. <!---\\Global Styles//--->
  30. <link href="assets/styles/style.css" rel="stylesheet" type="text/css">
  31. <!---\\Button Styles : No Images//--->
  32. <link href="assets/styles/buttons.css" rel="stylesheet" type="text/css">
  33. <!---\\ Forms Styles//--->
  34. <link href="assets/styles/forms.css" rel="stylesheet" type="text/css">
  35. <!---\\JavaScripts//--->
  36. <script src="http://code.jquery.com/jquery-latest.js"></script>
  37. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  38. <script src="assets/js/jquery.json-2.2.min.js"></script>
  39. <script language="javascript" type="text/javascript">
  40. //Numberous Fixes and Additions have been Added to This the 2.0.93 Version of the Table Manager Development System
  41. //Alot of Code has been consolidated into a single or multiple instances to preserve functionality and to ensure streamlined cohesivness
  42. //in the Development of this code-base.
  43. //Developed and Updated by James Harvey - jharvey@hostconcepts.com
  44. //This set of functions is for the Pre-loaded Items
  45. $(document).ready(function() {
  46. $(document).bind("keypress", function(e) {
  47. if (e.keyCode == 13) return false;
  48. });
  49. $('div#container').css('background-color', '#fff');
  50. $(".status #notice").html('When you are done adding your tables to your Floorplan, simply click the \'Return to Admin\' Link at the bottom right to return to the Administration Panel.');
  51. $(".status").fadeIn('500');
  52. //Closes the Status Notification
  53. $(".closestatus").click(function () {
  54. $(".status #notice").html('');
  55. $(".status").fadeOut('500');
  56. });
  57. //Sets the Counter the Next Highest Value -
  58. nextItemId = '<?php echo $max_tbl_num; ?>';
  59. $('#counter').keyup(function (){
  60. if ($("#counter").val() == "0"){
  61. nextItemId = 1;
  62. }else{
  63. nextItemId= $("#counter").val();
  64. }
  65. console.log ("Counter Value set to : "+nextItemId);
  66. });
  67. //Renames the Floorplan
  68. $('#floorplan_name').keyup(function(){
  69. var name = $("#floorplan_name").val();
  70. var uri = 'update_floorplan.php?name='+name+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  71. $.ajax({
  72. url: uri,
  73. success: function(){
  74. $('.status #notice').html('<p><span>Your Floorplan has been successfully renamed.</span>');
  75. console.log ("Floorplan Successfully renamed to :"+name);
  76. $(".status").fadeIn('500');
  77. $("#counter").val(nextItemId);
  78. }
  79. });
  80. });
  81. //Makes Existing Elements Draggable
  82. $(".item").draggable({
  83. containment: '.floorplan',
  84. invalid: 'revert',
  85. cursor: 'hand',
  86. snap: 'true',
  87. grid: [5,5],
  88. stop: function(event, ui) {
  89. var pos = $(ui.helper).position();
  90. var tbl_num = $(this).attr('rel');
  91. var height = $(this).height();
  92. var width = $(this).width();
  93. //Edit to Compensate for Edit View Addiition of 70(y) and 28(x);
  94. pos.top = parseInt(pos.top) - parseInt(70);
  95. pos.left = parseInt(pos.left);
  96. //End
  97. //Save Data to the Database and Notify
  98. var uri = 'update_table.php?left='+Math.floor(pos.left)+'&top='+Math.floor(pos.top)+'&width='+width+'&height='+height+'&tbl_num='+tbl_num+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  99. $.ajax({
  100. url: uri,
  101. success: function(){
  102. $('.status #notice').html('<p><span>Table #'+tbl_num+' Successfully Updated. New Location has been saved.</span>');
  103. console.log("Table #"+tbl_num+" Successfully moved. New Location, LEFT:"+(pos.left)+" TOP:"+Math.floor(pos.left));
  104. $(".status").fadeIn('500');
  105. $("#counter").val(nextItemId);
  106. }
  107. });
  108. //console.log ("Table has been moved to Left Position:"+pos.left+" and Top Position:"+pos.top+". Current Height:"+height+", Current Width:"+width);
  109. }
  110. });
  111. //Makes Exisitng Elements Resizable
  112. $('.item').addClass("resizable ui-resizable");
  113. //Makes the Item Resizable
  114. $(".item").resizable({
  115. maxHeight: 120,
  116. maxWidth: 120,
  117. minHeight: 25,
  118. minWidth: 25,
  119. snap: 'true',
  120. grid: [5, 5],
  121. stop: function(event, ui) {
  122. var pos = $(ui.helper).position();
  123. var tbl_num = $(this).attr('rel');
  124. var height = $(this).height();
  125. var width = $(this).width();
  126. //Edit to Compensate for Edit View Addiition of 70(y) and 28(x);
  127. pos.top = parseInt(pos.top) - parseInt(70);
  128. pos.left = parseInt(pos.left);
  129. //End
  130. //Save Data to the Database and Notify
  131. var uri = 'update_table.php?left='+Math.floor(pos.left)+'&top='+Math.floor(pos.top)+'&width='+width+'&height='+height+'&tbl_num='+tbl_num+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  132. $.ajax({
  133. url: uri,
  134. success: function(){
  135. $('.status #notice').html('<p><span>Table #'+tbl_num+' Successfully Updated. New Dimensions has been saved.</span>');
  136. $(".status").fadeIn('500');
  137. $("#counter").val(nextItemId);
  138. //Refreshes the page to load new information
  139. location.reload(true);
  140. //Now Write the the Values to the Exisiting Property box Form Field:
  141. if (height == "25"){
  142. var selected_h_25 ="selected=\'selected\'";
  143. var selected_h_30 ="";
  144. var selected_h_35 ="";
  145. var selected_h_40 ="";
  146. var selected_h_45 ="";
  147. var selected_h_50 ="";
  148. var selected_h_55 ="";
  149. var selected_h_60 ="";
  150. var selected_h_65 ="";
  151. var selected_h_70 ="";
  152. var selected_h_75 ="";
  153. var selected_h_80 ="";
  154. var selected_h_85 ="";
  155. var selected_h_90 ="";
  156. var selected_h_95 ="";
  157. var selected_h_100 ="";
  158. var selected_h_105 ="";
  159. var selected_h_110 ="";
  160. var selected_h_115 ="";
  161. var selected_h_120 ="";
  162. }else if(height == "30"){
  163. var selected_h_25 ="";
  164. var selected_h_30 ="selected=\'selected\'";
  165. var selected_h_35 ="";
  166. var selected_h_40 ="";
  167. var selected_h_45 ="";
  168. var selected_h_50 ="";
  169. var selected_h_55 ="";
  170. var selected_h_60 ="";
  171. var selected_h_65 ="";
  172. var selected_h_70 ="";
  173. var selected_h_75 ="";
  174. var selected_h_80 ="";
  175. var selected_h_85 ="";
  176. var selected_h_90 ="";
  177. var selected_h_95 ="";
  178. var selected_h_100 ="";
  179. var selected_h_105 ="";
  180. var selected_h_110 ="";
  181. var selected_h_115 ="";
  182. var selected_h_120 ="";
  183. }else if(height == "35"){
  184. var selected_h_25 ="";
  185. var selected_h_30 ="";
  186. var selected_h_35 ="selected=\'selected\'";
  187. var selected_h_40 ="";
  188. var selected_h_45 ="";
  189. var selected_h_50 ="";
  190. var selected_h_55 ="";
  191. var selected_h_60 ="";
  192. var selected_h_65 ="";
  193. var selected_h_70 ="";
  194. var selected_h_75 ="";
  195. var selected_h_80 ="";
  196. var selected_h_85 ="";
  197. var selected_h_90 ="";
  198. var selected_h_95 ="";
  199. var selected_h_100 ="";
  200. var selected_h_105 ="";
  201. var selected_h_110 ="";
  202. var selected_h_115 ="";
  203. var selected_h_120 ="";
  204. }else if(height == "40"){
  205. var selected_h_25 ="";
  206. var selected_h_30 ="";
  207. var selected_h_35 ="";
  208. var selected_h_40 ="selected=\'selected\'";
  209. var selected_h_45 ="";
  210. var selected_h_50 ="";
  211. var selected_h_55 ="";
  212. var selected_h_60 ="";
  213. var selected_h_65 ="";
  214. var selected_h_70 ="";
  215. var selected_h_75 ="";
  216. var selected_h_80 ="";
  217. var selected_h_85 ="";
  218. var selected_h_90 ="";
  219. var selected_h_95 ="";
  220. var selected_h_100 ="";
  221. var selected_h_105 ="";
  222. var selected_h_110 ="";
  223. var selected_h_115 ="";
  224. var selected_h_120 ="";
  225. }else if(height == "45"){
  226. var selected_h_25 ="";
  227. var selected_h_30 ="";
  228. var selected_h_35 ="";
  229. var selected_h_40 ="";
  230. var selected_h_45 ="selected=\'selected\'";
  231. var selected_h_50 ="";
  232. var selected_h_55 ="";
  233. var selected_h_60 ="";
  234. var selected_h_65 ="";
  235. var selected_h_70 ="";
  236. var selected_h_75 ="";
  237. var selected_h_80 ="";
  238. var selected_h_85 ="";
  239. var selected_h_90 ="";
  240. var selected_h_95 ="";
  241. var selected_h_100 ="";
  242. var selected_h_105 ="";
  243. var selected_h_110 ="";
  244. var selected_h_115 ="";
  245. var selected_h_120 ="";
  246. }else if(height == "50"){
  247. var selected_h_25 ="";
  248. var selected_h_30 ="";
  249. var selected_h_35 ="";
  250. var selected_h_40 ="";
  251. var selected_h_45 ="";
  252. var selected_h_50 ="selected=\'selected\'";
  253. var selected_h_55 ="";
  254. var selected_h_60 ="";
  255. var selected_h_65 ="";
  256. var selected_h_70 ="";
  257. var selected_h_75 ="";
  258. var selected_h_80 ="";
  259. var selected_h_85 ="";
  260. var selected_h_90 ="";
  261. var selected_h_95 ="";
  262. var selected_h_100 ="";
  263. var selected_h_105 ="";
  264. var selected_h_110 ="";
  265. var selected_h_115 ="";
  266. var selected_h_120 ="";
  267. }else if(height == "55"){
  268. var selected_h_25 ="";
  269. var selected_h_30 ="";
  270. var selected_h_35 ="";
  271. var selected_h_40 ="";
  272. var selected_h_45 ="";
  273. var selected_h_50 ="";
  274. var selected_h_55 ="selected=\'selected\'";
  275. var selected_h_60 ="";
  276. var selected_h_65 ="";
  277. var selected_h_70 ="";
  278. var selected_h_75 ="";
  279. var selected_h_80 ="";
  280. var selected_h_85 ="";
  281. var selected_h_90 ="";
  282. var selected_h_95 ="";
  283. var selected_h_100 ="";
  284. var selected_h_105 ="";
  285. var selected_h_110 ="";
  286. var selected_h_115 ="";
  287. var selected_h_120 ="";
  288. }else if(height == "60"){
  289. var selected_h_25 ="";
  290. var selected_h_30 ="";
  291. var selected_h_35 ="";
  292. var selected_h_40 ="";
  293. var selected_h_45 ="";
  294. var selected_h_50 ="";
  295. var selected_h_55 ="";
  296. var selected_h_60 ="selected=\'selected\'";
  297. var selected_h_65 ="";
  298. var selected_h_70 ="";
  299. var selected_h_75 ="";
  300. var selected_h_80 ="";
  301. var selected_h_85 ="";
  302. var selected_h_90 ="";
  303. var selected_h_95 ="";
  304. var selected_h_100 ="";
  305. var selected_h_105 ="";
  306. var selected_h_110 ="";
  307. var selected_h_115 ="";
  308. var selected_h_120 ="";
  309. }else if(height == "65"){
  310. var selected_h_25 ="";
  311. var selected_h_30 ="";
  312. var selected_h_35 ="";
  313. var selected_h_40 ="";
  314. var selected_h_45 ="";
  315. var selected_h_50 ="";
  316. var selected_h_55 ="";
  317. var selected_h_60 ="";
  318. var selected_h_65 ="selected=\'selected\'";
  319. var selected_h_70 ="";
  320. var selected_h_75 ="";
  321. var selected_h_80 ="";
  322. var selected_h_85 ="";
  323. var selected_h_90 ="";
  324. var selected_h_95 ="";
  325. var selected_h_100 ="";
  326. var selected_h_105 ="";
  327. var selected_h_110 ="";
  328. var selected_h_115 ="";
  329. var selected_h_120 ="";
  330. }else if(height == "70"){
  331. var selected_h_25 ="";
  332. var selected_h_30 ="";
  333. var selected_h_35 ="";
  334. var selected_h_40 ="";
  335. var selected_h_45 ="";
  336. var selected_h_50 ="";
  337. var selected_h_55 ="";
  338. var selected_h_60 ="";
  339. var selected_h_65 ="";
  340. var selected_h_70 ="selected=\'selected\'";
  341. var selected_h_75 ="";
  342. var selected_h_80 ="";
  343. var selected_h_85 ="";
  344. var selected_h_90 ="";
  345. var selected_h_95 ="";
  346. var selected_h_100 ="";
  347. var selected_h_105 ="";
  348. var selected_h_110 ="";
  349. var selected_h_115 ="";
  350. var selected_h_120 ="";
  351. }else if(height == "75"){
  352. var selected_h_25 ="";
  353. var selected_h_30 ="";
  354. var selected_h_35 ="";
  355. var selected_h_40 ="";
  356. var selected_h_45 ="";
  357. var selected_h_50 ="";
  358. var selected_h_55 ="";
  359. var selected_h_60 ="";
  360. var selected_h_65 ="";
  361. var selected_h_70 ="";
  362. var selected_h_75 ="selected=\'selected\'";
  363. var selected_h_80 ="";
  364. var selected_h_85 ="";
  365. var selected_h_90 ="";
  366. var selected_h_95 ="";
  367. var selected_h_100 ="";
  368. var selected_h_105 ="";
  369. var selected_h_110 ="";
  370. var selected_h_115 ="";
  371. var selected_h_120 ="";
  372. }else if(height == "80"){
  373. var selected_h_25 ="";
  374. var selected_h_30 ="";
  375. var selected_h_35 ="";
  376. var selected_h_40 ="";
  377. var selected_h_45 ="";
  378. var selected_h_50 ="";
  379. var selected_h_55 ="";
  380. var selected_h_60 ="";
  381. var selected_h_65 ="";
  382. var selected_h_70 ="";
  383. var selected_h_75 ="";
  384. var selected_h_80 ="selected=\'selected\'";
  385. var selected_h_85 ="";
  386. var selected_h_90 ="";
  387. var selected_h_95 ="";
  388. var selected_h_100 ="";
  389. var selected_h_105 ="";
  390. var selected_h_110 ="";
  391. var selected_h_115 ="";
  392. var selected_h_120 ="";
  393. }else if(height == "85"){
  394. var selected_h_25 ="";
  395. var selected_h_30 ="";
  396. var selected_h_35 ="";
  397. var selected_h_40 ="";
  398. var selected_h_45 ="";
  399. var selected_h_50 ="";
  400. var selected_h_55 ="";
  401. var selected_h_60 ="";
  402. var selected_h_65 ="";
  403. var selected_h_70 ="";
  404. var selected_h_75 ="";
  405. var selected_h_80 ="";
  406. var selected_h_85 ="selected=\'selected\'";
  407. var selected_h_90 ="";
  408. var selected_h_95 ="";
  409. var selected_h_100 ="";
  410. var selected_h_105 ="";
  411. var selected_h_110 ="";
  412. var selected_h_115 ="";
  413. var selected_h_120 ="";
  414. }else if(height == "90"){
  415. var selected_h_25 ="";
  416. var selected_h_30 ="";
  417. var selected_h_35 ="";
  418. var selected_h_40 ="";
  419. var selected_h_45 ="";
  420. var selected_h_50 ="";
  421. var selected_h_55 ="";
  422. var selected_h_60 ="";
  423. var selected_h_65 ="";
  424. var selected_h_70 ="";
  425. var selected_h_75 ="";
  426. var selected_h_80 ="";
  427. var selected_h_85 ="";
  428. var selected_h_90 ="selected=\'selected\'";
  429. var selected_h_95 ="";
  430. var selected_h_100 ="";
  431. var selected_h_105 ="";
  432. var selected_h_110 ="";
  433. var selected_h_115 ="";
  434. var selected_h_120 ="";
  435. }else if(height == "95"){
  436. var selected_h_25 ="";
  437. var selected_h_30 ="";
  438. var selected_h_35 ="";
  439. var selected_h_40 ="";
  440. var selected_h_45 ="";
  441. var selected_h_50 ="";
  442. var selected_h_55 ="";
  443. var selected_h_60 ="";
  444. var selected_h_65 ="";
  445. var selected_h_70 ="";
  446. var selected_h_75 ="";
  447. var selected_h_80 ="";
  448. var selected_h_85 ="";
  449. var selected_h_90 ="";
  450. var selected_h_95 ="selected=\'selected\'";
  451. var selected_h_100 ="";
  452. var selected_h_105 ="";
  453. var selected_h_110 ="";
  454. var selected_h_115 ="";
  455. var selected_h_120 ="";
  456. }else if(height == "100"){
  457. var selected_h_25 ="";
  458. var selected_h_30 ="";
  459. var selected_h_35 ="";
  460. var selected_h_40 ="";
  461. var selected_h_45 ="";
  462. var selected_h_50 ="";
  463. var selected_h_55 ="";
  464. var selected_h_60 ="";
  465. var selected_h_65 ="";
  466. var selected_h_70 ="";
  467. var selected_h_75 ="";
  468. var selected_h_80 ="";
  469. var selected_h_85 ="";
  470. var selected_h_90 ="";
  471. var selected_h_95 ="";
  472. var selected_h_100 ="selected=\'selected\'";
  473. var selected_h_105 ="";
  474. var selected_h_110 ="";
  475. var selected_h_115 ="";
  476. var selected_h_120 ="";
  477. }else if(height == "105"){
  478. var selected_h_25 ="";
  479. var selected_h_30 ="";
  480. var selected_h_35 ="";
  481. var selected_h_40 ="";
  482. var selected_h_45 ="";
  483. var selected_h_50 ="";
  484. var selected_h_55 ="";
  485. var selected_h_60 ="";
  486. var selected_h_65 ="";
  487. var selected_h_70 ="";
  488. var selected_h_75 ="";
  489. var selected_h_80 ="";
  490. var selected_h_85 ="";
  491. var selected_h_90 ="";
  492. var selected_h_95 ="";
  493. var selected_h_100 ="";
  494. var selected_h_105 ="selected=\'selected\'";
  495. var selected_h_110 ="";
  496. var selected_h_115 ="";
  497. var selected_h_120 ="";
  498. }else if(height == "110"){
  499. var selected_h_25 ="";
  500. var selected_h_30 ="";
  501. var selected_h_35 ="";
  502. var selected_h_40 ="";
  503. var selected_h_45 ="";
  504. var selected_h_50 ="";
  505. var selected_h_55 ="";
  506. var selected_h_60 ="";
  507. var selected_h_65 ="";
  508. var selected_h_70 ="";
  509. var selected_h_75 ="";
  510. var selected_h_80 ="";
  511. var selected_h_85 ="";
  512. var selected_h_90 ="";
  513. var selected_h_95 ="";
  514. var selected_h_100 ="";
  515. var selected_h_105 ="";
  516. var selected_h_110 ="selected=\'selected\'";
  517. var selected_h_115 ="";
  518. var selected_h_120 ="";
  519. }else if(height == "115"){
  520. var selected_h_25 ="";
  521. var selected_h_30 ="";
  522. var selected_h_35 ="";
  523. var selected_h_40 ="";
  524. var selected_h_45 ="";
  525. var selected_h_50 ="";
  526. var selected_h_55 ="";
  527. var selected_h_60 ="";
  528. var selected_h_65 ="";
  529. var selected_h_70 ="";
  530. var selected_h_75 ="";
  531. var selected_h_80 ="";
  532. var selected_h_85 ="";
  533. var selected_h_90 ="";
  534. var selected_h_95 ="";
  535. var selected_h_100 ="";
  536. var selected_h_105 ="";
  537. var selected_h_110 ="";
  538. var selected_h_115 ="selected=\'selected\'";
  539. var selected_h_120 ="";
  540. }else if(height == "120"){
  541. var selected_h_25 ="";
  542. var selected_h_30 ="";
  543. var selected_h_35 ="";
  544. var selected_h_40 ="";
  545. var selected_h_45 ="";
  546. var selected_h_50 ="";
  547. var selected_h_55 ="";
  548. var selected_h_60 ="";
  549. var selected_h_65 ="";
  550. var selected_h_70 ="";
  551. var selected_h_75 ="";
  552. var selected_h_80 ="";
  553. var selected_h_85 ="";
  554. var selected_h_90 ="";
  555. var selected_h_95 ="";
  556. var selected_h_100 ="";
  557. var selected_h_105 ="";
  558. var selected_h_110 ="";
  559. var selected_h_115 ="";
  560. var selected_h_120 ="selected=\'selected\'";
  561. }
  562. var width = $(this).width();
  563. if (width == "25"){
  564. var selected_w_25 ="selected=\'selected\'";
  565. var selected_w_30 ="";
  566. var selected_w_35 ="";
  567. var selected_w_40 ="";
  568. var selected_w_45 ="";
  569. var selected_w_50 ="";
  570. var selected_w_55 ="";
  571. var selected_w_60 ="";
  572. var selected_w_65 ="";
  573. var selected_w_70 ="";
  574. var selected_w_75 ="";
  575. var selected_w_80 ="";
  576. var selected_w_85 ="";
  577. var selected_w_90 ="";
  578. var selected_w_95 ="";
  579. var selected_w_100 ="";
  580. var selected_w_105 ="";
  581. var selected_w_110 ="";
  582. var selected_w_115 ="";
  583. var selected_w_120 ="";
  584. }else if(width == "30"){
  585. var selected_w_25 ="";
  586. var selected_w_30 ="selected=\'selected\'";
  587. var selected_w_35 ="";
  588. var selected_w_40 ="";
  589. var selected_w_45 ="";
  590. var selected_w_50 ="";
  591. var selected_w_55 ="";
  592. var selected_w_60 ="";
  593. var selected_w_65 ="";
  594. var selected_w_70 ="";
  595. var selected_w_75 ="";
  596. var selected_w_80 ="";
  597. var selected_w_85 ="";
  598. var selected_w_90 ="";
  599. var selected_w_95 ="";
  600. var selected_w_100 ="";
  601. var selected_w_105 ="";
  602. var selected_w_110 ="";
  603. var selected_w_115 ="";
  604. var selected_w_120 ="";
  605. }else if(width == "35"){
  606. var selected_w_25 ="";
  607. var selected_w_30 ="";
  608. var selected_w_35 ="selected=\'selected\'";
  609. var selected_w_40 ="";
  610. var selected_w_45 ="";
  611. var selected_w_50 ="";
  612. var selected_w_55 ="";
  613. var selected_w_60 ="";
  614. var selected_w_65 ="";
  615. var selected_w_70 ="";
  616. var selected_w_75 ="";
  617. var selected_w_80 ="";
  618. var selected_w_85 ="";
  619. var selected_w_90 ="";
  620. var selected_w_95 ="";
  621. var selected_w_100 ="";
  622. var selected_w_105 ="";
  623. var selected_w_110 ="";
  624. var selected_w_115 ="";
  625. var selected_w_120 ="";
  626. }else if(width == "40"){
  627. var selected_w_25 ="";
  628. var selected_w_30 ="";
  629. var selected_w_35 ="";
  630. var selected_w_40 ="selected=\'selected\'";
  631. var selected_w_45 ="";
  632. var selected_w_50 ="";
  633. var selected_w_55 ="";
  634. var selected_w_60 ="";
  635. var selected_w_65 ="";
  636. var selected_w_70 ="";
  637. var selected_w_75 ="";
  638. var selected_w_80 ="";
  639. var selected_w_85 ="";
  640. var selected_w_90 ="";
  641. var selected_w_95 ="";
  642. var selected_w_100 ="";
  643. var selected_w_105 ="";
  644. var selected_w_110 ="";
  645. var selected_w_115 ="";
  646. var selected_w_120 ="";
  647. }else if(width == "45"){
  648. var selected_w_25 ="";
  649. var selected_w_30 ="";
  650. var selected_w_35 ="";
  651. var selected_w_40 ="";
  652. var selected_w_45 ="selected=\'selected\'";
  653. var selected_w_50 ="";
  654. var selected_w_55 ="";
  655. var selected_w_60 ="";
  656. var selected_w_65 ="";
  657. var selected_w_70 ="";
  658. var selected_w_75 ="";
  659. var selected_w_80 ="";
  660. var selected_w_85 ="";
  661. var selected_w_90 ="";
  662. var selected_w_95 ="";
  663. var selected_w_100 ="";
  664. var selected_w_105 ="";
  665. var selected_w_110 ="";
  666. var selected_w_115 ="";
  667. var selected_w_120 ="";
  668. }else if(width == "50"){
  669. var selected_w_25 ="";
  670. var selected_w_30 ="";
  671. var selected_w_35 ="";
  672. var selected_w_40 ="";
  673. var selected_w_45 ="";
  674. var selected_w_50 ="selected=\'selected\'";
  675. var selected_w_55 ="";
  676. var selected_w_60 ="";
  677. var selected_w_65 ="";
  678. var selected_w_70 ="";
  679. var selected_w_75 ="";
  680. var selected_w_80 ="";
  681. var selected_w_85 ="";
  682. var selected_w_90 ="";
  683. var selected_w_95 ="";
  684. var selected_w_100 ="";
  685. var selected_w_105 ="";
  686. var selected_w_110 ="";
  687. var selected_w_115 ="";
  688. var selected_w_120 ="";
  689. }else if(width == "55"){
  690. var selected_w_25 ="";
  691. var selected_w_30 ="";
  692. var selected_w_35 ="";
  693. var selected_w_40 ="";
  694. var selected_w_45 ="";
  695. var selected_w_50 ="";
  696. var selected_w_55 ="selected=\'selected\'";
  697. var selected_w_60 ="";
  698. var selected_w_65 ="";
  699. var selected_w_70 ="";
  700. var selected_w_75 ="";
  701. var selected_w_80 ="";
  702. var selected_w_85 ="";
  703. var selected_w_90 ="";
  704. var selected_w_95 ="";
  705. var selected_w_100 ="";
  706. var selected_w_105 ="";
  707. var selected_w_110 ="";
  708. var selected_w_115 ="";
  709. var selected_w_120 ="";
  710. }else if(width == "60"){
  711. var selected_w_25 ="";
  712. var selected_w_30 ="";
  713. var selected_w_35 ="";
  714. var selected_w_40 ="";
  715. var selected_w_45 ="";
  716. var selected_w_50 ="";
  717. var selected_w_55 ="";
  718. var selected_w_60 ="selected=\'selected\'";
  719. var selected_w_65 ="";
  720. var selected_w_70 ="";
  721. var selected_w_75 ="";
  722. var selected_w_80 ="";
  723. var selected_w_85 ="";
  724. var selected_w_90 ="";
  725. var selected_w_95 ="";
  726. var selected_w_100 ="";
  727. var selected_w_105 ="";
  728. var selected_w_110 ="";
  729. var selected_w_115 ="";
  730. var selected_w_120 ="";
  731. }else if(width == "65"){
  732. var selected_w_25 ="";
  733. var selected_w_30 ="";
  734. var selected_w_35 ="";
  735. var selected_w_40 ="";
  736. var selected_w_45 ="";
  737. var selected_w_50 ="";
  738. var selected_w_55 ="";
  739. var selected_w_60 ="";
  740. var selected_w_65 ="selected=\'selected\'";
  741. var selected_w_70 ="";
  742. var selected_w_75 ="";
  743. var selected_w_80 ="";
  744. var selected_w_85 ="";
  745. var selected_w_90 ="";
  746. var selected_w_95 ="";
  747. var selected_w_100 ="";
  748. var selected_w_105 ="";
  749. var selected_w_110 ="";
  750. var selected_w_115 ="";
  751. var selected_w_120 ="";
  752. }else if(width == "70"){
  753. var selected_w_25 ="";
  754. var selected_w_30 ="";
  755. var selected_w_35 ="";
  756. var selected_w_40 ="";
  757. var selected_w_45 ="";
  758. var selected_w_50 ="";
  759. var selected_w_55 ="";
  760. var selected_w_60 ="";
  761. var selected_w_65 ="";
  762. var selected_w_70 ="selected=\'selected\'";
  763. var selected_w_75 ="";
  764. var selected_w_80 ="";
  765. var selected_w_85 ="";
  766. var selected_w_90 ="";
  767. var selected_w_95 ="";
  768. var selected_w_100 ="";
  769. var selected_w_105 ="";
  770. var selected_w_110 ="";
  771. var selected_w_115 ="";
  772. var selected_w_120 ="";
  773. }else if(width == "75"){
  774. var selected_w_25 ="";
  775. var selected_w_30 ="";
  776. var selected_w_35 ="";
  777. var selected_w_40 ="";
  778. var selected_w_45 ="";
  779. var selected_w_50 ="";
  780. var selected_w_55 ="";
  781. var selected_w_60 ="";
  782. var selected_w_65 ="";
  783. var selected_w_70 ="";
  784. var selected_w_75 ="selected=\'selected\'";
  785. var selected_w_80 ="";
  786. var selected_w_85 ="";
  787. var selected_w_90 ="";
  788. var selected_w_95 ="";
  789. var selected_w_100 ="";
  790. var selected_w_105 ="";
  791. var selected_w_110 ="";
  792. var selected_w_115 ="";
  793. var selected_w_120 ="";
  794. }else if(width == "80"){
  795. var selected_w_25 ="";
  796. var selected_w_30 ="";
  797. var selected_w_35 ="";
  798. var selected_w_40 ="";
  799. var selected_w_45 ="";
  800. var selected_w_50 ="";
  801. var selected_w_55 ="";
  802. var selected_w_60 ="";
  803. var selected_w_65 ="";
  804. var selected_w_70 ="";
  805. var selected_w_75 ="";
  806. var selected_w_80 ="selected=\'selected\'";
  807. var selected_w_85 ="";
  808. var selected_w_90 ="";
  809. var selected_w_95 ="";
  810. var selected_w_100 ="";
  811. var selected_w_105 ="";
  812. var selected_w_110 ="";
  813. var selected_w_115 ="";
  814. var selected_w_120 ="";
  815. }else if(width == "85"){
  816. var selected_w_25 ="";
  817. var selected_w_30 ="";
  818. var selected_w_35 ="";
  819. var selected_w_40 ="";
  820. var selected_w_45 ="";
  821. var selected_w_50 ="";
  822. var selected_w_55 ="";
  823. var selected_w_60 ="";
  824. var selected_w_65 ="";
  825. var selected_w_70 ="";
  826. var selected_w_75 ="";
  827. var selected_w_80 ="";
  828. var selected_w_85 ="selected=\'selected\'";
  829. var selected_w_90 ="";
  830. var selected_w_95 ="";
  831. var selected_w_100 ="";
  832. var selected_w_105 ="";
  833. var selected_w_110 ="";
  834. var selected_w_115 ="";
  835. var selected_w_120 ="";
  836. }else if(width == "90"){
  837. var selected_w_25 ="";
  838. var selected_w_30 ="";
  839. var selected_w_35 ="";
  840. var selected_w_40 ="";
  841. var selected_w_45 ="";
  842. var selected_w_50 ="";
  843. var selected_w_55 ="";
  844. var selected_w_60 ="";
  845. var selected_w_65 ="";
  846. var selected_w_70 ="";
  847. var selected_w_75 ="";
  848. var selected_w_80 ="";
  849. var selected_w_85 ="";
  850. var selected_w_90 ="selected=\'selected\'";
  851. var selected_w_95 ="";
  852. var selected_w_100 ="";
  853. var selected_w_105 ="";
  854. var selected_w_110 ="";
  855. var selected_w_115 ="";
  856. var selected_w_120 ="";
  857. }else if(width == "95"){
  858. var selected_w_25 ="";
  859. var selected_w_30 ="";
  860. var selected_w_35 ="";
  861. var selected_w_40 ="";
  862. var selected_w_45 ="";
  863. var selected_w_50 ="";
  864. var selected_w_55 ="";
  865. var selected_w_60 ="";
  866. var selected_w_65 ="";
  867. var selected_w_70 ="";
  868. var selected_w_75 ="";
  869. var selected_w_80 ="";
  870. var selected_w_85 ="";
  871. var selected_w_90 ="";
  872. var selected_w_95 ="selected=\'selected\'";
  873. var selected_w_100 ="";
  874. var selected_w_105 ="";
  875. var selected_w_110 ="";
  876. var selected_w_115 ="";
  877. var selected_w_120 ="";
  878. }else if(width == "100"){
  879. var selected_w_25 ="";
  880. var selected_w_30 ="";
  881. var selected_w_35 ="";
  882. var selected_w_40 ="";
  883. var selected_w_45 ="";
  884. var selected_w_50 ="";
  885. var selected_w_55 ="";
  886. var selected_w_60 ="";
  887. var selected_w_65 ="";
  888. var selected_w_70 ="";
  889. var selected_w_75 ="";
  890. var selected_w_80 ="";
  891. var selected_w_85 ="";
  892. var selected_w_90 ="";
  893. var selected_w_95 ="";
  894. var selected_w_100 ="selected=\'selected\'";
  895. var selected_w_105 ="";
  896. var selected_w_110 ="";
  897. var selected_w_115 ="";
  898. var selected_w_120 ="";
  899. }else if(width == "105"){
  900. var selected_w_25 ="";
  901. var selected_w_30 ="";
  902. var selected_w_35 ="";
  903. var selected_w_40 ="";
  904. var selected_w_45 ="";
  905. var selected_w_50 ="";
  906. var selected_w_55 ="";
  907. var selected_w_60 ="";
  908. var selected_w_65 ="";
  909. var selected_w_70 ="";
  910. var selected_w_75 ="";
  911. var selected_w_80 ="";
  912. var selected_w_85 ="";
  913. var selected_w_90 ="";
  914. var selected_w_95 ="";
  915. var selected_w_100 ="";
  916. var selected_w_105 ="selected=\'selected\'";
  917. var selected_w_110 ="";
  918. var selected_w_115 ="";
  919. var selected_w_120 ="";
  920. }else if(width == "110"){
  921. var selected_w_25 ="";
  922. var selected_w_30 ="";
  923. var selected_w_35 ="";
  924. var selected_w_40 ="";
  925. var selected_w_45 ="";
  926. var selected_w_50 ="";
  927. var selected_w_55 ="";
  928. var selected_w_60 ="";
  929. var selected_w_65 ="";
  930. var selected_w_70 ="";
  931. var selected_w_75 ="";
  932. var selected_w_80 ="";
  933. var selected_w_85 ="";
  934. var selected_w_90 ="";
  935. var selected_w_95 ="";
  936. var selected_w_100 ="";
  937. var selected_w_105 ="";
  938. var selected_w_110 ="selected=\'selected\'";
  939. var selected_w_115 ="";
  940. var selected_w_120 ="";
  941. }else if(width == "115"){
  942. var selected_w_25 ="";
  943. var selected_w_30 ="";
  944. var selected_w_35 ="";
  945. var selected_w_40 ="";
  946. var selected_w_45 ="";
  947. var selected_w_50 ="";
  948. var selected_w_55 ="";
  949. var selected_w_60 ="";
  950. var selected_w_65 ="";
  951. var selected_w_70 ="";
  952. var selected_w_75 ="";
  953. var selected_w_80 ="";
  954. var selected_w_85 ="";
  955. var selected_w_90 ="";
  956. var selected_w_95 ="";
  957. var selected_w_100 ="";
  958. var selected_w_105 ="";
  959. var selected_w_110 ="";
  960. var selected_w_115 ="selected=\'selected\'";
  961. var selected_w_120 ="";
  962. }else if(width == "120"){
  963. var selected_w_25 ="";
  964. var selected_w_30 ="";
  965. var selected_w_35 ="";
  966. var selected_w_40 ="";
  967. var selected_w_45 ="";
  968. var selected_w_50 ="";
  969. var selected_w_55 ="";
  970. var selected_w_60 ="";
  971. var selected_w_65 ="";
  972. var selected_w_70 ="";
  973. var selected_w_75 ="";
  974. var selected_w_80 ="";
  975. var selected_w_85 ="";
  976. var selected_w_90 ="";
  977. var selected_w_95 ="";
  978. var selected_w_100 ="";
  979. var selected_w_105 ="";
  980. var selected_w_110 ="";
  981. var selected_w_115 ="";
  982. var selected_w_120 ="selected=\'selected\'";
  983. }
  984. }
  985. });
  986. console.log ("Table# "+tbl_num+" has been resized: Current Height:"+height+", Current Width:"+width);
  987. }
  988. });
  989. //Now We're gonna Talk about New Items:
  990. $("#container").droppable({
  991. accept: '.product',
  992. containment: '.floorplan',
  993. snap: 'true',
  994. grid: [5,5],
  995. drop: function(event, ui) {
  996. var pos = $(ui.helper).position();
  997. var table_num = $("#counter").val();
  998. var height = $(this).height();
  999. var width = $(this).width();
  1000. var top = pos.top;
  1001. var left = pos.left;
  1002. //We're going to set a number of Attribute here for future use:
  1003. $(this).attr('rel', table_num);
  1004. $table_num = $(this).attr('rel');
  1005. $(this).append($(ui.helper).clone().html("<div class='table_num tbl_num'>"+$("#counter").val()+"</div>").attr('id','item'+table_num).attr('rel',table_num).addClass("resizable ui-resizable").hover(
  1006. //All Functions within the Hover
  1007. //Now We're gonna have this act like the exisiting elements
  1008. //Begin Hover
  1009. function () {
  1010. //OnMouseOver;
  1011. $(this).append($("<img src='assets/img/button-x.png' class='drag_close right' id='remove_table"+nextItemId+"'>"));
  1012. //Clicking the "X" Will now Remove the Table
  1013. $("#remove_table"+nextItemId).click(function () {
  1014. //This Helps us Identify the Table We want to remove
  1015. var tbl = $(this).closest('[id^=item]'),
  1016. id = tbl[0].id;
  1017. tbl.remove();
  1018. //Now We will remove the Table from the Database
  1019. var uri = 'remove_table.php?tbl_num='+table_num+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  1020. $.ajax({
  1021. url: uri,
  1022. success: function(){
  1023. $('.status #notice').html('<p><span>Your Table #'+table_num+' has been Removed!</span>');
  1024. $(".status").fadeIn('500');
  1025. $('#properties_box').fadeOut('500');
  1026. }
  1027. });
  1028. });
  1029. },
  1030. function () {
  1031. //OnMouseOut
  1032. $(this).find("img:last").remove();
  1033. }
  1034. //End Hover
  1035. //End of Functions within the Hover
  1036. ));
  1037. //Now We make it Just an Item
  1038. $("#container .product").addClass("item");
  1039. $(".item").removeClass("product");
  1040. //Now We make the Table Resizable & Draggable
  1041. $(".item").resizable({
  1042. //aspectRatio: 1,
  1043. maxHeight: 120,
  1044. maxWidth: 120,
  1045. minHeight: 25,
  1046. minWidth: 25,
  1047. snap: 'true',
  1048. grid: [5, 5],
  1049. //We need to save the new information on resize
  1050. stop: function(event, ui) {
  1051. var pos = $(ui.helper).position();
  1052. var tbl_num = $(this).attr('rel');
  1053. var height = $(this).height();
  1054. var width = $(this).width();
  1055. //Edit to Compensate for Edit View Addiition of 70(y) and 28(x);
  1056. pos.top = parseInt(pos.top) - parseInt(70);
  1057. pos.left = parseInt(pos.left);
  1058. //End
  1059. //alert("New Table Dimensions are: W:"+width+" H:"+height);
  1060. //Save Data to the Database and Notify
  1061. var uri = 'update_table.php?left='+Math.floor(pos.left)+'&top='+Math.floor(pos.top)+'&width='+width+'&height='+height+'&tbl_num='+tbl_num+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  1062. $.ajax({
  1063. url: uri,
  1064. success: function(){
  1065. $('.status #notice').html('<p><span>Table #'+tbl_num+' Successfully Updated. New Dimensions has been saved.</span>');
  1066. $(".status").fadeIn('500');
  1067. $("#counter").val(nextItemId);
  1068. //Refreshes the page to load new information
  1069. location.reload(true);
  1070. }
  1071. });
  1072. }
  1073. });
  1074. $(".item").draggable({
  1075. containment: '.floorplan',
  1076. invalid: 'revert',
  1077. snap: 'true',
  1078. grid: [5,5]
  1079. });
  1080. //Now We offer the Ability to Edit the Table's Properties
  1081. $('.item').dblclick(function() {
  1082. var pos = $(ui.helper).position();
  1083. var table_num = $(this).attr('rel');
  1084. //Table Shape
  1085. if ($("#item"+table_num).is('.table_rnd')) {
  1086. //alert("Table"+table_num+" is Round!");
  1087. var shape = 'round';
  1088. } else {
  1089. //alert("Table"+table_num+" is Square!");
  1090. var shape = 'square';
  1091. }
  1092. if (shape == 'round'){
  1093. var shape_rnd_selected = "selected=\'selected\'";
  1094. var shape_sqr_selected = "";
  1095. var orient_display ="style=\'display: none;\'";
  1096. }else{
  1097. var shape_rnd_selected = "";
  1098. var shape_sqr_selected = "selected=\'selected\'";
  1099. var orient_display ="";
  1100. }
  1101. var height = $(this).height();
  1102. if (height == "25"){
  1103. var selected_h_25 ="selected=\'selected\'";
  1104. var selected_h_30 ="";
  1105. var selected_h_35 ="";
  1106. var selected_h_40 ="";
  1107. var selected_h_45 ="";
  1108. var selected_h_50 ="";
  1109. var selected_h_55 ="";
  1110. var selected_h_60 ="";
  1111. var selected_h_65 ="";
  1112. var selected_h_70 ="";
  1113. var selected_h_75 ="";
  1114. var selected_h_80 ="";
  1115. var selected_h_85 ="";
  1116. var selected_h_90 ="";
  1117. var selected_h_95 ="";
  1118. var selected_h_100 ="";
  1119. var selected_h_105 ="";
  1120. var selected_h_110 ="";
  1121. var selected_h_115 ="";
  1122. var selected_h_120 ="";
  1123. }else if(height == "30"){
  1124. var selected_h_25 ="";
  1125. var selected_h_30 ="selected=\'selected\'";
  1126. var selected_h_35 ="";
  1127. var selected_h_40 ="";
  1128. var selected_h_45 ="";
  1129. var selected_h_50 ="";
  1130. var selected_h_55 ="";
  1131. var selected_h_60 ="";
  1132. var selected_h_65 ="";
  1133. var selected_h_70 ="";
  1134. var selected_h_75 ="";
  1135. var selected_h_80 ="";
  1136. var selected_h_85 ="";
  1137. var selected_h_90 ="";
  1138. var selected_h_95 ="";
  1139. var selected_h_100 ="";
  1140. var selected_h_105 ="";
  1141. var selected_h_110 ="";
  1142. var selected_h_115 ="";
  1143. var selected_h_120 ="";
  1144. }else if(height == "35"){
  1145. var selected_h_25 ="";
  1146. var selected_h_30 ="";
  1147. var selected_h_35 ="selected=\'selected\'";
  1148. var selected_h_40 ="";
  1149. var selected_h_45 ="";
  1150. var selected_h_50 ="";
  1151. var selected_h_55 ="";
  1152. var selected_h_60 ="";
  1153. var selected_h_65 ="";
  1154. var selected_h_70 ="";
  1155. var selected_h_75 ="";
  1156. var selected_h_80 ="";
  1157. var selected_h_85 ="";
  1158. var selected_h_90 ="";
  1159. var selected_h_95 ="";
  1160. var selected_h_100 ="";
  1161. var selected_h_105 ="";
  1162. var selected_h_110 ="";
  1163. var selected_h_115 ="";
  1164. var selected_h_120 ="";
  1165. }else if(height == "40"){
  1166. var selected_h_25 ="";
  1167. var selected_h_30 ="";
  1168. var selected_h_35 ="";
  1169. var selected_h_40 ="selected=\'selected\'";
  1170. var selected_h_45 ="";
  1171. var selected_h_50 ="";
  1172. var selected_h_55 ="";
  1173. var selected_h_60 ="";
  1174. var selected_h_65 ="";
  1175. var selected_h_70 ="";
  1176. var selected_h_75 ="";
  1177. var selected_h_80 ="";
  1178. var selected_h_85 ="";
  1179. var selected_h_90 ="";
  1180. var selected_h_95 ="";
  1181. var selected_h_100 ="";
  1182. var selected_h_105 ="";
  1183. var selected_h_110 ="";
  1184. var selected_h_115 ="";
  1185. var selected_h_120 ="";
  1186. }else if(height == "45"){
  1187. var selected_h_25 ="";
  1188. var selected_h_30 ="";
  1189. var selected_h_35 ="";
  1190. var selected_h_40 ="";
  1191. var selected_h_45 ="selected=\'selected\'";
  1192. var selected_h_50 ="";
  1193. var selected_h_55 ="";
  1194. var selected_h_60 ="";
  1195. var selected_h_65 ="";
  1196. var selected_h_70 ="";
  1197. var selected_h_75 ="";
  1198. var selected_h_80 ="";
  1199. var selected_h_85 ="";
  1200. var selected_h_90 ="";
  1201. var selected_h_95 ="";
  1202. var selected_h_100 ="";
  1203. var selected_h_105 ="";
  1204. var selected_h_110 ="";
  1205. var selected_h_115 ="";
  1206. var selected_h_120 ="";
  1207. }else if(height == "50"){
  1208. var selected_h_25 ="";
  1209. var selected_h_30 ="";
  1210. var selected_h_35 ="";
  1211. var selected_h_40 ="";
  1212. var selected_h_45 ="";
  1213. var selected_h_50 ="selected=\'selected\'";
  1214. var selected_h_55 ="";
  1215. var selected_h_60 ="";
  1216. var selected_h_65 ="";
  1217. var selected_h_70 ="";
  1218. var selected_h_75 ="";
  1219. var selected_h_80 ="";
  1220. var selected_h_85 ="";
  1221. var selected_h_90 ="";
  1222. var selected_h_95 ="";
  1223. var selected_h_100 ="";
  1224. var selected_h_105 ="";
  1225. var selected_h_110 ="";
  1226. var selected_h_115 ="";
  1227. var selected_h_120 ="";
  1228. }else if(height == "55"){
  1229. var selected_h_25 ="";
  1230. var selected_h_30 ="";
  1231. var selected_h_35 ="";
  1232. var selected_h_40 ="";
  1233. var selected_h_45 ="";
  1234. var selected_h_50 ="";
  1235. var selected_h_55 ="selected=\'selected\'";
  1236. var selected_h_60 ="";
  1237. var selected_h_65 ="";
  1238. var selected_h_70 ="";
  1239. var selected_h_75 ="";
  1240. var selected_h_80 ="";
  1241. var selected_h_85 ="";
  1242. var selected_h_90 ="";
  1243. var selected_h_95 ="";
  1244. var selected_h_100 ="";
  1245. var selected_h_105 ="";
  1246. var selected_h_110 ="";
  1247. var selected_h_115 ="";
  1248. var selected_h_120 ="";
  1249. }else if(height == "60"){
  1250. var selected_h_25 ="";
  1251. var selected_h_30 ="";
  1252. var selected_h_35 ="";
  1253. var selected_h_40 ="";
  1254. var selected_h_45 ="";
  1255. var selected_h_50 ="";
  1256. var selected_h_55 ="";
  1257. var selected_h_60 ="selected=\'selected\'";
  1258. var selected_h_65 ="";
  1259. var selected_h_70 ="";
  1260. var selected_h_75 ="";
  1261. var selected_h_80 ="";
  1262. var selected_h_85 ="";
  1263. var selected_h_90 ="";
  1264. var selected_h_95 ="";
  1265. var selected_h_100 ="";
  1266. var selected_h_105 ="";
  1267. var selected_h_110 ="";
  1268. var selected_h_115 ="";
  1269. var selected_h_120 ="";
  1270. }else if(height == "65"){
  1271. var selected_h_25 ="";
  1272. var selected_h_30 ="";
  1273. var selected_h_35 ="";
  1274. var selected_h_40 ="";
  1275. var selected_h_45 ="";
  1276. var selected_h_50 ="";
  1277. var selected_h_55 ="";
  1278. var selected_h_60 ="";
  1279. var selected_h_65 ="selected=\'selected\'";
  1280. var selected_h_70 ="";
  1281. var selected_h_75 ="";
  1282. var selected_h_80 ="";
  1283. var selected_h_85 ="";
  1284. var selected_h_90 ="";
  1285. var selected_h_95 ="";
  1286. var selected_h_100 ="";
  1287. var selected_h_105 ="";
  1288. var selected_h_110 ="";
  1289. var selected_h_115 ="";
  1290. var selected_h_120 ="";
  1291. }else if(height == "70"){
  1292. var selected_h_25 ="";
  1293. var selected_h_30 ="";
  1294. var selected_h_35 ="";
  1295. var selected_h_40 ="";
  1296. var selected_h_45 ="";
  1297. var selected_h_50 ="";
  1298. var selected_h_55 ="";
  1299. var selected_h_60 ="";
  1300. var selected_h_65 ="";
  1301. var selected_h_70 ="selected=\'selected\'";
  1302. var selected_h_75 ="";
  1303. var selected_h_80 ="";
  1304. var selected_h_85 ="";
  1305. var selected_h_90 ="";
  1306. var selected_h_95 ="";
  1307. var selected_h_100 ="";
  1308. var selected_h_105 ="";
  1309. var selected_h_110 ="";
  1310. var selected_h_115 ="";
  1311. var selected_h_120 ="";
  1312. }else if(height == "75"){
  1313. var selected_h_25 ="";
  1314. var selected_h_30 ="";
  1315. var selected_h_35 ="";
  1316. var selected_h_40 ="";
  1317. var selected_h_45 ="";
  1318. var selected_h_50 ="";
  1319. var selected_h_55 ="";
  1320. var selected_h_60 ="";
  1321. var selected_h_65 ="";
  1322. var selected_h_70 ="";
  1323. var selected_h_75 ="selected=\'selected\'";
  1324. var selected_h_80 ="";
  1325. var selected_h_85 ="";
  1326. var selected_h_90 ="";
  1327. var selected_h_95 ="";
  1328. var selected_h_100 ="";
  1329. var selected_h_105 ="";
  1330. var selected_h_110 ="";
  1331. var selected_h_115 ="";
  1332. var selected_h_120 ="";
  1333. }else if(height == "80"){
  1334. var selected_h_25 ="";
  1335. var selected_h_30 ="";
  1336. var selected_h_35 ="";
  1337. var selected_h_40 ="";
  1338. var selected_h_45 ="";
  1339. var selected_h_50 ="";
  1340. var selected_h_55 ="";
  1341. var selected_h_60 ="";
  1342. var selected_h_65 ="";
  1343. var selected_h_70 ="";
  1344. var selected_h_75 ="";
  1345. var selected_h_80 ="selected=\'selected\'";
  1346. var selected_h_85 ="";
  1347. var selected_h_90 ="";
  1348. var selected_h_95 ="";
  1349. var selected_h_100 ="";
  1350. var selected_h_105 ="";
  1351. var selected_h_110 ="";
  1352. var selected_h_115 ="";
  1353. var selected_h_120 ="";
  1354. }else if(height == "85"){
  1355. var selected_h_25 ="";
  1356. var selected_h_30 ="";
  1357. var selected_h_35 ="";
  1358. var selected_h_40 ="";
  1359. var selected_h_45 ="";
  1360. var selected_h_50 ="";
  1361. var selected_h_55 ="";
  1362. var selected_h_60 ="";
  1363. var selected_h_65 ="";
  1364. var selected_h_70 ="";
  1365. var selected_h_75 ="";
  1366. var selected_h_80 ="";
  1367. var selected_h_85 ="selected=\'selected\'";
  1368. var selected_h_90 ="";
  1369. var selected_h_95 ="";
  1370. var selected_h_100 ="";
  1371. var selected_h_105 ="";
  1372. var selected_h_110 ="";
  1373. var selected_h_115 ="";
  1374. var selected_h_120 ="";
  1375. }else if(height == "90"){
  1376. var selected_h_25 ="";
  1377. var selected_h_30 ="";
  1378. var selected_h_35 ="";
  1379. var selected_h_40 ="";
  1380. var selected_h_45 ="";
  1381. var selected_h_50 ="";
  1382. var selected_h_55 ="";
  1383. var selected_h_60 ="";
  1384. var selected_h_65 ="";
  1385. var selected_h_70 ="";
  1386. var selected_h_75 ="";
  1387. var selected_h_80 ="";
  1388. var selected_h_85 ="";
  1389. var selected_h_90 ="selected=\'selected\'";
  1390. var selected_h_95 ="";
  1391. var selected_h_100 ="";
  1392. var selected_h_105 ="";
  1393. var selected_h_110 ="";
  1394. var selected_h_115 ="";
  1395. var selected_h_120 ="";
  1396. }else if(height == "95"){
  1397. var selected_h_25 ="";
  1398. var selected_h_30 ="";
  1399. var selected_h_35 ="";
  1400. var selected_h_40 ="";
  1401. var selected_h_45 ="";
  1402. var selected_h_50 ="";
  1403. var selected_h_55 ="";
  1404. var selected_h_60 ="";
  1405. var selected_h_65 ="";
  1406. var selected_h_70 ="";
  1407. var selected_h_75 ="";
  1408. var selected_h_80 ="";
  1409. var selected_h_85 ="";
  1410. var selected_h_90 ="";
  1411. var selected_h_95 ="selected=\'selected\'";
  1412. var selected_h_100 ="";
  1413. var selected_h_105 ="";
  1414. var selected_h_110 ="";
  1415. var selected_h_115 ="";
  1416. var selected_h_120 ="";
  1417. }else if(height == "100"){
  1418. var selected_h_25 ="";
  1419. var selected_h_30 ="";
  1420. var selected_h_35 ="";
  1421. var selected_h_40 ="";
  1422. var selected_h_45 ="";
  1423. var selected_h_50 ="";
  1424. var selected_h_55 ="";
  1425. var selected_h_60 ="";
  1426. var selected_h_65 ="";
  1427. var selected_h_70 ="";
  1428. var selected_h_75 ="";
  1429. var selected_h_80 ="";
  1430. var selected_h_85 ="";
  1431. var selected_h_90 ="";
  1432. var selected_h_95 ="";
  1433. var selected_h_100 ="selected=\'selected\'";
  1434. var selected_h_105 ="";
  1435. var selected_h_110 ="";
  1436. var selected_h_115 ="";
  1437. var selected_h_120 ="";
  1438. }else if(height == "105"){
  1439. var selected_h_25 ="";
  1440. var selected_h_30 ="";
  1441. var selected_h_35 ="";
  1442. var selected_h_40 ="";
  1443. var selected_h_45 ="";
  1444. var selected_h_50 ="";
  1445. var selected_h_55 ="";
  1446. var selected_h_60 ="";
  1447. var selected_h_65 ="";
  1448. var selected_h_70 ="";
  1449. var selected_h_75 ="";
  1450. var selected_h_80 ="";
  1451. var selected_h_85 ="";
  1452. var selected_h_90 ="";
  1453. var selected_h_95 ="";
  1454. var selected_h_100 ="";
  1455. var selected_h_105 ="selected=\'selected\'";
  1456. var selected_h_110 ="";
  1457. var selected_h_115 ="";
  1458. var selected_h_120 ="";
  1459. }else if(height == "110"){
  1460. var selected_h_25 ="";
  1461. var selected_h_30 ="";
  1462. var selected_h_35 ="";
  1463. var selected_h_40 ="";
  1464. var selected_h_45 ="";
  1465. var selected_h_50 ="";
  1466. var selected_h_55 ="";
  1467. var selected_h_60 ="";
  1468. var selected_h_65 ="";
  1469. var selected_h_70 ="";
  1470. var selected_h_75 ="";
  1471. var selected_h_80 ="";
  1472. var selected_h_85 ="";
  1473. var selected_h_90 ="";
  1474. var selected_h_95 ="";
  1475. var selected_h_100 ="";
  1476. var selected_h_105 ="";
  1477. var selected_h_110 ="selected=\'selected\'";
  1478. var selected_h_115 ="";
  1479. var selected_h_120 ="";
  1480. }else if(height == "115"){
  1481. var selected_h_25 ="";
  1482. var selected_h_30 ="";
  1483. var selected_h_35 ="";
  1484. var selected_h_40 ="";
  1485. var selected_h_45 ="";
  1486. var selected_h_50 ="";
  1487. var selected_h_55 ="";
  1488. var selected_h_60 ="";
  1489. var selected_h_65 ="";
  1490. var selected_h_70 ="";
  1491. var selected_h_75 ="";
  1492. var selected_h_80 ="";
  1493. var selected_h_85 ="";
  1494. var selected_h_90 ="";
  1495. var selected_h_95 ="";
  1496. var selected_h_100 ="";
  1497. var selected_h_105 ="";
  1498. var selected_h_110 ="";
  1499. var selected_h_115 ="selected=\'selected\'";
  1500. var selected_h_120 ="";
  1501. }else if(height == "120"){
  1502. var selected_h_25 ="";
  1503. var selected_h_30 ="";
  1504. var selected_h_35 ="";
  1505. var selected_h_40 ="";
  1506. var selected_h_45 ="";
  1507. var selected_h_50 ="";
  1508. var selected_h_55 ="";
  1509. var selected_h_60 ="";
  1510. var selected_h_65 ="";
  1511. var selected_h_70 ="";
  1512. var selected_h_75 ="";
  1513. var selected_h_80 ="";
  1514. var selected_h_85 ="";
  1515. var selected_h_90 ="";
  1516. var selected_h_95 ="";
  1517. var selected_h_100 ="";
  1518. var selected_h_105 ="";
  1519. var selected_h_110 ="";
  1520. var selected_h_115 ="";
  1521. var selected_h_120 ="selected=\'selected\'";
  1522. }
  1523. var width = $(this).width();
  1524. if (width == "25"){
  1525. var selected_w_25 ="selected=\'selected\'";
  1526. var selected_w_30 ="";
  1527. var selected_w_35 ="";
  1528. var selected_w_40 ="";
  1529. var selected_w_45 ="";
  1530. var selected_w_50 ="";
  1531. var selected_w_55 ="";
  1532. var selected_w_60 ="";
  1533. var selected_w_65 ="";
  1534. var selected_w_70 ="";
  1535. var selected_w_75 ="";
  1536. var selected_w_80 ="";
  1537. var selected_w_85 ="";
  1538. var selected_w_90 ="";
  1539. var selected_w_95 ="";
  1540. var selected_w_100 ="";
  1541. var selected_w_105 ="";
  1542. var selected_w_110 ="";
  1543. var selected_w_115 ="";
  1544. var selected_w_120 ="";
  1545. }else if(width == "30"){
  1546. var selected_w_25 ="";
  1547. var selected_w_30 ="selected=\'selected\'";
  1548. var selected_w_35 ="";
  1549. var selected_w_40 ="";
  1550. var selected_w_45 ="";
  1551. var selected_w_50 ="";
  1552. var selected_w_55 ="";
  1553. var selected_w_60 ="";
  1554. var selected_w_65 ="";
  1555. var selected_w_70 ="";
  1556. var selected_w_75 ="";
  1557. var selected_w_80 ="";
  1558. var selected_w_85 ="";
  1559. var selected_w_90 ="";
  1560. var selected_w_95 ="";
  1561. var selected_w_100 ="";
  1562. var selected_w_105 ="";
  1563. var selected_w_110 ="";
  1564. var selected_w_115 ="";
  1565. var selected_w_120 ="";
  1566. }else if(width == "35"){
  1567. var selected_w_25 ="";
  1568. var selected_w_30 ="";
  1569. var selected_w_35 ="selected=\'selected\'";
  1570. var selected_w_40 ="";
  1571. var selected_w_45 ="";
  1572. var selected_w_50 ="";
  1573. var selected_w_55 ="";
  1574. var selected_w_60 ="";
  1575. var selected_w_65 ="";
  1576. var selected_w_70 ="";
  1577. var selected_w_75 ="";
  1578. var selected_w_80 ="";
  1579. var selected_w_85 ="";
  1580. var selected_w_90 ="";
  1581. var selected_w_95 ="";
  1582. var selected_w_100 ="";
  1583. var selected_w_105 ="";
  1584. var selected_w_110 ="";
  1585. var selected_w_115 ="";
  1586. var selected_w_120 ="";
  1587. }else if(width == "40"){
  1588. var selected_w_25 ="";
  1589. var selected_w_30 ="";
  1590. var selected_w_35 ="";
  1591. var selected_w_40 ="selected=\'selected\'";
  1592. var selected_w_45 ="";
  1593. var selected_w_50 ="";
  1594. var selected_w_55 ="";
  1595. var selected_w_60 ="";
  1596. var selected_w_65 ="";
  1597. var selected_w_70 ="";
  1598. var selected_w_75 ="";
  1599. var selected_w_80 ="";
  1600. var selected_w_85 ="";
  1601. var selected_w_90 ="";
  1602. var selected_w_95 ="";
  1603. var selected_w_100 ="";
  1604. var selected_w_105 ="";
  1605. var selected_w_110 ="";
  1606. var selected_w_115 ="";
  1607. var selected_w_120 ="";
  1608. }else if(width == "45"){
  1609. var selected_w_25 ="";
  1610. var selected_w_30 ="";
  1611. var selected_w_35 ="";
  1612. var selected_w_40 ="";
  1613. var selected_w_45 ="selected=\'selected\'";
  1614. var selected_w_50 ="";
  1615. var selected_w_55 ="";
  1616. var selected_w_60 ="";
  1617. var selected_w_65 ="";
  1618. var selected_w_70 ="";
  1619. var selected_w_75 ="";
  1620. var selected_w_80 ="";
  1621. var selected_w_85 ="";
  1622. var selected_w_90 ="";
  1623. var selected_w_95 ="";
  1624. var selected_w_100 ="";
  1625. var selected_w_105 ="";
  1626. var selected_w_110 ="";
  1627. var selected_w_115 ="";
  1628. var selected_w_120 ="";
  1629. }else if(width == "50"){
  1630. var selected_w_25 ="";
  1631. var selected_w_30 ="";
  1632. var selected_w_35 ="";
  1633. var selected_w_40 ="";
  1634. var selected_w_45 ="";
  1635. var selected_w_50 ="selected=\'selected\'";
  1636. var selected_w_55 ="";
  1637. var selected_w_60 ="";
  1638. var selected_w_65 ="";
  1639. var selected_w_70 ="";
  1640. var selected_w_75 ="";
  1641. var selected_w_80 ="";
  1642. var selected_w_85 ="";
  1643. var selected_w_90 ="";
  1644. var selected_w_95 ="";
  1645. var selected_w_100 ="";
  1646. var selected_w_105 ="";
  1647. var selected_w_110 ="";
  1648. var selected_w_115 ="";
  1649. var selected_w_120 ="";
  1650. }else if(width == "55"){
  1651. var selected_w_25 ="";
  1652. var selected_w_30 ="";
  1653. var selected_w_35 ="";
  1654. var selected_w_40 ="";
  1655. var selected_w_45 ="";
  1656. var selected_w_50 ="";
  1657. var selected_w_55 ="selected=\'selected\'";
  1658. var selected_w_60 ="";
  1659. var selected_w_65 ="";
  1660. var selected_w_70 ="";
  1661. var selected_w_75 ="";
  1662. var selected_w_80 ="";
  1663. var selected_w_85 ="";
  1664. var selected_w_90 ="";
  1665. var selected_w_95 ="";
  1666. var selected_w_100 ="";
  1667. var selected_w_105 ="";
  1668. var selected_w_110 ="";
  1669. var selected_w_115 ="";
  1670. var selected_w_120 ="";
  1671. }else if(width == "60"){
  1672. var selected_w_25 ="";
  1673. var selected_w_30 ="";
  1674. var selected_w_35 ="";
  1675. var selected_w_40 ="";
  1676. var selected_w_45 ="";
  1677. var selected_w_50 ="";
  1678. var selected_w_55 ="";
  1679. var selected_w_60 ="selected=\'selected\'";
  1680. var selected_w_65 ="";
  1681. var selected_w_70 ="";
  1682. var selected_w_75 ="";
  1683. var selected_w_80 ="";
  1684. var selected_w_85 ="";
  1685. var selected_w_90 ="";
  1686. var selected_w_95 ="";
  1687. var selected_w_100 ="";
  1688. var selected_w_105 ="";
  1689. var selected_w_110 ="";
  1690. var selected_w_115 ="";
  1691. var selected_w_120 ="";
  1692. }else if(width == "65"){
  1693. var selected_w_25 ="";
  1694. var selected_w_30 ="";
  1695. var selected_w_35 ="";
  1696. var selected_w_40 ="";
  1697. var selected_w_45 ="";
  1698. var selected_w_50 ="";
  1699. var selected_w_55 ="";
  1700. var selected_w_60 ="";
  1701. var selected_w_65 ="selected=\'selected\'";
  1702. var selected_w_70 ="";
  1703. var selected_w_75 ="";
  1704. var selected_w_80 ="";
  1705. var selected_w_85 ="";
  1706. var selected_w_90 ="";
  1707. var selected_w_95 ="";
  1708. var selected_w_100 ="";
  1709. var selected_w_105 ="";
  1710. var selected_w_110 ="";
  1711. var selected_w_115 ="";
  1712. var selected_w_120 ="";
  1713. }else if(width == "70"){
  1714. var selected_w_25 ="";
  1715. var selected_w_30 ="";
  1716. var selected_w_35 ="";
  1717. var selected_w_40 ="";
  1718. var selected_w_45 ="";
  1719. var selected_w_50 ="";
  1720. var selected_w_55 ="";
  1721. var selected_w_60 ="";
  1722. var selected_w_65 ="";
  1723. var selected_w_70 ="selected=\'selected\'";
  1724. var selected_w_75 ="";
  1725. var selected_w_80 ="";
  1726. var selected_w_85 ="";
  1727. var selected_w_90 ="";
  1728. var selected_w_95 ="";
  1729. var selected_w_100 ="";
  1730. var selected_w_105 ="";
  1731. var selected_w_110 ="";
  1732. var selected_w_115 ="";
  1733. var selected_w_120 ="";
  1734. }else if(width == "75"){
  1735. var selected_w_25 ="";
  1736. var selected_w_30 ="";
  1737. var selected_w_35 ="";
  1738. var selected_w_40 ="";
  1739. var selected_w_45 ="";
  1740. var selected_w_50 ="";
  1741. var selected_w_55 ="";
  1742. var selected_w_60 ="";
  1743. var selected_w_65 ="";
  1744. var selected_w_70 ="";
  1745. var selected_w_75 ="selected=\'selected\'";
  1746. var selected_w_80 ="";
  1747. var selected_w_85 ="";
  1748. var selected_w_90 ="";
  1749. var selected_w_95 ="";
  1750. var selected_w_100 ="";
  1751. var selected_w_105 ="";
  1752. var selected_w_110 ="";
  1753. var selected_w_115 ="";
  1754. var selected_w_120 ="";
  1755. }else if(width == "80"){
  1756. var selected_w_25 ="";
  1757. var selected_w_30 ="";
  1758. var selected_w_35 ="";
  1759. var selected_w_40 ="";
  1760. var selected_w_45 ="";
  1761. var selected_w_50 ="";
  1762. var selected_w_55 ="";
  1763. var selected_w_60 ="";
  1764. var selected_w_65 ="";
  1765. var selected_w_70 ="";
  1766. var selected_w_75 ="";
  1767. var selected_w_80 ="selected=\'selected\'";
  1768. var selected_w_85 ="";
  1769. var selected_w_90 ="";
  1770. var selected_w_95 ="";
  1771. var selected_w_100 ="";
  1772. var selected_w_105 ="";
  1773. var selected_w_110 ="";
  1774. var selected_w_115 ="";
  1775. var selected_w_120 ="";
  1776. }else if(width == "85"){
  1777. var selected_w_25 ="";
  1778. var selected_w_30 ="";
  1779. var selected_w_35 ="";
  1780. var selected_w_40 ="";
  1781. var selected_w_45 ="";
  1782. var selected_w_50 ="";
  1783. var selected_w_55 ="";
  1784. var selected_w_60 ="";
  1785. var selected_w_65 ="";
  1786. var selected_w_70 ="";
  1787. var selected_w_75 ="";
  1788. var selected_w_80 ="";
  1789. var selected_w_85 ="selected=\'selected\'";
  1790. var selected_w_90 ="";
  1791. var selected_w_95 ="";
  1792. var selected_w_100 ="";
  1793. var selected_w_105 ="";
  1794. var selected_w_110 ="";
  1795. var selected_w_115 ="";
  1796. var selected_w_120 ="";
  1797. }else if(width == "90"){
  1798. var selected_w_25 ="";
  1799. var selected_w_30 ="";
  1800. var selected_w_35 ="";
  1801. var selected_w_40 ="";
  1802. var selected_w_45 ="";
  1803. var selected_w_50 ="";
  1804. var selected_w_55 ="";
  1805. var selected_w_60 ="";
  1806. var selected_w_65 ="";
  1807. var selected_w_70 ="";
  1808. var selected_w_75 ="";
  1809. var selected_w_80 ="";
  1810. var selected_w_85 ="";
  1811. var selected_w_90 ="selected=\'selected\'";
  1812. var selected_w_95 ="";
  1813. var selected_w_100 ="";
  1814. var selected_w_105 ="";
  1815. var selected_w_110 ="";
  1816. var selected_w_115 ="";
  1817. var selected_w_120 ="";
  1818. }else if(width == "95"){
  1819. var selected_w_25 ="";
  1820. var selected_w_30 ="";
  1821. var selected_w_35 ="";
  1822. var selected_w_40 ="";
  1823. var selected_w_45 ="";
  1824. var selected_w_50 ="";
  1825. var selected_w_55 ="";
  1826. var selected_w_60 ="";
  1827. var selected_w_65 ="";
  1828. var selected_w_70 ="";
  1829. var selected_w_75 ="";
  1830. var selected_w_80 ="";
  1831. var selected_w_85 ="";
  1832. var selected_w_90 ="";
  1833. var selected_w_95 ="selected=\'selected\'";
  1834. var selected_w_100 ="";
  1835. var selected_w_105 ="";
  1836. var selected_w_110 ="";
  1837. var selected_w_115 ="";
  1838. var selected_w_120 ="";
  1839. }else if(width == "100"){
  1840. var selected_w_25 ="";
  1841. var selected_w_30 ="";
  1842. var selected_w_35 ="";
  1843. var selected_w_40 ="";
  1844. var selected_w_45 ="";
  1845. var selected_w_50 ="";
  1846. var selected_w_55 ="";
  1847. var selected_w_60 ="";
  1848. var selected_w_65 ="";
  1849. var selected_w_70 ="";
  1850. var selected_w_75 ="";
  1851. var selected_w_80 ="";
  1852. var selected_w_85 ="";
  1853. var selected_w_90 ="";
  1854. var selected_w_95 ="";
  1855. var selected_w_100 ="selected=\'selected\'";
  1856. var selected_w_105 ="";
  1857. var selected_w_110 ="";
  1858. var selected_w_115 ="";
  1859. var selected_w_120 ="";
  1860. }else if(width == "105"){
  1861. var selected_w_25 ="";
  1862. var selected_w_30 ="";
  1863. var selected_w_35 ="";
  1864. var selected_w_40 ="";
  1865. var selected_w_45 ="";
  1866. var selected_w_50 ="";
  1867. var selected_w_55 ="";
  1868. var selected_w_60 ="";
  1869. var selected_w_65 ="";
  1870. var selected_w_70 ="";
  1871. var selected_w_75 ="";
  1872. var selected_w_80 ="";
  1873. var selected_w_85 ="";
  1874. var selected_w_90 ="";
  1875. var selected_w_95 ="";
  1876. var selected_w_100 ="";
  1877. var selected_w_105 ="selected=\'selected\'";
  1878. var selected_w_110 ="";
  1879. var selected_w_115 ="";
  1880. var selected_w_120 ="";
  1881. }else if(width == "110"){
  1882. var selected_w_25 ="";
  1883. var selected_w_30 ="";
  1884. var selected_w_35 ="";
  1885. var selected_w_40 ="";
  1886. var selected_w_45 ="";
  1887. var selected_w_50 ="";
  1888. var selected_w_55 ="";
  1889. var selected_w_60 ="";
  1890. var selected_w_65 ="";
  1891. var selected_w_70 ="";
  1892. var selected_w_75 ="";
  1893. var selected_w_80 ="";
  1894. var selected_w_85 ="";
  1895. var selected_w_90 ="";
  1896. var selected_w_95 ="";
  1897. var selected_w_100 ="";
  1898. var selected_w_105 ="";
  1899. var selected_w_110 ="selected=\'selected\'";
  1900. var selected_w_115 ="";
  1901. var selected_w_120 ="";
  1902. }else if(width == "115"){
  1903. var selected_w_25 ="";
  1904. var selected_w_30 ="";
  1905. var selected_w_35 ="";
  1906. var selected_w_40 ="";
  1907. var selected_w_45 ="";
  1908. var selected_w_50 ="";
  1909. var selected_w_55 ="";
  1910. var selected_w_60 ="";
  1911. var selected_w_65 ="";
  1912. var selected_w_70 ="";
  1913. var selected_w_75 ="";
  1914. var selected_w_80 ="";
  1915. var selected_w_85 ="";
  1916. var selected_w_90 ="";
  1917. var selected_w_95 ="";
  1918. var selected_w_100 ="";
  1919. var selected_w_105 ="";
  1920. var selected_w_110 ="";
  1921. var selected_w_115 ="selected=\'selected\'";
  1922. var selected_w_120 ="";
  1923. }else if(width == "120"){
  1924. var selected_w_25 ="";
  1925. var selected_w_30 ="";
  1926. var selected_w_35 ="";
  1927. var selected_w_40 ="";
  1928. var selected_w_45 ="";
  1929. var selected_w_50 ="";
  1930. var selected_w_55 ="";
  1931. var selected_w_60 ="";
  1932. var selected_w_65 ="";
  1933. var selected_w_70 ="";
  1934. var selected_w_75 ="";
  1935. var selected_w_80 ="";
  1936. var selected_w_85 ="";
  1937. var selected_w_90 ="";
  1938. var selected_w_95 ="";
  1939. var selected_w_100 ="";
  1940. var selected_w_105 ="";
  1941. var selected_w_110 ="";
  1942. var selected_w_115 ="";
  1943. var selected_w_120 ="selected=\'selected\'";
  1944. }
  1945. var top = Math.floor(pos.top);
  1946. var left = Math.floor(pos.left);
  1947. $('#properties_box').html('<h4>Table #'+table_num+' Properties</h4>\
  1948. Edit the Properties of your Table below<br>\
  1949. <form class=\'form_small\' name=\'properties\' id=\'properties\' method=\'post\' action=\'edit_save_properties.php\'>\
  1950. <!--\\Edit FORM For NEW Table//-->\
  1951. <input type="hidden" name="table_num" id="table_num" value="'+table_num+'">\
  1952. <input type=\'hidden\' name=\'map_id\' id=\'map_id\' value=\'<?php echo $map_id;?>\'>\
  1953. <input type=\'hidden\' name=\'merchant\' id=\'merchant\' value=\'<?php echo $client_code;?>\'>\
  1954. <div><label class="long">Table Number:</label>\
  1955. <input type="text" name="new_table_num" id="new_table_num" class="input" length="5" value="'+table_num+'">\
  1956. </div>\
  1957. <div><label class="long">Table Capacity:</label>\
  1958. <input type="text" name="capacity" id="capacity" class="input" length="5" value="">\
  1959. </div>\
  1960. <div><label class="long">Table Width:<br><small>No more than 120</small></label>\
  1961. <select name=\'width\' id=\'width\'>\
  1962. <option value=\'25\' '+selected_w_25+'>25</option>\
  1963. <option value=\'30\' '+selected_w_30+'>30</option>\
  1964. <option value=\'35\' '+selected_w_35+'>35</option>\
  1965. <option value=\'40\' '+selected_w_40+'>40</option>\
  1966. <option value=\'45\' '+selected_w_45+'>45</option>\
  1967. <option value=\'50\' '+selected_w_50+'>50</option>\
  1968. <option value=\'55\' '+selected_w_55+'>55</option>\
  1969. <option value=\'60\' '+selected_w_60+'>60</option>\
  1970. <option value=\'65\' '+selected_w_65+'>65</option>\
  1971. <option value=\'70\' '+selected_w_70+'>70</option>\
  1972. <option value=\'75\' '+selected_w_75+'>75</option>\
  1973. <option value=\'80\' '+selected_w_80+'>80</option>\
  1974. <option value=\'85\' '+selected_w_85+'>85</option>\
  1975. <option value=\'90\' '+selected_w_90+'>90</option>\
  1976. <option value=\'95\' '+selected_w_95+'>95</option>\
  1977. <option value=\'100\' '+selected_w_100+'>100</option>\
  1978. <option value=\'105\' '+selected_w_105+'>105</option>\
  1979. <option value=\'110\' '+selected_w_110+'>110</option>\
  1980. <option value=\'115\' '+selected_w_115+'>115</option>\
  1981. <option value=\'120\' '+selected_w_120+'>120</option>\
  1982. </option>\
  1983. </select>\
  1984. </div>\
  1985. <div><label class="long">Table Height:<br><small>No More than 120</small></label>\
  1986. <select name=\'height\' id=\'height\'>\
  1987. <option value=\'25\' '+selected_h_25+'>25</option>\
  1988. <option value=\'30\' '+selected_h_30+'>30</option>\
  1989. <option value=\'35\' '+selected_h_35+'>35</option>\
  1990. <option value=\'40\' '+selected_h_40+'>40</option>\
  1991. <option value=\'45\' '+selected_h_45+'>45</option>\
  1992. <option value=\'50\' '+selected_h_50+'>50</option>\
  1993. <option value=\'55\' '+selected_h_55+'>55</option>\
  1994. <option value=\'60\' '+selected_h_60+'>60</option>\
  1995. <option value=\'65\' '+selected_h_65+'>65</option>\
  1996. <option value=\'70\' '+selected_h_70+'>70</option>\
  1997. <option value=\'75\' '+selected_h_75+'>75</option>\
  1998. <option value=\'80\' '+selected_h_80+'>80</option>\
  1999. <option value=\'85\' '+selected_h_85+'>85</option>\
  2000. <option value=\'90\' '+selected_h_90+'>90</option>\
  2001. <option value=\'95\' '+selected_h_95+'>95</option>\
  2002. <option value=\'100\' '+selected_h_100+'>100</option>\
  2003. <option value=\'105\' '+selected_h_105+'>105</option>\
  2004. <option value=\'110\' '+selected_h_110+'>110</option>\
  2005. <option value=\'115\' '+selected_h_115+'>115</option>\
  2006. <option value=\'120\' '+selected_h_120+'>120</option>\
  2007. </option>\
  2008. </select>\
  2009. </div>\
  2010. <div '+orient_display+'><label class="long">Table Orientation:</label>\
  2011. <select name="rotation" id="rotation">\
  2012. <option value="0">None</option>\
  2013. <option value="45">+45 &deg;</option>\
  2014. <option value="-45">-45 &deg;</option>\
  2015. </option>\
  2016. </select>\
  2017. </div>\
  2018. <div><label class="long">Table Shape:</label>\
  2019. <select name="shape" id="shape">\
  2020. <option value="table_rnd" '+shape_rnd_selected+'>Round / Elliptical</option>\
  2021. <option value="table_sqr" '+shape_sqr_selected+'>Square / Rectangle</option>\
  2022. </option>\
  2023. </select>\
  2024. </div>\
  2025. <button id="save_table" class="button submit blue">Save Table</button>\
  2026. </form>');
  2027. $('#properties_box').fadeToggle("slow");
  2028. //Save the Editted Table Properties
  2029. $("#save_table").click(function () {
  2030. $('#properties_box').fadeToggle("slow");
  2031. });
  2032. });
  2033. //Increment the Counter
  2034. $("#counter").val(parseInt($("#counter").val()) + parseInt(1));
  2035. //This is Where we save the Dropped Table Information
  2036. //Detects what type of Table We have
  2037. if ($("#item"+table_num).is('.table_rnd')) {
  2038. //alert("Table"+table_num+" is Round!");
  2039. var shape = 'table_rnd';
  2040. } else {
  2041. //alert("Table"+table_num+" is Square!");
  2042. var shape = 'table_sqr';
  2043. }
  2044. //This is the Recalibration to set Coordinates back to 'Original' Position
  2045. pos.top = (parseInt(pos.top) - parseInt(70));
  2046. pos.left = pos.left;
  2047. //Save Data to the Database and Notify
  2048. var uri = 'save_table.php?left='+Math.floor(pos.left)+'&top='+Math.floor(pos.top)+'&shape='+shape+'&tbl_num='+table_num+'&map=<?php echo $map_id;?>&merchant=<?php echo $client_code;?>';
  2049. $.ajax({
  2050. url: uri,
  2051. success: function(){
  2052. $('.status #notice').html('<p><span>Your Table #'+table_num+' was Added!</span>');
  2053. $(".status").fadeIn('500');
  2054. }
  2055. });
  2056. //This is Our Debug information at the end of the functuoin
  2057. console.log("New Table:"+table_num+" Added. Specifications: H:"+height+" W:"+width+" T:" +top+" L: "+left+" Shape: "+shape);
  2058. console.log("Counter Incremented to: "+$("#counter").val());
  2059. }
  2060. //End
  2061. });
  2062. $(".product").draggable({
  2063. helper: 'clone',
  2064. containment: '.floorplan',
  2065. cursor: 'hand',
  2066. snap: 'true',
  2067. grid: [5,5]
  2068. });
  2069. });
  2070. //End New Items
  2071. </script>
  2072. <!---\\ End JavaScripts//--->
  2073. </head>
  2074. <body style="font-size:62.5%;">
  2075. <div style="width: 884px; clear: both; float: left;">
  2076. <!--\\Actual Editor//-->
  2077. <div id="products">
  2078. <span class="size18 black_text" id="title" style="width: 836px; height: 27px;">
  2079. <form class="form_inline_floorplan">
  2080. <div><label class="dark_grey_text size14">Editing:</label>
  2081. <input type="text" name="floorplan_name" id="floorplan_name" value="<?php echo $floorplan;?>" class="green_text edit_text">
  2082. </div>
  2083. </form>
  2084. <form class="form_inline">
  2085. <div><label class="dark_grey_text size14">Table Number:</label>
  2086. <input type="text" name="counter" id="counter" class="input" length="5" value="<?php echo $max_tbl_num;?>">
  2087. </div>
  2088. </form>
  2089. <form class="form_inline_tables">
  2090. <div><label class="dark_grey_text size14">Table Types:</label>
  2091. <div id="productid_1" rel="" class="product table_sqr" ></div>
  2092. <div id="productid_2" rel="" class="product table_rnd" ></div>
  2093. </div>
  2094. </form>
  2095. </span>
  2096. </div>
  2097. <div id="container" class="floorplan" style="clear: both; float: left; background-image: url('<?php echo $client_image . $map_id. $client_image_ext ?>'); background-repeat:no-repeat; background-position: 0 9.5px;">
  2098. <?php
  2099. $get_coords = mysql_query("SELECT * FROM all_tables where map='$map_id' and merchant='$client_code' and table_num not like 'M%'",$link);
  2100. while($row = mysql_fetch_array($get_coords)) {
  2101. $id = $row['id'];
  2102. $x = $row['coord_x']; //Horizontal Position -Ajusted for new layout
  2103. $y = (70 + $row['coord_y']);//Vertical Position - adjausted for new layout
  2104. $width = $row['size_x'];
  2105. if ($width == "25"){
  2106. $selected_w_25 ="selected=\'selected\'";
  2107. $selected_w_30 ="";
  2108. $selected_w_35 ="";
  2109. $selected_w_40 ="";
  2110. $selected_w_45 ="";
  2111. $selected_w_50 ="";
  2112. $selected_w_55 ="";
  2113. $selected_w_60 ="";
  2114. $selected_w_65 ="";
  2115. $selected_w_70 ="";
  2116. $selected_w_75 ="";
  2117. $selected_w_80 ="";
  2118. $selected_w_85 ="";
  2119. $selected_w_90 ="";
  2120. $selected_w_95 ="";
  2121. $selected_w_100 ="";
  2122. $selected_w_105 ="";
  2123. $selected_w_110 ="";
  2124. $selected_w_115 ="";
  2125. $selected_w_120 ="";
  2126. }else if($width == "30"){
  2127. $selected_w_25 ="";
  2128. $selected_w_30 ="selected=\'selected\'";
  2129. $selected_w_35 ="";
  2130. $selected_w_40 ="";
  2131. $selected_w_45 ="";
  2132. $selected_w_50 ="";
  2133. $selected_w_55 ="";
  2134. $selected_w_60 ="";
  2135. $selected_w_65 ="";
  2136. $selected_w_70 ="";
  2137. $selected_w_75 ="";
  2138. $selected_w_80 ="";
  2139. $selected_w_85 ="";
  2140. $selected_w_90 ="";
  2141. $selected_w_95 ="";
  2142. $selected_w_100 ="";
  2143. $selected_w_105 ="";
  2144. $selected_w_110 ="";
  2145. $selected_w_115 ="";
  2146. $selected_w_120 ="";
  2147. }else if($width == "35"){
  2148. $selected_w_25 ="";
  2149. $selected_w_30 ="";
  2150. $selected_w_35 ="selected=\'selected\'";
  2151. $selected_w_40 ="";
  2152. $selected_w_45 ="";
  2153. $selected_w_50 ="";
  2154. $selected_w_55 ="";
  2155. $selected_w_60 ="";
  2156. $selected_w_65 ="";
  2157. $selected_w_70 ="";
  2158. $selected_w_75 ="";
  2159. $selected_w_80 ="";
  2160. $selected_w_85 ="";
  2161. $selected_w_90 ="";
  2162. $selected_w_95 ="";
  2163. $selected_w_100 ="";
  2164. $selected_w_105 ="";
  2165. $selected_w_110 ="";
  2166. $selected_w_115 ="";
  2167. $selected_w_120 ="";
  2168. }else if($width == "40"){
  2169. $selected_w_25 ="";
  2170. $selected_w_30 ="";
  2171. $selected_w_35 ="";
  2172. $selected_w_40 ="selected=\'selected\'";
  2173. $selected_w_45 ="";
  2174. $selected_w_50 ="";
  2175. $selected_w_55 ="";
  2176. $selected_w_60 ="";
  2177. $selected_w_65 ="";
  2178. $selected_w_70 ="";
  2179. $selected_w_75 ="";
  2180. $selected_w_80 ="";
  2181. $selected_w_85 ="";
  2182. $selected_w_90 ="";
  2183. $selected_w_95 ="";
  2184. $selected_w_100 ="";
  2185. $selected_w_105 ="";
  2186. $selected_w_110 ="";
  2187. $selected_w_115 ="";
  2188. $selected_w_120 ="";
  2189. }else if($width == "45"){
  2190. $selected_w_25 ="";
  2191. $selected_w_30 ="";
  2192. $selected_w_35 ="";
  2193. $selected_w_40 ="";
  2194. $selected_w_45 ="selected=\'selected\'";
  2195. $selected_w_50 ="";
  2196. $selected_w_55 ="";
  2197. $selected_w_60 ="";
  2198. $selected_w_65 ="";
  2199. $selected_w_70 ="";
  2200. $selected_w_75 ="";
  2201. $selected_w_80 ="";
  2202. $selected_w_85 ="";
  2203. $selected_w_90 ="";
  2204. $selected_w_95 ="";
  2205. $selected_w_100 ="";
  2206. $selected_w_105 ="";
  2207. $selected_w_110 ="";
  2208. $selected_w_115 ="";
  2209. $selected_w_120 ="";
  2210. }else if($width == "50"){
  2211. $selected_w_25 ="";
  2212. $selected_w_30 ="";
  2213. $selected_w_35 ="";
  2214. $selected_w_40 ="";
  2215. $selected_w_45 ="";
  2216. $selected_w_50 ="selected=\'selected\'";
  2217. $selected_w_55 ="";
  2218. $selected_w_60 ="";
  2219. $selected_w_65 ="";
  2220. $selected_w_70 ="";
  2221. $selected_w_75 ="";
  2222. $selected_w_80 ="";
  2223. $selected_w_85 ="";
  2224. $selected_w_90 ="";
  2225. $selected_w_95 ="";
  2226. $selected_w_100 ="";
  2227. $selected_w_105 ="";
  2228. $selected_w_110 ="";
  2229. $selected_w_115 ="";
  2230. $selected_w_120 ="";
  2231. }else if($width == "55"){
  2232. $selected_w_25 ="";
  2233. $selected_w_30 ="";
  2234. $selected_w_35 ="";
  2235. $selected_w_40 ="";
  2236. $selected_w_45 ="";
  2237. $selected_w_50 ="";
  2238. $selected_w_55 ="selected=\'selected\'";
  2239. $selected_w_60 ="";
  2240. $selected_w_65 ="";
  2241. $selected_w_70 ="";
  2242. $selected_w_75 ="";
  2243. $selected_w_80 ="";
  2244. $selected_w_85 ="";
  2245. $selected_w_90 ="";
  2246. $selected_w_95 ="";
  2247. $selected_w_100 ="";
  2248. $selected_w_105 ="";
  2249. $selected_w_110 ="";
  2250. $selected_w_115 ="";
  2251. $selected_w_120 ="";
  2252. }else if($width == "60"){
  2253. $selected_w_25 ="";
  2254. $selected_w_30 ="";
  2255. $selected_w_35 ="";
  2256. $selected_w_40 ="";
  2257. $selected_w_45 ="";
  2258. $selected_w_50 ="";
  2259. $selected_w_55 ="";
  2260. $selected_w_60 ="selected=\'selected\'";
  2261. $selected_w_65 ="";
  2262. $selected_w_70 ="";
  2263. $selected_w_75 ="";
  2264. $selected_w_80 ="";
  2265. $selected_w_85 ="";
  2266. $selected_w_90 ="";
  2267. $selected_w_95 ="";
  2268. $selected_w_100 ="";
  2269. $selected_w_105 ="";
  2270. $selected_w_110 ="";
  2271. $selected_w_115 ="";
  2272. $selected_w_120 ="";
  2273. }else if($width == "65"){
  2274. $selected_w_25 ="";
  2275. $selected_w_30 ="";
  2276. $selected_w_35 ="";
  2277. $selected_w_40 ="";
  2278. $selected_w_45 ="";
  2279. $selected_w_50 ="";
  2280. $selected_w_55 ="";
  2281. $selected_w_60 ="";
  2282. $selected_w_65 ="selected=\'selected\'";
  2283. $selected_w_70 ="";
  2284. $selected_w_75 ="";
  2285. $selected_w_80 ="";
  2286. $selected_w_85 ="";
  2287. $selected_w_90 ="";
  2288. $selected_w_95 ="";
  2289. $selected_w_100 ="";
  2290. $selected_w_105 ="";
  2291. $selected_w_110 ="";
  2292. $selected_w_115 ="";
  2293. $selected_w_120 ="";
  2294. }else if($width == "70"){
  2295. $selected_w_25 ="";
  2296. $selected_w_30 ="";
  2297. $selected_w_35 ="";
  2298. $selected_w_40 ="";
  2299. $selected_w_45 ="";
  2300. $selected_w_50 ="";
  2301. $selected_w_55 ="";
  2302. $selected_w_60 ="";
  2303. $selected_w_65 ="";
  2304. $selected_w_70 ="selected=\'selected\'";
  2305. $selected_w_75 ="";
  2306. $selected_w_80 ="";
  2307. $selected_w_85 ="";
  2308. $selected_w_90 ="";
  2309. $selected_w_95 ="";
  2310. $selected_w_100 ="";
  2311. $selected_w_105 ="";
  2312. $selected_w_110 ="";
  2313. $selected_w_115 ="";
  2314. $selected_w_120 ="";
  2315. }else if($width == "75"){
  2316. $selected_w_25 ="";
  2317. $selected_w_30 ="";
  2318. $selected_w_35 ="";
  2319. $selected_w_40 ="";
  2320. $selected_w_45 ="";
  2321. $selected_w_50 ="";
  2322. $selected_w_55 ="";
  2323. $selected_w_60 ="";
  2324. $selected_w_65 ="";
  2325. $selected_w_70 ="";
  2326. $selected_w_75 ="selected=\'selected\'";
  2327. $selected_w_80 ="";
  2328. $selected_w_85 ="";
  2329. $selected_w_90 ="";
  2330. $selected_w_95 ="";
  2331. $selected_w_100 ="";
  2332. $selected_w_105 ="";
  2333. $selected_w_110 ="";
  2334. $selected_w_115 ="";
  2335. $selected_w_120 ="";
  2336. }else if($width == "80"){
  2337. $selected_w_25 ="";
  2338. $selected_w_30 ="";
  2339. $selected_w_35 ="";
  2340. $selected_w_40 ="";
  2341. $selected_w_45 ="";
  2342. $selected_w_50 ="";
  2343. $selected_w_55 ="";
  2344. $selected_w_60 ="";
  2345. $selected_w_65 ="";
  2346. $selected_w_70 ="";
  2347. $selected_w_75 ="";
  2348. $selected_w_80 ="selected=\'selected\'";
  2349. $selected_w_85 ="";
  2350. $selected_w_90 ="";
  2351. $selected_w_95 ="";
  2352. $selected_w_100 ="";
  2353. $selected_w_105 ="";
  2354. $selected_w_110 ="";
  2355. $selected_w_115 ="";
  2356. $selected_w_120 ="";
  2357. }else if($width == "85"){
  2358. $selected_w_25 ="";
  2359. $selected_w_30 ="";
  2360. $selected_w_35 ="";
  2361. $selected_w_40 ="";
  2362. $selected_w_45 ="";
  2363. $selected_w_50 ="";
  2364. $selected_w_55 ="";
  2365. $selected_w_60 ="";
  2366. $selected_w_65 ="";
  2367. $selected_w_70 ="";
  2368. $selected_w_75 ="";
  2369. $selected_w_80 ="";
  2370. $selected_w_85 ="selected=\'selected\'";
  2371. $selected_w_90 ="";
  2372. $selected_w_95 ="";
  2373. $selected_w_100 ="";
  2374. $selected_w_105 ="";
  2375. $selected_w_110 ="";
  2376. $selected_w_115 ="";
  2377. $selected_w_120 ="";
  2378. }else if($width == "90"){
  2379. $selected_w_25 ="";
  2380. $selected_w_30 ="";
  2381. $selected_w_35 ="";
  2382. $selected_w_40 ="";
  2383. $selected_w_45 ="";
  2384. $selected_w_50 ="";
  2385. $selected_w_55 ="";
  2386. $selected_w_60 ="";
  2387. $selected_w_65 ="";
  2388. $selected_w_70 ="";
  2389. $selected_w_75 ="";
  2390. $selected_w_80 ="";
  2391. $selected_w_85 ="";
  2392. $selected_w_90 ="selected=\'selected\'";
  2393. $selected_w_95 ="";
  2394. $selected_w_100 ="";
  2395. $selected_w_105 ="";
  2396. $selected_w_110 ="";
  2397. $selected_w_115 ="";
  2398. $selected_w_120 ="";
  2399. }else if($width == "95"){
  2400. $selected_w_25 ="";
  2401. $selected_w_30 ="";
  2402. $selected_w_35 ="";
  2403. $selected_w_40 ="";
  2404. $selected_w_45 ="";
  2405. $selected_w_50 ="";
  2406. $selected_w_55 ="";
  2407. $selected_w_60 ="";
  2408. $selected_w_65 ="";
  2409. $selected_w_70 ="";
  2410. $selected_w_75 ="";
  2411. $selected_w_80 ="";
  2412. $selected_w_85 ="";
  2413. $selected_w_90 ="";
  2414. $selected_w_95 ="selected=\'selected\'";
  2415. $selected_w_100 ="";
  2416. $selected_w_105 ="";
  2417. $selected_w_110 ="";
  2418. $selected_w_115 ="";
  2419. $selected_w_120 ="";
  2420. }else if($width == "100"){
  2421. $selected_w_25 ="";
  2422. $selected_w_30 ="";
  2423. $selected_w_35 ="";
  2424. $selected_w_40 ="";
  2425. $selected_w_45 ="";
  2426. $selected_w_50 ="";
  2427. $selected_w_55 ="";
  2428. $selected_w_60 ="";
  2429. $selected_w_65 ="";
  2430. $selected_w_70 ="";
  2431. $selected_w_75 ="";
  2432. $selected_w_80 ="";
  2433. $selected_w_85 ="";
  2434. $selected_w_90 ="";
  2435. $selected_w_95 ="";
  2436. $selected_w_100 ="selected=\'selected\'";
  2437. $selected_w_105 ="";
  2438. $selected_w_110 ="";
  2439. $selected_w_115 ="";
  2440. $selected_w_120 ="";
  2441. }else if($width == "105"){
  2442. $selected_w_25 ="";
  2443. $selected_w_30 ="";
  2444. $selected_w_35 ="";
  2445. $selected_w_40 ="";
  2446. $selected_w_45 ="";
  2447. $selected_w_50 ="";
  2448. $selected_w_55 ="";
  2449. $selected_w_60 ="";
  2450. $selected_w_65 ="";
  2451. $selected_w_70 ="";
  2452. $selected_w_75 ="";
  2453. $selected_w_80 ="";
  2454. $selected_w_85 ="";
  2455. $selected_w_90 ="";
  2456. $selected_w_95 ="";
  2457. $selected_w_100 ="";
  2458. $selected_w_105 ="selected=\'selected\'";
  2459. $selected_w_110 ="";
  2460. $selected_w_115 ="";
  2461. $selected_w_120 ="";
  2462. }else if($width == "110"){
  2463. $selected_w_25 ="";
  2464. $selected_w_30 ="";
  2465. $selected_w_35 ="";
  2466. $selected_w_40 ="";
  2467. $selected_w_45 ="";
  2468. $selected_w_50 ="";
  2469. $selected_w_55 ="";
  2470. $selected_w_60 ="";
  2471. $selected_w_65 ="";
  2472. $selected_w_70 ="";
  2473. $selected_w_75 ="";
  2474. $selected_w_80 ="";
  2475. $selected_w_85 ="";
  2476. $selected_w_90 ="";
  2477. $selected_w_95 ="";
  2478. $selected_w_100 ="";
  2479. $selected_w_105 ="";
  2480. $selected_w_110 ="selected=\'selected\'";
  2481. $selected_w_115 ="";
  2482. $selected_w_120 ="";
  2483. }else if($width == "115"){
  2484. $selected_w_25 ="";
  2485. $selected_w_30 ="";
  2486. $selected_w_35 ="";
  2487. $selected_w_40 ="";
  2488. $selected_w_45 ="";
  2489. $selected_w_50 ="";
  2490. $selected_w_55 ="";
  2491. $selected_w_60 ="";
  2492. $selected_w_65 ="";
  2493. $selected_w_70 ="";
  2494. $selected_w_75 ="";
  2495. $selected_w_80 ="";
  2496. $selected_w_85 ="";
  2497. $selected_w_90 ="";
  2498. $selected_w_95 ="";
  2499. $selected_w_100 ="";
  2500. $selected_w_105 ="";
  2501. $selected_w_110 ="";
  2502. $selected_w_115 ="selected=\'selected\'";
  2503. $selected_w_120 ="";
  2504. }else if($width == "120"){
  2505. $selected_w_25 ="";
  2506. $selected_w_30 ="";
  2507. $selected_w_35 ="";
  2508. $selected_w_40 ="";
  2509. $selected_w_45 ="";
  2510. $selected_w_50 ="";
  2511. $selected_w_55 ="";
  2512. $selected_w_60 ="";
  2513. $selected_w_65 ="";
  2514. $selected_w_70 ="";
  2515. $selected_w_75 ="";
  2516. $selected_w_80 ="";
  2517. $selected_w_85 ="";
  2518. $selected_w_90 ="";
  2519. $selected_w_95 ="";
  2520. $selected_w_100 ="";
  2521. $selected_w_105 ="";
  2522. $selected_w_110 ="";
  2523. $selected_w_115 ="";
  2524. $selected_w_120 ="selected=\'selected\'";
  2525. }
  2526. $height = $row['size_y'];
  2527. if ($height == "25"){
  2528. $selected_h_25 ="selected=\'selected\'";
  2529. $selected_h_30 ="";
  2530. $selected_h_35 ="";
  2531. $selected_h_40 ="";
  2532. $selected_h_45 ="";
  2533. $selected_h_50 ="";
  2534. $selected_h_55 ="";
  2535. $selected_h_60 ="";
  2536. $selected_h_65 ="";
  2537. $selected_h_70 ="";
  2538. $selected_h_75 ="";
  2539. $selected_h_80 ="";
  2540. $selected_h_85 ="";
  2541. $selected_h_90 ="";
  2542. $selected_h_95 ="";
  2543. $selected_h_100 ="";
  2544. $selected_h_105 ="";
  2545. $selected_h_110 ="";
  2546. $selected_h_115 ="";
  2547. $selected_h_120 ="";
  2548. }else if($height == "30"){
  2549. $selected_h_25 ="";
  2550. $selected_h_30 ="selected=\'selected\'";
  2551. $selected_h_35 ="";
  2552. $selected_h_40 ="";
  2553. $selected_h_45 ="";
  2554. $selected_h_50 ="";
  2555. $selected_h_55 ="";
  2556. $selected_h_60 ="";
  2557. $selected_h_65 ="";
  2558. $selected_h_70 ="";
  2559. $selected_h_75 ="";
  2560. $selected_h_80 ="";
  2561. $selected_h_85 ="";
  2562. $selected_h_90 ="";
  2563. $selected_h_95 ="";
  2564. $selected_h_100 ="";
  2565. $selected_h_105 ="";
  2566. $selected_h_110 ="";
  2567. $selected_h_115 ="";
  2568. $selected_h_120 ="";
  2569. }else if($height == "35"){
  2570. $selected_h_25 ="";
  2571. $selected_h_30 ="";
  2572. $selected_h_35 ="selected=\'selected\'";
  2573. $selected_h_40 ="";
  2574. $selected_h_45 ="";
  2575. $selected_h_50 ="";
  2576. $selected_h_55 ="";
  2577. $selected_h_60 ="";
  2578. $selected_h_65 ="";
  2579. $selected_h_70 ="";
  2580. $selected_h_75 ="";
  2581. $selected_h_80 ="";
  2582. $selected_h_85 ="";
  2583. $selected_h_90 ="";
  2584. $selected_h_95 ="";
  2585. $selected_h_100 ="";
  2586. $selected_h_105 ="";
  2587. $selected_h_110 ="";
  2588. $selected_h_115 ="";
  2589. $selected_h_120 ="";
  2590. }else if($height == "40"){
  2591. $selected_h_25 ="";
  2592. $selected_h_30 ="";
  2593. $selected_h_35 ="";
  2594. $selected_h_40 ="selected=\'selected\'";
  2595. $selected_h_45 ="";
  2596. $selected_h_50 ="";
  2597. $selected_h_55 ="";
  2598. $selected_h_60 ="";
  2599. $selected_h_65 ="";
  2600. $selected_h_70 ="";
  2601. $selected_h_75 ="";
  2602. $selected_h_80 ="";
  2603. $selected_h_85 ="";
  2604. $selected_h_90 ="";
  2605. $selected_h_95 ="";
  2606. $selected_h_100 ="";
  2607. $selected_h_105 ="";
  2608. $selected_h_110 ="";
  2609. $selected_h_115 ="";
  2610. $selected_h_120 ="";
  2611. }else if($height == "45"){
  2612. $selected_h_25 ="";
  2613. $selected_h_30 ="";
  2614. $selected_h_35 ="";
  2615. $selected_h_40 ="";
  2616. $selected_h_45 ="selected=\'selected\'";
  2617. $selected_h_50 ="";
  2618. $selected_h_55 ="";
  2619. $selected_h_60 ="";
  2620. $selected_h_65 ="";
  2621. $selected_h_70 ="";
  2622. $selected_h_75 ="";
  2623. $selected_h_80 ="";
  2624. $selected_h_85 ="";
  2625. $selected_h_90 ="";
  2626. $selected_h_95 ="";
  2627. $selected_h_100 ="";
  2628. $selected_h_105 ="";
  2629. $selected_h_110 ="";
  2630. $selected_h_115 ="";
  2631. $selected_h_120 ="";
  2632. }else if($height == "50"){
  2633. $selected_h_25 ="";
  2634. $selected_h_30 ="";
  2635. $selected_h_35 ="";
  2636. $selected_h_40 ="";
  2637. $selected_h_45 ="";
  2638. $selected_h_50 ="selected=\'selected\'";
  2639. $selected_h_55 ="";
  2640. $selected_h_60 ="";
  2641. $selected_h_65 ="";
  2642. $selected_h_70 ="";
  2643. $selected_h_75 ="";
  2644. $selected_h_80 ="";
  2645. $selected_h_85 ="";
  2646. $selected_h_90 ="";
  2647. $selected_h_95 ="";
  2648. $selected_h_100 ="";
  2649. $selected_h_105 ="";
  2650. $selected_h_110 ="";
  2651. $selected_h_115 ="";
  2652. $selected_h_120 ="";
  2653. }else if($height == "55"){
  2654. $selected_h_25 ="";
  2655. $selected_h_30 ="";
  2656. $selected_h_35 ="";
  2657. $selected_h_40 ="";
  2658. $selected_h_45 ="";
  2659. $selected_h_50 ="";
  2660. $selected_h_55 ="selected=\'selected\'";
  2661. $selected_h_60 ="";
  2662. $selected_h_65 ="";
  2663. $selected_h_70 ="";
  2664. $selected_h_75 ="";
  2665. $selected_h_80 ="";
  2666. $selected_h_85 ="";
  2667. $selected_h_90 ="";
  2668. $selected_h_95 ="";
  2669. $selected_h_100 ="";
  2670. $selected_h_105 ="";
  2671. $selected_h_110 ="";
  2672. $selected_h_115 ="";
  2673. $selected_h_120 ="";
  2674. }else if($height == "60"){
  2675. $selected_h_25 ="";
  2676. $selected_h_30 ="";
  2677. $selected_h_35 ="";
  2678. $selected_h_40 ="";
  2679. $selected_h_45 ="";
  2680. $selected_h_50 ="";
  2681. $selected_h_55 ="";
  2682. $selected_h_60 ="selected=\'selected\'";
  2683. $selected_h_65 ="";
  2684. $selected_h_70 ="";
  2685. $selected_h_75 ="";
  2686. $selected_h_80 ="";
  2687. $selected_h_85 ="";
  2688. $selected_h_90 ="";
  2689. $selected_h_95 ="";
  2690. $selected_h_100 ="";
  2691. $selected_h_105 ="";
  2692. $selected_h_110 ="";
  2693. $selected_h_115 ="";
  2694. $selected_h_120 ="";
  2695. }else if($height == "65"){
  2696. $selected_h_25 ="";
  2697. $selected_h_30 ="";
  2698. $selected_h_35 ="";
  2699. $selected_h_40 ="";
  2700. $selected_h_45 ="";
  2701. $selected_h_50 ="";
  2702. $selected_h_55 ="";
  2703. $selected_h_60 ="";
  2704. $selected_h_65 ="selected=\'selected\'";
  2705. $selected_h_70 ="";
  2706. $selected_h_75 ="";
  2707. $selected_h_80 ="";
  2708. $selected_h_85 ="";
  2709. $selected_h_90 ="";
  2710. $selected_h_95 ="";
  2711. $selected_h_100 ="";
  2712. $selected_h_105 ="";
  2713. $selected_h_110 ="";
  2714. $selected_h_115 ="";
  2715. $selected_h_120 ="";
  2716. }else if($height == "70"){
  2717. $selected_h_25 ="";
  2718. $selected_h_30 ="";
  2719. $selected_h_35 ="";
  2720. $selected_h_40 ="";
  2721. $selected_h_45 ="";
  2722. $selected_h_50 ="";
  2723. $selected_h_55 ="";
  2724. $selected_h_60 ="";
  2725. $selected_h_65 ="";
  2726. $selected_h_70 ="selected=\'selected\'";
  2727. $selected_h_75 ="";
  2728. $selected_h_80 ="";
  2729. $selected_h_85 ="";
  2730. $selected_h_90 ="";
  2731. $selected_h_95 ="";
  2732. $selected_h_100 ="";
  2733. $selected_h_105 ="";
  2734. $selected_h_110 ="";
  2735. $selected_h_115 ="";
  2736. $selected_h_120 ="";
  2737. }else if($height == "75"){
  2738. $selected_h_25 ="";
  2739. $selected_h_30 ="";
  2740. $selected_h_35 ="";
  2741. $selected_h_40 ="";
  2742. $selected_h_45 ="";
  2743. $selected_h_50 ="";
  2744. $selected_h_55 ="";
  2745. $selected_h_60 ="";
  2746. $selected_h_65 ="";
  2747. $selected_h_70 ="";
  2748. $selected_h_75 ="selected=\'selected\'";
  2749. $selected_h_80 ="";
  2750. $selected_h_85 ="";
  2751. $selected_h_90 ="";
  2752. $selected_h_95 ="";
  2753. $selected_h_100 ="";
  2754. $selected_h_105 ="";
  2755. $selected_h_110 ="";
  2756. $selected_h_115 ="";
  2757. $selected_h_120 ="";
  2758. }else if($height == "80"){
  2759. $selected_h_25 ="";
  2760. $selected_h_30 ="";
  2761. $selected_h_35 ="";
  2762. $selected_h_40 ="";
  2763. $selected_h_45 ="";
  2764. $selected_h_50 ="";
  2765. $selected_h_55 ="";
  2766. $selected_h_60 ="";
  2767. $selected_h_65 ="";
  2768. $selected_h_70 ="";
  2769. $selected_h_75 ="";
  2770. $selected_h_80 ="selected=\'selected\'";
  2771. $selected_h_85 ="";
  2772. $selected_h_90 ="";
  2773. $selected_h_95 ="";
  2774. $selected_h_100 ="";
  2775. $selected_h_105 ="";
  2776. $selected_h_110 ="";
  2777. $selected_h_115 ="";
  2778. $selected_h_120 ="";
  2779. }else if($height == "85"){
  2780. $selected_h_25 ="";
  2781. $selected_h_30 ="";
  2782. $selected_h_35 ="";
  2783. $selected_h_40 ="";
  2784. $selected_h_45 ="";
  2785. $selected_h_50 ="";
  2786. $selected_h_55 ="";
  2787. $selected_h_60 ="";
  2788. $selected_h_65 ="";
  2789. $selected_h_70 ="";
  2790. $selected_h_75 ="";
  2791. $selected_h_80 ="";
  2792. $selected_h_85 ="selected=\'selected\'";
  2793. $selected_h_90 ="";
  2794. $selected_h_95 ="";
  2795. $selected_h_100 ="";
  2796. $selected_h_105 ="";
  2797. $selected_h_110 ="";
  2798. $selected_h_115 ="";
  2799. $selected_h_120 ="";
  2800. }else if($height == "90"){
  2801. $selected_h_25 ="";
  2802. $selected_h_30 ="";
  2803. $selected_h_35 ="";
  2804. $selected_h_40 ="";
  2805. $selected_h_45 ="";
  2806. $selected_h_50 ="";
  2807. $selected_h_55 ="";
  2808. $selected_h_60 ="";
  2809. $selected_h_65 ="";
  2810. $selected_h_70 ="";
  2811. $selected_h_75 ="";
  2812. $selected_h_80 ="";
  2813. $selected_h_85 ="";
  2814. $selected_h_90 ="selected=\'selected\'";
  2815. $selected_h_95 ="";
  2816. $selected_h_100 ="";
  2817. $selected_h_105 ="";
  2818. $selected_h_110 ="";
  2819. $selected_h_115 ="";
  2820. $selected_h_120 ="";
  2821. }else if($height == "95"){
  2822. $selected_h_25 ="";
  2823. $selected_h_30 ="";
  2824. $selected_h_35 ="";
  2825. $selected_h_40 ="";
  2826. $selected_h_45 ="";
  2827. $selected_h_50 ="";
  2828. $selected_h_55 ="";
  2829. $selected_h_60 ="";
  2830. $selected_h_65 ="";
  2831. $selected_h_70 ="";
  2832. $selected_h_75 ="";
  2833. $selected_h_80 ="";
  2834. $selected_h_85 ="";
  2835. $selected_h_90 ="";
  2836. $selected_h_95 ="selected=\'selected\'";
  2837. $selected_h_100 ="";
  2838. $selected_h_105 ="";
  2839. $selected_h_110 ="";
  2840. $selected_h_115 ="";
  2841. $selected_h_120 ="";
  2842. }else if($height == "100"){
  2843. $selected_h_25 ="";
  2844. $selected_h_30 ="";
  2845. $selected_h_35 ="";
  2846. $selected_h_40 ="";
  2847. $selected_h_45 ="";
  2848. $selected_h_50 ="";
  2849. $selected_h_55 ="";
  2850. $selected_h_60 ="";
  2851. $selected_h_65 ="";
  2852. $selected_h_70 ="";
  2853. $selected_h_75 ="";
  2854. $selected_h_80 ="";
  2855. $selected_h_85 ="";
  2856. $selected_h_90 ="";
  2857. $selected_h_95 ="";
  2858. $selected_h_100 ="selected=\'selected\'";
  2859. $selected_h_105 ="";
  2860. $selected_h_110 ="";
  2861. $selected_h_115 ="";
  2862. $selected_h_120 ="";
  2863. }else if($height == "105"){
  2864. $selected_h_25 ="";
  2865. $selected_h_30 ="";
  2866. $selected_h_35 ="";
  2867. $selected_h_40 ="";
  2868. $selected_h_45 ="";
  2869. $selected_h_50 ="";
  2870. $selected_h_55 ="";
  2871. $selected_h_60 ="";
  2872. $selected_h_65 ="";
  2873. $selected_h_70 ="";
  2874. $selected_h_75 ="";
  2875. $selected_h_80 ="";
  2876. $selected_h_85 ="";
  2877. $selected_h_90 ="";
  2878. $selected_h_95 ="";
  2879. $selected_h_100 ="";
  2880. $selected_h_105 ="selected=\'selected\'";
  2881. $selected_h_110 ="";
  2882. $selected_h_115 ="";
  2883. $selected_h_120 ="";
  2884. }else if($height == "110"){
  2885. $selected_h_25 ="";
  2886. $selected_h_30 ="";
  2887. $selected_h_35 ="";
  2888. $selected_h_40 ="";
  2889. $selected_h_45 ="";
  2890. $selected_h_50 ="";
  2891. $selected_h_55 ="";
  2892. $selected_h_60 ="";
  2893. $selected_h_65 ="";
  2894. $selected_h_70 ="";
  2895. $selected_h_75 ="";
  2896. $selected_h_80 ="";
  2897. $selected_h_85 ="";
  2898. $selected_h_90 ="";
  2899. $selected_h_95 ="";
  2900. $selected_h_100 ="";
  2901. $selected_h_105 ="";
  2902. $selected_h_110 ="selected=\'selected\'";
  2903. $selected_h_115 ="";
  2904. $selected_h_120 ="";
  2905. }else if($height == "115"){
  2906. $selected_h_25 ="";
  2907. $selected_h_30 ="";
  2908. $selected_h_35 ="";
  2909. $selected_h_40 ="";
  2910. $selected_h_45 ="";
  2911. $selected_h_50 ="";
  2912. $selected_h_55 ="";
  2913. $selected_h_60 ="";
  2914. $selected_h_65 ="";
  2915. $selected_h_70 ="";
  2916. $selected_h_75 ="";
  2917. $selected_h_80 ="";
  2918. $selected_h_85 ="";
  2919. $selected_h_90 ="";
  2920. $selected_h_95 ="";
  2921. $selected_h_100 ="";
  2922. $selected_h_105 ="";
  2923. $selected_h_110 ="";
  2924. $selected_h_115 ="selected=\'selected\'";
  2925. $selected_h_120 ="";
  2926. }else if($height == "120"){
  2927. $selected_h_25 ="";
  2928. $selected_h_30 ="";
  2929. $selected_h_35 ="";
  2930. $selected_h_40 ="";
  2931. $selected_h_45 ="";
  2932. $selected_h_50 ="";
  2933. $selected_h_55 ="";
  2934. $selected_h_60 ="";
  2935. $selected_h_65 ="";
  2936. $selected_h_70 ="";
  2937. $selected_h_75 ="";
  2938. $selected_h_80 ="";
  2939. $selected_h_85 ="";
  2940. $selected_h_90 ="";
  2941. $selected_h_95 ="";
  2942. $selected_h_100 ="";
  2943. $selected_h_105 ="";
  2944. $selected_h_110 ="";
  2945. $selected_h_115 ="";
  2946. $selected_h_120 ="selected=\'selected\'";
  2947. }
  2948. $class = $row['class'];
  2949. $table_num = $row['table_num'];
  2950. $rotation = $row['rotation'];
  2951. $capacity = $row['capacity'];
  2952. //Sets the Class (Shape) of the Table
  2953. if ($class == "table_rnd") {
  2954. $shape_rnd ="selected=\'selected\'";
  2955. $shape_sqr ="";
  2956. $orient_display = "style=\'display: none\'";
  2957. }elseif ($class == "table_sqr"){
  2958. $shape_rnd ="";
  2959. $shape_sqr ="selected=\'selected\'";
  2960. $orient_display="";
  2961. }
  2962. //Sets the Table Number Div Class & The Selected Value for the Properties Editor
  2963. if ($rotation == "45"){
  2964. $tbl_class = "tbl_num45";
  2965. $selected_0 = "";
  2966. $selected_45= "selected=\'selected\'";
  2967. $selected_m45 ="";
  2968. }elseif ($rotation == "-45"){
  2969. $tbl_class = "tbl_num-45";
  2970. $selected_0 = "";
  2971. $selected_45= "selected=\'selected\'";
  2972. $selected_m45 ="";
  2973. }else {
  2974. $tbl_class ="tbl_num";
  2975. $selected_0 = "selected=\'selected\'";
  2976. $selected_45= "";
  2977. $selected_m45 ="";
  2978. }
  2979. //End Table Number Div Class
  2980. if($rotation == "45" || $rotation =="-45") {
  2981. echo'
  2982. <div class="item existing_'.$id.'" rel="'.$table_num.'" style="position: absolute; left: '.$x.'px; top: '.$y.'px;width:'.$width.'px; height:'.$height.'px;" id="item'.$id.'">
  2983. <div class="'.$class.'" style="width:'.$width.'px; height:'.$height.'px;-webkit-transform:rotate('.$rotation.'deg); "><div class="table_num '.$tbl_class.'">'.$table_num.'</div></div>
  2984. </div>';
  2985. $table_data = mysql_query("SELECT * FROM all_tables where map='$map_id' and merchant='$client_code' and table_num='$table_num'",$link);
  2986. while($row = mysql_fetch_array($table_data)) {
  2987. $id = $row['id'];
  2988. $x = $row['coord_x']; //Horizontal Position -Ajusted for new layout
  2989. $y = (70 + $row['coord_y']);//Vertical Position - adjusted for new layout
  2990. $width = $row['size_x'];
  2991. $height = $row['size_y'];
  2992. if ($height == "25"){
  2993. }else if($height == "30"){
  2994. }
  2995. $class = $row['class'];
  2996. $table_num = $row['table_num'];
  2997. $rotation = $row['rotation'];
  2998. echo "<script>
  2999. //Give the Existing Divs the Same Rollover Effects as newly added items
  3000. $('.existing_".$id."').hover(
  3001. //Begin Hover
  3002. function () {
  3003. //OnMouseOver;
  3004. $('.existing_".$id."').append($(\"<img src='assets/img/button-x.png' class='drag_close right' id='remove_table".$id."'>\"));
  3005. //Clicking the \"X\" Will now Remove the Table
  3006. $('#remove_table".$id."').click(function () {
  3007. $('.existing_".$id."').remove();
  3008. //Now We will remove the Table from the Database
  3009. var uri = 'remove_table.php?tbl_num=".$table_num."&map=".$map_id."&merchant=".$client_code."';
  3010. $.ajax({
  3011. url: uri,
  3012. success: function(){
  3013. $('.status #notice').html('<p><span>Your Table #".$table_num." has been Removed!</span>');
  3014. $('.status').fadeIn('500');
  3015. $('#properties_box').fadeOut('500');
  3016. }
  3017. });
  3018. });
  3019. },
  3020. function () {
  3021. //OnMouseOut
  3022. $('.existing_".$id."').find('img:last').remove();
  3023. }
  3024. //End Hover
  3025. );
  3026. //Edit the Properties of an Exisiting Item
  3027. $('.existing_".$id."').dblclick( function(){
  3028. $('#properties_box').html('<h4>Table ".$table_num." Properties</h4>\
  3029. Edit the Properties of your Table below<br>\
  3030. <form class=\'form_small\' id=\'properties".$id."\' method=\'post\' action=\'edit_save_properties.php\'>\
  3031. <input type=\'hidden\' name=\'table_num\' id=\'table_num\' value=\'".$table_num."\'>\
  3032. <input type=\'hidden\' name=\'map_id\' id=\'map_id\' value=\'$map_id\'>\
  3033. <input type=\'hidden\' name=\'merchant\' id=\'merchant\' value=\'$client_code\'>\
  3034. <div><label class=\'long\'>Table Number:</label>\
  3035. <input type=\'text\' name=\'new_table_num\' id=\'new_table_num\' class=\'input\' length=\'5\' value=\'$table_num\' >\
  3036. </div>\
  3037. <div><label class=\'long\'>Table Capacity:</label>\
  3038. <input type=\'text\' name=\'capacity\' id=\'capacity\' class=\'input\' length=\'5\' value=\'$capacity\' >\
  3039. </div>\
  3040. <div><label class=\'long\'>Table Width:<br><small>No more than 120</small></label>\
  3041. <select name=\'width\' id=\'width\'>\
  3042. <option value=\'25\' ".$selected_w_25.">25</option>\
  3043. <option value=\'30\' ".$selected_w_30.">30</option>\
  3044. <option value=\'35\' ".$selected_w_35.">35</option>\
  3045. <option value=\'40\' ".$selected_w_40.">40</option>\
  3046. <option value=\'45\' ".$selected_w_45.">45</option>\
  3047. <option value=\'50\' ".$selected_w_50.">50</option>\
  3048. <option value=\'55\' ".$selected_w_55.">55</option>\
  3049. <option value=\'60\' ".$selected_w_60.">60</option>\
  3050. <option value=\'65\' ".$selected_w_65.">65</option>\
  3051. <option value=\'70\' ".$selected_w_70.">70</option>\
  3052. <option value=\'75\'".$selected_w_75.">75</option>\
  3053. <option value=\'80\' ".$selected_w_80.">80</option>\
  3054. <option value=\'85\' ".$selected_w_85.">85</option>\
  3055. <option value=\'90\' ".$selected_w_90.">90</option>\
  3056. <option value=\'95\' ".$selected_w_95.">95</option>\
  3057. <option value=\'100\' ".$selected_w_100.">100</option>\
  3058. <option value=\'105\' ".$selected_w_105.">105</option>\
  3059. <option value=\'110\' ".$selected_w_110.">110</option>\
  3060. <option value=\'115\' ".$selected_w_115.">115</option>\
  3061. <option value=\'120\' ".$selected_w_120.">120</option>\
  3062. </option>\
  3063. </select>\
  3064. </div>\
  3065. <div><label class=\'long\'>Table Height:<br><small>No more than 120</small></label>\
  3066. <select name=\'height\' id=\'height\'>\
  3067. <option value=\'25\' $selected_h_25>25</option>\
  3068. <option value=\'30\' $selected_h_30>30</option>\
  3069. <option value=\'35\' $selected_h_35>35</option>\
  3070. <option value=\'40\' $selected_h_40>40</option>\
  3071. <option value=\'45\' $selected_h_45>45</option>\
  3072. <option value=\'50\' $selected_h_50>50</option>\
  3073. <option value=\'55\' $selected_h_55>55</option>\
  3074. <option value=\'60\' $selected_h_60>60</option>\
  3075. <option value=\'65\' $selected_h_65>65</option>\
  3076. <option value=\'70\' $selected_h_70>70</option>\
  3077. <option value=\'75\' $selected_h_75>75</option>\
  3078. <option value=\'80\' $selected_h_80>80</option>\
  3079. <option value=\'85\' $selected_h_85>85</option>\
  3080. <option value=\'90\' $selected_h_90>90</option>\
  3081. <option value=\'95\' $selected_h_95>95</option>\
  3082. <option value=\'100\' $selected_h_100>100</option>\
  3083. <option value=\'105\' $selected_h_105>105</option>\
  3084. <option value=\'110\' $selected_h_110>110</option>\
  3085. <option value=\'115\' $selected_h_115>115</option>\
  3086. <option value=\'120\' $selected_h_120>120</option>\
  3087. </option>\
  3088. </select>\
  3089. </div>\
  3090. <div ".$orient_display."><label class=\'long\'>Table Orientation:</label>\
  3091. <select name=\'rotation\' id=\'rotation\'>\
  3092. <option value=\'0\' ".$selected_0.">None</option>\
  3093. <option value=\'45\' ".$selected_45.">+45 &deg;</option>\
  3094. <option value=\'-45\' ".$selected_m45.">-45 &deg;</option>\
  3095. </option>\
  3096. </select>\
  3097. </div>\
  3098. <div><label class=\'long\'>Table Shape:</label>\
  3099. <select name=\'shape\' id=\'shape\'>\
  3100. <option value=\'table_rnd\' ".$shape_rnd.">Round / Ellipitcal</option>\
  3101. <option value=\'table_sqr\' ".$shape_sqr.">Square / Rectangle</option>\
  3102. </option>\
  3103. </select>\
  3104. </div>\
  3105. <button id=\'save_table".$id."\' class=\'button submit blue\' style=\'width: 75%; font-size: 11px;\'>Save Table</button>\
  3106. </form>');
  3107. $('#properties_box').fadeToggle('500');
  3108. $('#save_table".$id."').click(function(){
  3109. //This is where the Data will be saved
  3110. //Now We will update the Properties
  3111. capacity = $('#properties".$id." input #capacity".$id."').val();
  3112. width = $('#properties".$id." input #width".$id."').val();
  3113. height= $('#properties".$id." input #height".$id."').val();
  3114. rotation= $('#properties".$id." input #rotation".$id."').val();
  3115. shape= $('#properties".$id." input #shape".$id."').val();
  3116. var uri ='edit_save_properties.php?shape=\'+$(\'#properties".$id." input #shape".$id."\').val();+\'capacity=\'+$(\'#properties".$id." input #capacity".$id."\').val();+\'&width=\'+$(\'#properties".$id." input #width".$id."\').val();+\'&height=\'+$(\'#properties".$id." input #height".$id."\').val();+\'&rotation=\'+$(\'#properties".$id." input #rotation".$id."\').val();+\'&tbl_num=".$table_num."&map=".$map_id."&merchant=".$client_code."';
  3117. $.ajax({
  3118. url: uri,
  3119. success: function(){
  3120. $('.status #notice').html('<p><span>The Properties of Your Table #".$table_num." has been Updated Successfully!</span>');
  3121. $('.status').fadeIn('500');
  3122. $('#properties_box').fadeOut('500');
  3123. }
  3124. });
  3125. $('#properties_box').fadeToggle('500');
  3126. });
  3127. });
  3128. </script>";
  3129. }
  3130. }else{
  3131. echo'<div class="'.$class.' item existing_'.$id.'" rel="'.$table_num.'" style="position: absolute; left: '.$x.'px; top: '.$y.'px;width:'.$width.'px; height:'.$height.'px;-webkit-transform:rotate('.$rotation.'deg); " id="item'.$id.'"><div class="table_num '.$tbl_class.'">'.$table_num.'</div></div>';
  3132. $table_data = mysql_query("SELECT * FROM all_tables where map='$map_id' and merchant='$client_code' and table_num='$table_num'",$link);
  3133. while($row = mysql_fetch_array($table_data)) {
  3134. $id = $row['id'];
  3135. $x = $row['coord_x']; //Horizontal Position -Ajusted for new layout
  3136. $y = (70 + $row['coord_y']);//Vertical Position - adjusted for new layout
  3137. $width = $row['size_x'];
  3138. $height = $row['size_y'];
  3139. if ($height == "25"){
  3140. }else if($height == "30"){
  3141. }
  3142. $class = $row['class'];
  3143. $table_num = $row['table_num'];
  3144. $rotation = $row['rotation'];
  3145. echo "<script>
  3146. //Give the Existing Divs the Same Rollover Effects as newly added items
  3147. $('.existing_".$id."').hover(
  3148. //Begin Hover
  3149. function () {
  3150. //OnMouseOver;
  3151. $('.existing_".$id."').append($(\"<img src='assets/img/button-x.png' class='drag_close right' id='remove_table".$id."'>\"));
  3152. //Clicking the \"X\" Will now Remove the Table
  3153. $('#remove_table".$id."').click(function () {
  3154. $('.existing_".$id."').remove();
  3155. //Now We will remove the Table from the Database
  3156. var uri = 'remove_table.php?tbl_num=".$table_num."&map=".$map_id."&merchant=".$client_code."';
  3157. $.ajax({
  3158. url: uri,
  3159. success: function(){
  3160. $('.status #notice').html('<p><span>Your Table #".$table_num." has been Removed!</span>');
  3161. $('.status').fadeIn('500');
  3162. $('#properties_box').fadeOut('500');
  3163. }
  3164. });
  3165. });
  3166. },
  3167. function () {
  3168. //OnMouseOut
  3169. $('.existing_".$id."').find('img:last').remove();
  3170. }
  3171. //End Hover
  3172. );
  3173. //Edit the Properties of an Exisiting Item
  3174. $('.existing_".$id."').dblclick( function(){
  3175. $('#properties_box').html('<h4>Table ".$table_num." Properties</h4>\
  3176. Edit the Properties of your Table below<br>\
  3177. <form class=\'form_small\' id=\'properties".$id."\' method=\'post\' action=\'edit_save_properties.php\'>\
  3178. <input type=\'hidden\' name=\'table_num\' id=\'table_num\' value=\'".$table_num."\'>\
  3179. <input type=\'hidden\' name=\'map_id\' id=\'map_id\' value=\'$map_id\'>\
  3180. <input type=\'hidden\' name=\'merchant\' id=\'merchant\' value=\'$client_code\'>\
  3181. <div><label class=\'long\'>Table Number:</label>\
  3182. <input type=\'text\' name=\'new_table_num\' id=\'new_table_num\' class=\'input\' length=\'5\' value=\'$table_num\' >\
  3183. </div>\
  3184. <div><label class=\'long\'>Table Capacity:</label>\
  3185. <input type=\'text\' name=\'capacity\' id=\'capacity\' class=\'input\' length=\'5\' value=\'$capacity\' >\
  3186. </div>\
  3187. <div><label class=\'long\'>Table Width:<br><small>No more than 120</small></label>\
  3188. <select name=\'width\' id=\'width\'>\
  3189. <option value=\'25\' ".$selected_w_25.">25</option>\
  3190. <option value=\'30\' ".$selected_w_30.">30</option>\
  3191. <option value=\'35\' ".$selected_w_35.">35</option>\
  3192. <option value=\'40\' ".$selected_w_40.">40</option>\
  3193. <option value=\'45\' ".$selected_w_45.">45</option>\
  3194. <option value=\'50\' ".$selected_w_50.">50</option>\
  3195. <option value=\'55\' ".$selected_w_55.">55</option>\
  3196. <option value=\'60\' ".$selected_w_60.">60</option>\
  3197. <option value=\'65\' ".$selected_w_65.">65</option>\
  3198. <option value=\'70\' ".$selected_w_70.">70</option>\
  3199. <option value=\'75\'".$selected_w_75.">75</option>\
  3200. <option value=\'80\' ".$selected_w_80.">80</option>\
  3201. <option value=\'85\' ".$selected_w_85.">85</option>\
  3202. <option value=\'90\' ".$selected_w_90.">90</option>\
  3203. <option value=\'95\' ".$selected_w_95.">95</option>\
  3204. <option value=\'100\' ".$selected_w_100.">100</option>\
  3205. <option value=\'105\' ".$selected_w_105.">105</option>\
  3206. <option value=\'110\' ".$selected_w_110.">110</option>\
  3207. <option value=\'115\' ".$selected_w_115.">115</option>\
  3208. <option value=\'120\' ".$selected_w_120.">120</option>\
  3209. </option>\
  3210. </select>\
  3211. </div>\
  3212. <div><label class=\'long\'>Table Height:<br><small>No more than 120</small></label>\
  3213. <select name=\'height\' id=\'height\'>\
  3214. <option value=\'25\' $selected_h_25>25</option>\
  3215. <option value=\'30\' $selected_h_30>30</option>\
  3216. <option value=\'35\' $selected_h_35>35</option>\
  3217. <option value=\'40\' $selected_h_40>40</option>\
  3218. <option value=\'45\' $selected_h_45>45</option>\
  3219. <option value=\'50\' $selected_h_50>50</option>\
  3220. <option value=\'55\' $selected_h_55>55</option>\
  3221. <option value=\'60\' $selected_h_60>60</option>\
  3222. <option value=\'65\' $selected_h_65>65</option>\
  3223. <option value=\'70\' $selected_h_70>70</option>\
  3224. <option value=\'75\' $selected_h_75>75</option>\
  3225. <option value=\'80\' $selected_h_80>80</option>\
  3226. <option value=\'85\' $selected_h_85>85</option>\
  3227. <option value=\'90\' $selected_h_90>90</option>\
  3228. <option value=\'95\' $selected_h_95>95</option>\
  3229. <option value=\'100\' $selected_h_100>100</option>\
  3230. <option value=\'105\' $selected_h_105>105</option>\
  3231. <option value=\'110\' $selected_h_110>110</option>\
  3232. <option value=\'115\' $selected_h_115>115</option>\
  3233. <option value=\'120\' $selected_h_120>120</option>\
  3234. </option>\
  3235. </select>\
  3236. </div>\
  3237. <div ".$orient_display."><label class=\'long\'>Table Orientation:</label>\
  3238. <select name=\'rotation\' id=\'rotation\'>\
  3239. <option value=\'0\' ".$selected_0.">None</option>\
  3240. <option value=\'45\' ".$selected_45.">+45 &deg;</option>\
  3241. <option value=\'-45\' ".$selected_m45.">-45 &deg;</option>\
  3242. </option>\
  3243. </select>\
  3244. </div>\
  3245. <div><label class=\'long\'>Table Shape:</label>\
  3246. <select name=\'shape\' id=\'shape\'>\
  3247. <option value=\'table_rnd\' ".$shape_rnd.">Round / Ellipitcal</option>\
  3248. <option value=\'table_sqr\' ".$shape_sqr.">Square / Rectangle</option>\
  3249. </option>\
  3250. </select>\
  3251. </div>\
  3252. <button id=\'save_table".$id."\' class=\'button submit blue\' style=\'width: 75%; font-size: 11px;\'>Save Table</button>\
  3253. </form>');
  3254. $('#properties_box').fadeToggle('500');
  3255. $('#save_table".$id."').click(function(){
  3256. //This is where the Data will be saved
  3257. //Now We will update the Properties
  3258. capacity = $('#properties".$id." input #capacity".$id."').val();
  3259. width = $('#properties".$id." input #width".$id."').val();
  3260. height= $('#properties".$id." input #height".$id."').val();
  3261. rotation= $('#properties".$id." input #rotation".$id."').val();
  3262. shape= $('#properties".$id." input #shape".$id."').val();
  3263. var uri ='edit_save_properties.php?shape=\'+$(\'#properties".$id." input #shape".$id."\').val();+\'capacity=\'+$(\'#properties".$id." input #capacity".$id."\').val();+\'&width=\'+$(\'#properties".$id." input #width".$id."\').val();+\'&height=\'+$(\'#properties".$id." input #height".$id."\').val();+\'&rotation=\'+$(\'#properties".$id." input #rotation".$id."\').val();+\'&tbl_num=".$table_num."&map=".$map_id."&merchant=".$client_code."';
  3264. $.ajax({
  3265. url: uri,
  3266. success: function(){
  3267. $('.status #notice').html('<p><span>The Properties of Your Table #".$table_num." has been Updated Successfully!</span>');
  3268. $('.status').fadeIn('500');
  3269. $('#properties_box').fadeOut('500');
  3270. }
  3271. });
  3272. $('#properties_box').fadeToggle('500');
  3273. });
  3274. });
  3275. </script>";
  3276. }
  3277. }
  3278. }
  3279. ?>
  3280. </div>
  3281. <!--Shows Our Status Message-->
  3282. <div class="status success">
  3283. <p class="closestatus pointer"><a title="Close">x</a></p>
  3284. <p id="notice"></p>
  3285. </div>
  3286. <!--End Wrapper-->
  3287. </div>
  3288. <!--End Status Messages-->
  3289. <!--Table Properties Editor -->
  3290. <div id="properties_box" >
  3291. <form>
  3292. </form>
  3293. </div>
  3294. <!--End Table Properties Editor-->
  3295. <!--Help and Directions -->
  3296. <div id="directions_box" >
  3297. <strong>Using the Table Manager</strong><br>
  3298. <br>
  3299. <strong><em>Renaming a Floorplan</em></strong><br>
  3300. To Change the name of a Floorplan, click on the green text at the top left and type your new floorplan name.<br>
  3301. Your Floorplan will automatically be renamed.<br><br>
  3302. <strong><em>Adding Tables</em></strong><br>
  3303. To Add a Table, click and drag a table (either square or round) to your Floorplan Layout Area.<br>
  3304. Release the Mouse button to place the table where you want it.<br>
  3305. <br>
  3306. <strong><em>Editting a Table's Properties</em></strong><br>
  3307. To Edit a Table's Properties, double click on the table you want to edit.<br>
  3308. On the right Side of the Screen, you will see your table's properties appear.<br>
  3309. Here, you can change the Table Number, It's Capacity, It's Width and Height, and if you're editting a square table, it's orientation.
  3310. <br>
  3311. <em>Please note:</em> Round Tables will not have an orientation property to edit.<br><br>
  3312. <strong><em>Removing a Table</em></strong><br>
  3313. To Remove a Table, mouseover the table, and when you see a Red '<strong>X</strong>' click on the '<strong>X</strong>' to remove the table.<br>
  3314. <em>Please note:</em> Removing a table cannot be undone! If you remove a table, it is gone forever.
  3315. <br><br>
  3316. <strong><em>Deleting the Floorplan</em></strong><br>
  3317. To remove the Current Floorplan from the system, on the Lower Left hand corner is a Red Button. Click on the red Delete Floorplan button to remove
  3318. the current floorplan and return to the Administration Panel.<br>
  3319. <em>Please note:</em> Removing a Floorplan cannot be undone! If you remove a Floorplan, it is gone forever.<br><br>
  3320. <strong><em>Returning to the Administration Panel</em></strong><br>
  3321. To return to the Administration Panel, Click on the Green "Return to Admin" button in the lower right-hand corner.
  3322. </div>
  3323. <!--End Help and Directions-->
  3324. </body>
  3325. </html>