|
@@ -55,7 +55,7 @@ $head='<meta name="apple-mobile-web-app-title" content="TakePOS"/>
|
|
|
top_htmlhead($head, $title, $disablejs, $disablehead, $arrayofjs, $arrayofcss);
|
|
|
|
|
|
?>
|
|
|
-<link rel="stylesheet" href="css/pos.css?a=xxx">
|
|
|
+<link rel="stylesheet" href="css/pos.css">
|
|
|
<script type="text/javascript" src="js/takepos.js" ></script>
|
|
|
<link rel="stylesheet" href="css/colorbox.css" type="text/css" media="screen" />
|
|
|
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
|
|
@@ -353,27 +353,30 @@ $( document ).ready(function() {
|
|
|
|
|
|
<body style="overflow: hidden; background-color:#E8E8E8;">
|
|
|
|
|
|
-<div id="poslines" style="position:absolute; top:2%; left:0.5%; height:36%; width:31%; overflow: auto;">
|
|
|
-</div>
|
|
|
+<div class="container">
|
|
|
+ <div class="row1">
|
|
|
|
|
|
-<div style="position:absolute; top:1%; left:32.5%; height:37%; width:32.5%; font-size: 0;">
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(7);">7</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(8);">8</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(9);">9</button>
|
|
|
- <button type="button" id="qty" class="calcbutton2" onclick="Edit('qty');"><?php echo $langs->trans("Qty"); ?></button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(4);">4</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(5);">5</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(6);">6</button>
|
|
|
- <button type="button" id="price" class="calcbutton2" onclick="Edit('p');"><?php echo $langs->trans("Price"); ?></button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(1);">1</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(2);">2</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(3);">3</button>
|
|
|
- <button type="button" id="reduction" class="calcbutton2" onclick="Edit('r');"><?php echo $langs->trans("ReductionShort"); ?></button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit(0);">0</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit('.');">.</button>
|
|
|
- <button type="button" class="calcbutton" onclick="Edit('c');">C</button>
|
|
|
- <button type="button" class="calcbutton2" id="delete" style="color: red;" onclick="deleteline();"><b>X</b></button>
|
|
|
-</div>
|
|
|
+ <div id="poslines" class="div1" style="overflow: auto;">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="div2">
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(7);">7</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(8);">8</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(9);">9</button>
|
|
|
+ <button type="button" id="qty" class="calcbutton2" onclick="Edit('qty');"><?php echo $langs->trans("Qty"); ?></button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(4);">4</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(5);">5</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(6);">6</button>
|
|
|
+ <button type="button" id="price" class="calcbutton2" onclick="Edit('p');"><?php echo $langs->trans("Price"); ?></button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(1);">1</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(2);">2</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(3);">3</button>
|
|
|
+ <button type="button" id="reduction" class="calcbutton2" onclick="Edit('r');"><?php echo $langs->trans("ReductionShort"); ?></button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit(0);">0</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit('.');">.</button>
|
|
|
+ <button type="button" class="calcbutton" onclick="Edit('c');">C</button>
|
|
|
+ <button type="button" class="calcbutton2" id="delete" style="color: red;" onclick="deleteline();"><b>X</b></button>
|
|
|
+ </div>
|
|
|
|
|
|
<?php
|
|
|
// User menu and external TakePOS modules
|
|
@@ -420,7 +423,7 @@ if (!empty($reshook))
|
|
|
}
|
|
|
|
|
|
?>
|
|
|
-<div style="position:absolute; top:1%; left:65.5%; height:37%; width:32.5%;">
|
|
|
+ <div class="div3">
|
|
|
<?php
|
|
|
$i = 0;
|
|
|
foreach($menus as $menu) {
|
|
@@ -434,44 +437,46 @@ foreach($menus as $menu) {
|
|
|
else echo '<button type="button" id="action'.$i.'" class="actionbutton" onclick="'.$menu['action'].'">'.$menu['title'].'</button>';
|
|
|
}
|
|
|
?>
|
|
|
-</div>
|
|
|
-
|
|
|
-<div style="position:absolute; top:39%; left:0.3%; height:59%; width:32%;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row2">
|
|
|
+ <div class="div4">
|
|
|
<?php
|
|
|
$count=0;
|
|
|
while ($count<16)
|
|
|
{
|
|
|
?>
|
|
|
- <div class='wrapper' <?php if ($count==14) echo 'onclick="MoreCategories(\'less\');"'; else if ($count==15) echo 'onclick="MoreCategories(\'more\');"'; else echo 'onclick="LoadProducts('.$count.');"';?> id='catdiv<?php echo $count;?>'>
|
|
|
- <img class='imgwrapper' <?php if ($count==14) echo 'src="img/arrow-prev-top.png"'; if ($count==15) echo 'src="img/arrow-next-top.png"';?> width="98%" id='catimg<?php echo $count;?>'/>
|
|
|
- <div class='description'>
|
|
|
- <div class='description_content' id='catdesc<?php echo $count;?>'></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class='wrapper' <?php if ($count==14) echo 'onclick="MoreCategories(\'less\');"'; else if ($count==15) echo 'onclick="MoreCategories(\'more\');"'; else echo 'onclick="LoadProducts('.$count.');"';?> id='catdiv<?php echo $count;?>'>
|
|
|
+ <img class='imgwrapper' <?php if ($count==14) echo 'src="img/arrow-prev-top.png"'; if ($count==15) echo 'src="img/arrow-next-top.png"';?> width="98%" id='catimg<?php echo $count;?>'/>
|
|
|
+ <div class='description'>
|
|
|
+ <div class='description_content' id='catdesc<?php echo $count;?>'></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<?php
|
|
|
$count++;
|
|
|
}
|
|
|
?>
|
|
|
-</div>
|
|
|
+ </div>
|
|
|
|
|
|
-<div style="position:absolute; top:39%; left:32%; height:58%; width:72%;">
|
|
|
+ <div class="div5">
|
|
|
<?php
|
|
|
$count=0;
|
|
|
while ($count<32)
|
|
|
{
|
|
|
?>
|
|
|
- <div class='wrapper2' id='prodiv<?php echo $count;?>' <?php if ($count==30) {?> onclick="MoreProducts('less');" <?php } if ($count==31) {?> onclick="MoreProducts('more');" <?php } else echo 'onclick="ClickProduct('.$count.');"';?>>
|
|
|
- <img class='imgwrapper' <?php if ($count==30) echo 'src="img/arrow-prev-top.png"'; if ($count==31) echo 'src="img/arrow-next-top.png"';?> width="95%" id='proimg<?php echo $count;?>'/>
|
|
|
- <div class='description'>
|
|
|
- <div class='description_content' id='prodesc<?php echo $count;?>'></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class='wrapper2' id='prodiv<?php echo $count;?>' <?php if ($count==30) {?> onclick="MoreProducts('less');" <?php } if ($count==31) {?> onclick="MoreProducts('more');" <?php } else echo 'onclick="ClickProduct('.$count.');"';?>>
|
|
|
+ <img class='imgwrapper' <?php if ($count==30) echo 'src="img/arrow-prev-top.png"'; if ($count==31) echo 'src="img/arrow-next-top.png"';?> width="95%" id='proimg<?php echo $count;?>'/>
|
|
|
+ <div class='description'>
|
|
|
+ <div class='description_content' id='prodesc<?php echo $count;?>'></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<?php
|
|
|
$count++;
|
|
|
}
|
|
|
?>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
</body>
|
|
|
<?php
|
|
|
|