modify css in order table

This commit is contained in:
Zin Moe
2020-03-13 14:38:16 +06:30
parent 05fff8c136
commit 2cd816e20f
2 changed files with 14 additions and 9 deletions

View File

@@ -1619,7 +1619,7 @@ $(function() {
} }
row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">' row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">'
+ oos_item + oos_header + oos_item + oos_header
+'<div class="custom-card-head card-head row" style="margin:0px; height: auto; font-size: 0.9em;" >' +'<div class="custom-card-head card-head row" style="margin:0px; height: auto; font-size: 0.9em; opacity: '+opacity+'" >'
+'<div class="col-md-10 " style="padding:0px !important;">'+ menu_items[field].name +'</div>' +'<div class="col-md-10 " style="padding:0px !important;">'+ menu_items[field].name +'</div>'
+'</div>' +'</div>'
@@ -1639,7 +1639,7 @@ $(function() {
+" data-target='."+data_target+"' " +" data-target='."+data_target+"' "
+" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+"" +" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+""
+" 'data-instances = '"+JSON.stringify(menu_items[field].instances)+"'>" +" 'data-instances = '"+JSON.stringify(menu_items[field].instances)+"'>"
+ '<img src = "../../'+image_path+'" class="img-fluid" />' + '<img src = "../../'+image_path+'" class="img-fluid" style="opacity: '+opacity+'"/>'
+'</div>' +'</div>'
+'<div class="card-footer custom-card-footer custom-flex-footer">' +'<div class="card-footer custom-card-footer custom-flex-footer">'
+'<span style="font-weight:900;flex-grow:1;">'+ price +'</span>' +'<span style="font-weight:900;flex-grow:1;">'+ price +'</span>'
@@ -1666,13 +1666,15 @@ $(function() {
// oos_item = out_of_stock_item // oos_item = out_of_stock_item
oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height:100%; pointer-events: none;">' oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height:100%; pointer-events: none;">'
oos_header = '<div class="head'+code+'" style="position: absolute;z-index: 5;bottom: 0;left: 0;right: 0;text-align: center;background: #fb483a;margin: auto;color: #fff;padding: 8px;font-weight: bolder;">OUT OF STOCK</div>' oos_header = '<div class="head'+code+'" style="position: absolute;z-index: 5;bottom: 0;left: 0;right: 0;text-align: center;background: #fb483a;margin: auto;color: #fff;padding: 8px;font-weight: bolder;">OUT OF STOCK</div>'
opacity = 0.5
}else{ }else{
oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height:100%;">' oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height:100%;">'
oos_header = '' oos_header = ''
opacity = ''
} }
row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">' row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">'
+ oos_item + oos_header + oos_item + oos_header
+'<div class="custom-card-no-img-head card-head h-100 '+add_icon+' " id="oos'+ code +'" style="margin:0px;display:flex;!important "' +'<div class="custom-card-no-img-head card-head h-100 '+add_icon+' " id="oos'+ code +'" style="margin:0px;display:flex; opacity: '+opacity+';"'
+" data-item-code='"+ menu_items[field].code +"' " +" data-item-code='"+ menu_items[field].code +"' "
+" data-name='" + menu_items[field].name +"' " +" data-name='" + menu_items[field].name +"' "
+" data-qty = '"+ qty +"' " +" data-qty = '"+ qty +"' "

View File

@@ -176,8 +176,15 @@
</div> </div>
<div class="card-block d-flex flex-column h-100"> <div class="card-block d-flex flex-column h-100">
<div class="table-responsive"> <!-- <div class="table-responsive">
<table class="table" id="append-table"> <table class="table m-b-0" id="append-table">
<thead>
</thead>
</table>
</div> -->
<div class="card-text h-100" id="foodcourt-order-slimscroll">
<table class="table table-striped summary-items" id="order-items-table">
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
@@ -186,10 +193,6 @@
<th class="text-nowrap text-right">Price</th> <th class="text-nowrap text-right">Price</th>
</tr> </tr>
</thead> </thead>
</table>
</div>
<div class="card-text h-100" id="foodcourt-order-slimscroll">
<table class="table table-striped summary-items fixed-header" id="order-items-table" >
<tbody class="font-13" > <tbody class="font-13" >
</tbody> </tbody>