git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update second display layout

Browse Source
This commit is contained in:
Thein Lin Kyaw
2023-07-06 17:21:05 +06:30
parent e74828d03f
commit 2a00d4b77c
4 changed files with 7 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/views/foodcourt/second_display/_second_display.html.erb
View File

@@ -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="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-block">
<div class="card-text" > <div class="card-text" >
<div id="order-detail-slimscroll" data-height="160"> <div id="order-detail-slimscroll" data-height="160">
<table class="table table-striped second_display_items" id="order-items-table"> <table class="table table-striped second_display_items" id="order-items-table">
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th class="item-name">Items</th> <th class="item-name">Items</th>
<th class="item-">QTY</th> <th class="item-">QTY</th>
@@ -51,13 +50,4 @@
</div> </div>
</div> </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> </div>

6
app/views/foodcourt/second_display/index.html.erb
View File

@@ -88,13 +88,13 @@
} }
</style> </style>
<div class="container-fluid"> <div class="container-fluid h-100">
<button type="button" class="hidden" id="s_reload">Reload</button> <button type="button" class="hidden" id="s_reload">Reload</button>
<div class="slider" id="second_display_slider"> <div class="slider" id="second_display_slider">
<%= render 'slider' %> <%= render 'slider' %>
</div> </div>
<div class="item hidden" id="second_display_items"> <div class="item hidden h-100" id="second_display_items">
<%= render 'second_display' %> <%= render 'second_display' %>
</div> </div>
</div> </div>
@@ -110,7 +110,6 @@
}); });
showSlides("second_display_slider"); showSlides("second_display_slider");
showSlides("second_display_items");
function showSlides(sliderId) { function showSlides(sliderId) {
let slider = document.getElementById(sliderId); let slider = document.getElementById(sliderId);
@@ -127,7 +126,6 @@
slides[i].className = slides[i].className.replace("slide-in", "slide-out"); slides[i].className = slides[i].className.replace("slide-in", "slide-out");
} }
console.log(slideIndex);
slides[slideIndex].classList.remove("slide-out"); slides[slideIndex].classList.remove("slide-out");
slides[slideIndex].classList.add("slide-in"); slides[slideIndex].classList.add("slide-in");

12
app/views/origami/second_display/_second_display.html.erb
View File

@@ -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="col-lg-6 col-md-6 col-sm-6">
<div class="card"> <div class="card">
<div class="card-block"> <div class="card-block">
@@ -7,7 +7,6 @@
<table class="table table-striped second_display_items" id="order-items-table"> <table class="table table-striped second_display_items" id="order-items-table">
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th class="item-name">Items</th> <th class="item-name">Items</th>
<th class="item-">QTY</th> <th class="item-">QTY</th>
@@ -51,13 +50,4 @@
</div> </div>
</div> </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> </div>

6
app/views/origami/second_display/index.html.erb
View File

@@ -88,13 +88,13 @@
} }
</style> </style>
<div class="container-fluid"> <div class="container-fluid h-100">
<button type="button" class="hidden" id="s_reload">Reload</button> <button type="button" class="hidden" id="s_reload">Reload</button>
<div class="slider" id="second_display_slider"> <div class="slider" id="second_display_slider">
<%= render 'slider' %> <%= render 'slider' %>
</div> </div>
<div class="item hidden" id="second_display_items"> <div class="item hidden h-100" id="second_display_items">
<%= render 'second_display' %> <%= render 'second_display' %>
</div> </div>
</div> </div>
@@ -110,7 +110,6 @@
}); });
showSlides("second_display_slider"); showSlides("second_display_slider");
showSlides("second_display_items");
function showSlides(sliderId) { function showSlides(sliderId) {
let slider = document.getElementById(sliderId); let slider = document.getElementById(sliderId);
@@ -127,7 +126,6 @@
slides[i].className = slides[i].className.replace("slide-in", "slide-out"); slides[i].className = slides[i].className.replace("slide-in", "slide-out");
} }
console.log(slideIndex);
slides[slideIndex].classList.remove("slide-out"); slides[slideIndex].classList.remove("slide-out");
slides[slideIndex].classList.add("slide-in"); slides[slideIndex].classList.add("slide-in");