format file and addded new fomr
This commit is contained in:
franknstayn
@@ -48,366 +48,7 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
<title>Order Details</title>
|
<title>Order Details</title>
|
||||||
<style>
|
<link rel="stylesheet" href="styles.css">
|
||||||
img {
|
|
||||||
border: none;
|
|
||||||
-ms-interpolation-mode: bicubic;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #f6f6f6;
|
|
||||||
font-family: sans-serif;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
-ms-text-size-adjust: 100%;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: separate;
|
|
||||||
mso-table-lspace: 0pt;
|
|
||||||
mso-table-rspace: 0pt;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
BODY & CONTAINER
|
|
||||||
------------------------------------- */
|
|
||||||
|
|
||||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
|
||||||
.container {
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto !important;
|
|
||||||
/* makes it centered */
|
|
||||||
max-width: 880px;
|
|
||||||
padding: 10px;
|
|
||||||
width: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
|
||||||
.content {
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 880px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
HEADER, FOOTER, MAIN
|
|
||||||
------------------------------------- */
|
|
||||||
.main {
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 3px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-block {
|
|
||||||
padding-bottom: 10px;
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
clear: both;
|
|
||||||
margin-top: 10px;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer td,
|
|
||||||
.footer p,
|
|
||||||
.footer span,
|
|
||||||
.footer a {
|
|
||||||
color: #999999;
|
|
||||||
font-size: 12px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
TYPOGRAPHY
|
|
||||||
------------------------------------- */
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
color: #000000;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: 1.4;
|
|
||||||
margin: 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 35px;
|
|
||||||
font-weight: 300;
|
|
||||||
text-align: center;
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: normal;
|
|
||||||
margin: 0;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p li,
|
|
||||||
ul li,
|
|
||||||
ol li {
|
|
||||||
list-style-position: inside;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #3498db;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
BUTTONS
|
|
||||||
------------------------------------- */
|
|
||||||
.btn {
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn>tbody>tr>td {
|
|
||||||
padding-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn table {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn table td {
|
|
||||||
background-color: #ffffff;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn a {
|
|
||||||
background-color: #ffffff;
|
|
||||||
border: solid 1px #3498db;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
color: #3498db;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 0;
|
|
||||||
padding: 12px 25px;
|
|
||||||
text-decoration: none;
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary table td {
|
|
||||||
background-color: #3498db;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary a {
|
|
||||||
background-color: #3498db;
|
|
||||||
border-color: #3498db;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
OTHER STYLES THAT MIGHT BE USEFUL
|
|
||||||
------------------------------------- */
|
|
||||||
.last {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-left {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mt0 {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mb0 {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preheader {
|
|
||||||
color: transparent;
|
|
||||||
display: none;
|
|
||||||
height: 0;
|
|
||||||
max-height: 0;
|
|
||||||
max-width: 0;
|
|
||||||
opacity: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
mso-hide: all;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.powered-by a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 1px solid #f6f6f6;
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
|
||||||
------------------------------------- */
|
|
||||||
@media only screen and (max-width: 620px) {
|
|
||||||
table[class=body] h1 {
|
|
||||||
font-size: 28px !important;
|
|
||||||
margin-bottom: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] p,
|
|
||||||
table[class=body] ul,
|
|
||||||
table[class=body] ol,
|
|
||||||
table[class=body] td,
|
|
||||||
table[class=body] span,
|
|
||||||
table[class=body] a {
|
|
||||||
font-size: 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .wrapper,
|
|
||||||
table[class=body] .article {
|
|
||||||
padding: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .content {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .container {
|
|
||||||
padding: 0 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .main {
|
|
||||||
border-left-width: 0 !important;
|
|
||||||
border-radius: 0 !important;
|
|
||||||
border-right-width: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .btn table {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .btn a {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
table[class=body] .img-responsive {
|
|
||||||
height: auto !important;
|
|
||||||
max-width: 100% !important;
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -------------------------------------
|
|
||||||
PRESERVE THESE STYLES IN THE HEAD
|
|
||||||
------------------------------------- */
|
|
||||||
@media all {
|
|
||||||
.ExternalClass {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ExternalClass,
|
|
||||||
.ExternalClass p,
|
|
||||||
.ExternalClass span,
|
|
||||||
.ExternalClass font,
|
|
||||||
.ExternalClass td,
|
|
||||||
.ExternalClass div {
|
|
||||||
line-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.apple-link a {
|
|
||||||
color: inherit !important;
|
|
||||||
font-family: inherit !important;
|
|
||||||
font-size: inherit !important;
|
|
||||||
font-weight: inherit !important;
|
|
||||||
line-height: inherit !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary table td:hover {
|
|
||||||
background-color: #34495e !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary a:hover {
|
|
||||||
background-color: #34495e !important;
|
|
||||||
border-color: #34495e !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.table-bordered td,
|
|
||||||
th {
|
|
||||||
border: 1px solid black;
|
|
||||||
padding: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.previewImage {
|
|
||||||
height: 200px;
|
|
||||||
overflow: hidden;
|
|
||||||
object-fit: contain;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
.items tr {
|
|
||||||
page-break-inside: avoid;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@page {
|
|
||||||
size: 18cm 26.7cm;
|
|
||||||
margin: 1cm;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tbl_subitem tr td {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -426,8 +67,7 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<h3 class="align-center" style="font-size: 15px;"><b>Daily Reports
|
<h3 class="align-center" style="font-size: 15px;"><b>Daily Reports <?php echo $dateToday ?></b></h3>
|
||||||
<?php echo $dateToday ?></b> </h3>
|
|
||||||
<br>
|
<br>
|
||||||
<?php
|
<?php
|
||||||
$q = $conn->prepare("SELECT t.StoreName, o.ProductId, o.FormUsed, o.ProductName, o.NAME, o.NUMBER, o.Size, o.JerseySize, o.ShortsSize, o.Price, o.Quantity, (o.Price * o.Quantity) AS TotalPrice, ((o.Price * o.Quantity) * 0.10) AS Tax,
|
$q = $conn->prepare("SELECT t.StoreName, o.ProductId, o.FormUsed, o.ProductName, o.NAME, o.NUMBER, o.Size, o.JerseySize, o.ShortsSize, o.Price, o.Quantity, (o.Price * o.Quantity) AS TotalPrice, ((o.Price * o.Quantity) * 0.10) AS Tax,
|
||||||
@@ -441,15 +81,10 @@ $array_orders = getSubItem($dateToday);
|
|||||||
$result = $q->rowCount();
|
$result = $q->rowCount();
|
||||||
|
|
||||||
if($result > 0){
|
if($result > 0){
|
||||||
// $i = 1;
|
|
||||||
while ($row = $q->fetch()) {
|
while ($row = $q->fetch()) {
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<div class="items-parent"
|
<div class="items-parent" style="border: 1px solid #e2e2e2; padding: 10px; margin-bottom: 10px;">
|
||||||
style="border: 1px solid #e2e2e2; padding: 10px; margin-bottom: 10px;">
|
<table class="items" role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||||
|
|
||||||
<table class="items" role="presentation" border="0" cellpadding="0"
|
|
||||||
cellspacing="0">
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
@@ -462,27 +97,18 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<tr>
|
<tr>
|
||||||
<td colspan="2">
|
<td colspan="2">
|
||||||
<div style="font-size: 12px;">
|
<div style="font-size: 12px;">
|
||||||
<a href="#">
|
<a href="#"><?php echo $row['ProductName'] ?></a>
|
||||||
<?php echo $row['ProductName'] ?>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
<!-- -->
|
|
||||||
<?php
|
<?php
|
||||||
$itemImages = getItemImages($row['ProductId']);
|
$itemImages = getItemImages($row['ProductId']);
|
||||||
foreach($itemImages as $thumb_key => $thumb_val){
|
foreach($itemImages as $thumb_key => $thumb_val){
|
||||||
// echo $thumb_val['Image'];
|
|
||||||
echo '<img style="height: 150px; overflow: hidden; object-fit: contain;" src="https://crewsportswear.app/images/'.$thumb_val['Image'].'"> ';
|
echo '<img style="height: 150px; overflow: hidden; object-fit: contain;" src="https://crewsportswear.app/images/'.$thumb_val['Image'].'"> ';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</div>
|
</div>
|
||||||
<table id="tbl_subitem"
|
<table id="tbl_subitem"class="table table-condensed table-bordered" style="width: 100%; border-collapse: collapse;">
|
||||||
class="table table-condensed table-bordered"
|
<?php if($row['FormUsed']=="jersey-and-shorts-form"){ ?>
|
||||||
style="width: 100%; border-collapse: collapse;">
|
|
||||||
<?php
|
|
||||||
|
|
||||||
if($row['FormUsed']=="jersey-and-shorts-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<td><b>Name</b></td>
|
<td><b>Name</b></td>
|
||||||
@@ -491,34 +117,25 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<td><b>Shorts Size</b></td>
|
<td><b>Shorts Size</b></td>
|
||||||
<td><b>Quantity</b></td>
|
<td><b>Quantity</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="tshirt-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="tshirt-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<td><b>Size</b></td>
|
<td><b>Size</b></td>
|
||||||
<td><b>Quantity</b></td>
|
<td><b>Quantity</b></td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="quantity-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="quantity-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<td>Quantity</b></td>
|
<td>Quantity</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-number-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-number-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<td><b>Name</b></td>
|
<td><b>Name</b></td>
|
||||||
<td><b>Number</b></td>
|
<td><b>Number</b></td>
|
||||||
<td><b>Quantity</b></td>
|
<td><b>Quantity</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-number-size-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-number-size-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
@@ -526,87 +143,76 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<th>Size</th>
|
<th>Size</th>
|
||||||
<th>Quantity</th>
|
<th>Quantity</th>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="number-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="number-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<th>Number</th>
|
<th>Number</th>
|
||||||
<th>Quantity</th>
|
<th>Quantity</th>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-name2-size-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-size-form"){
|
<tr>
|
||||||
?>
|
<td><b>#</b></td>
|
||||||
|
<td>Gamer Tag</td>
|
||||||
|
<td>Name</td>
|
||||||
|
<td>Size</td>
|
||||||
|
<td>Quantity</td>
|
||||||
|
</tr>
|
||||||
|
<?php }elseif($row['FormUsed']=="name-size-form"){ ?>
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Size</th>
|
<th>Size</th>
|
||||||
<th>Quantity</th>
|
<th>Quantity</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="jersey-and-shorts-quantity-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="jersey-and-shorts-quantity-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><b>#</b></td>
|
<td><b>#</b></td>
|
||||||
<th>Jersey Size</th>
|
<th>Jersey Size</th>
|
||||||
<th>Shorts Size</th>
|
<th>Shorts Size</th>
|
||||||
<th>Quantity</th>
|
<th>Quantity</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="number-jersey-shorts-form"){ ?>
|
||||||
|
<tr>
|
||||||
}else{
|
<td><b>#</b></td>
|
||||||
// else
|
<td><b>Number</b></td>
|
||||||
}
|
<td><b>Jersey Size</b></td>
|
||||||
|
<td><b>Shorts Size</b></td>
|
||||||
|
<td><b>Quantity</b></td>
|
||||||
|
</tr>
|
||||||
|
<?php }else{ /* else */ }
|
||||||
|
|
||||||
$i=1;
|
$i=1;
|
||||||
|
|
||||||
foreach($array_orders as $key => $val){
|
foreach($array_orders as $key => $val){
|
||||||
if($val['ProductId'] == $row['ProductId']){
|
if($val['ProductId'] == $row['ProductId']){
|
||||||
|
if($row['FormUsed']=="jersey-and-shorts-form"){ ?>
|
||||||
if($row['FormUsed']=="jersey-and-shorts-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td><?php echo $i++ ?></td>
|
||||||
<?php echo $i++ ?>
|
<td><?php echo ($val['Name'] !== "") ? : '--' ?></td>
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<?php echo ($val['Name'] !== "") ? : '--' ?>
|
|
||||||
</td>
|
|
||||||
<td><?php echo $val['Number'] ?> </td>
|
<td><?php echo $val['Number'] ?> </td>
|
||||||
<td><?php echo $val['JerseySize'] ?> </td>
|
<td><?php echo $val['JerseySize'] ?> </td>
|
||||||
<td><?php echo $val['ShortsSize'] ?> </td>
|
<td><?php echo $val['ShortsSize'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="tshirt-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="tshirt-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Size'] ?> </td>
|
<td><?php echo $val['Size'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="quantity-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="quantity-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-number-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-number-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Name'] ?> </td>
|
<td><?php echo $val['Name'] ?> </td>
|
||||||
<td><?php echo $val['Number'] ?> </td>
|
<td><?php echo $val['Number'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-number-size-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-number-size-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Name'] ?> </td>
|
<td><?php echo $val['Name'] ?> </td>
|
||||||
@@ -614,44 +220,45 @@ $array_orders = getSubItem($dateToday);
|
|||||||
<td><?php echo $val['Size'] ?> </td>
|
<td><?php echo $val['Size'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="number-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="number-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Number'] ?> </td>
|
<td><?php echo $val['Number'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="name-name2-size-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="name-size-form"){
|
<tr>
|
||||||
?>
|
<td><?php echo $i++ ?> </td>
|
||||||
|
<td><?php echo $val['Name'] ?> </td>
|
||||||
|
<td><?php echo $val['Name2'] ?> </td>
|
||||||
|
<td><?php echo $val['Size'] ?> </td>
|
||||||
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
|
</tr>
|
||||||
|
<?php }elseif($row['FormUsed']=="name-size-form"){ ?>
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['Name'] ?> </td>
|
<td><?php echo $val['Name'] ?> </td>
|
||||||
<td><?php echo $val['Size'] ?> </td>
|
<td><?php echo $val['Size'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="jersey-and-shorts-quantity-form"){ ?>
|
||||||
}elseif($row['FormUsed']=="jersey-and-shorts-quantity-form"){
|
|
||||||
?>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo $i++ ?> </td>
|
<td><?php echo $i++ ?> </td>
|
||||||
<td><?php echo $val['JerseySize'] ?> </td>
|
<td><?php echo $val['JerseySize'] ?> </td>
|
||||||
<td><?php echo $val['ShortsSize'] ?> </td>
|
<td><?php echo $val['ShortsSize'] ?> </td>
|
||||||
<td><?php echo $val['Quantity'] ?> </td>
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php
|
<?php }elseif($row['FormUsed']=="number-jersey-shorts-form"){ ?>
|
||||||
}else{
|
<tr>
|
||||||
|
<td><?php echo $i++ ?></td>
|
||||||
|
<td><?php echo $val['Number'] ?> </td>
|
||||||
|
<td><?php echo $val['JerseySize'] ?> </td>
|
||||||
|
<td><?php echo $val['ShortsSize'] ?> </td>
|
||||||
|
<td><?php echo $val['Quantity'] ?> </td>
|
||||||
|
</tr>
|
||||||
|
<?php }else{ /* else */ }
|
||||||
}
|
}
|
||||||
}
|
} ?>
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
?>
|
|
||||||
<!-- table header -->
|
|
||||||
<!-- table body -->
|
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -662,8 +269,6 @@ $array_orders = getSubItem($dateToday);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
356
styles.css
Normal file
356
styles.css
Normal file
@@ -0,0 +1,356 @@
|
|||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
font-family: sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: separate;
|
||||||
|
mso-table-lspace: 0pt;
|
||||||
|
mso-table-rspace: 0pt;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
BODY & CONTAINER
|
||||||
|
------------------------------------- */
|
||||||
|
|
||||||
|
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||||
|
.container {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
/* makes it centered */
|
||||||
|
max-width: 880px;
|
||||||
|
padding: 10px;
|
||||||
|
width: 880px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||||
|
.content {
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 880px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
HEADER, FOOTER, MAIN
|
||||||
|
------------------------------------- */
|
||||||
|
.main {
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 3px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-block {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer td,
|
||||||
|
.footer p,
|
||||||
|
.footer span,
|
||||||
|
.footer a {
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
TYPOGRAPHY
|
||||||
|
------------------------------------- */
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
color: #000000;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p li,
|
||||||
|
ul li,
|
||||||
|
ol li {
|
||||||
|
list-style-position: inside;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #3498db;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
BUTTONS
|
||||||
|
------------------------------------- */
|
||||||
|
.btn {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn > tbody > tr > td {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn table td {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn a {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: solid 1px #3498db;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #3498db;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0;
|
||||||
|
padding: 12px 25px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary table td {
|
||||||
|
background-color: #3498db;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary a {
|
||||||
|
background-color: #3498db;
|
||||||
|
border-color: #3498db;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
OTHER STYLES THAT MIGHT BE USEFUL
|
||||||
|
------------------------------------- */
|
||||||
|
.last {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.first {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt0 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mb0 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preheader {
|
||||||
|
color: transparent;
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
max-height: 0;
|
||||||
|
max-width: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
mso-hide: all;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.powered-by a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #f6f6f6;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||||
|
------------------------------------- */
|
||||||
|
@media only screen and (max-width: 620px) {
|
||||||
|
table[class="body"] h1 {
|
||||||
|
font-size: 28px !important;
|
||||||
|
margin-bottom: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] p,
|
||||||
|
table[class="body"] ul,
|
||||||
|
table[class="body"] ol,
|
||||||
|
table[class="body"] td,
|
||||||
|
table[class="body"] span,
|
||||||
|
table[class="body"] a {
|
||||||
|
font-size: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .wrapper,
|
||||||
|
table[class="body"] .article {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .content {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .container {
|
||||||
|
padding: 0 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .main {
|
||||||
|
border-left-width: 0 !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-right-width: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .btn table {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .btn a {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table[class="body"] .img-responsive {
|
||||||
|
height: auto !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------------------------------------
|
||||||
|
PRESERVE THESE STYLES IN THE HEAD
|
||||||
|
------------------------------------- */
|
||||||
|
@media all {
|
||||||
|
.ExternalClass {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ExternalClass,
|
||||||
|
.ExternalClass p,
|
||||||
|
.ExternalClass span,
|
||||||
|
.ExternalClass font,
|
||||||
|
.ExternalClass td,
|
||||||
|
.ExternalClass div {
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apple-link a {
|
||||||
|
color: inherit !important;
|
||||||
|
font-family: inherit !important;
|
||||||
|
font-size: inherit !important;
|
||||||
|
font-weight: inherit !important;
|
||||||
|
line-height: inherit !important;
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary table td:hover {
|
||||||
|
background-color: #34495e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary a:hover {
|
||||||
|
background-color: #34495e !important;
|
||||||
|
border-color: #34495e !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-bordered td,
|
||||||
|
th {
|
||||||
|
border: 1px solid black;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewImage {
|
||||||
|
height: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
.items tr {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@page {
|
||||||
|
size: 18cm 26.7cm;
|
||||||
|
margin: 1cm;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tbl_subitem tr td {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user