update second display layout
This commit is contained in:
@@ -1,13 +1,12 @@
|
||||
<div class="row clearfix">
|
||||
<div class="row clearfix h-100">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="card">
|
||||
<div class="card" style="opacity: 0.75;">
|
||||
<div class="card-block">
|
||||
<div class="card-text" >
|
||||
<div id="order-detail-slimscroll" data-height="160">
|
||||
<table class="table table-striped second_display_items" id="order-items-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>#</th>
|
||||
<th class="item-name">Items</th>
|
||||
<th class="item-">QTY</th>
|
||||
@@ -51,13 +50,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6" style="display: block;">
|
||||
<section class="slideshow-container">
|
||||
<% @display_images.each do |p| %>
|
||||
<div class="mySlides">
|
||||
<%= image_tag "#{p.image}" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -88,13 +88,13 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid h-100">
|
||||
<button type="button" class="hidden" id="s_reload">Reload</button>
|
||||
<div class="slider" id="second_display_slider">
|
||||
<%= render 'slider' %>
|
||||
</div>
|
||||
|
||||
<div class="item hidden" id="second_display_items">
|
||||
<div class="item hidden h-100" id="second_display_items">
|
||||
<%= render 'second_display' %>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,7 +110,6 @@
|
||||
});
|
||||
|
||||
showSlides("second_display_slider");
|
||||
showSlides("second_display_items");
|
||||
|
||||
function showSlides(sliderId) {
|
||||
let slider = document.getElementById(sliderId);
|
||||
@@ -127,7 +126,6 @@
|
||||
slides[i].className = slides[i].className.replace("slide-in", "slide-out");
|
||||
}
|
||||
|
||||
console.log(slideIndex);
|
||||
slides[slideIndex].classList.remove("slide-out");
|
||||
slides[slideIndex].classList.add("slide-in");
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="row clearfix">
|
||||
<div class="row clearfix h-100">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
@@ -7,7 +7,6 @@
|
||||
<table class="table table-striped second_display_items" id="order-items-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>#</th>
|
||||
<th class="item-name">Items</th>
|
||||
<th class="item-">QTY</th>
|
||||
@@ -51,13 +50,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6" style="display: block;">
|
||||
<section class="slideshow-container">
|
||||
<% @display_images.each do |p| %>
|
||||
<div class="mySlides">
|
||||
<%= image_tag "#{p.image}" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -88,13 +88,13 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="container-fluid h-100">
|
||||
<button type="button" class="hidden" id="s_reload">Reload</button>
|
||||
<div class="slider" id="second_display_slider">
|
||||
<%= render 'slider' %>
|
||||
</div>
|
||||
|
||||
<div class="item hidden" id="second_display_items">
|
||||
<div class="item hidden h-100" id="second_display_items">
|
||||
<%= render 'second_display' %>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,7 +110,6 @@
|
||||
});
|
||||
|
||||
showSlides("second_display_slider");
|
||||
showSlides("second_display_items");
|
||||
|
||||
function showSlides(sliderId) {
|
||||
let slider = document.getElementById(sliderId);
|
||||
@@ -127,7 +126,6 @@
|
||||
slides[i].className = slides[i].className.replace("slide-in", "slide-out");
|
||||
}
|
||||
|
||||
console.log(slideIndex);
|
||||
slides[slideIndex].classList.remove("slide-out");
|
||||
slides[slideIndex].classList.add("slide-in");
|
||||
|
||||
|
||||
Reference in New Issue
Block a user