+
Outlet no.
3
ICO
@@ -142,14 +145,15 @@
+
Outlet no.
1
Internship Blockchain Contract
@@ -163,6 +167,7 @@
+
Outlet no.
2
FLO Blockchain Contract
@@ -176,6 +181,7 @@
+
Outlet no.
3
Startup Blockchain Contract
@@ -189,6 +195,7 @@
+
Outlet no.
4
Real Estate Blockchain Contract
@@ -202,6 +209,7 @@
+
Outlet no.
5
Painting Blockchain Contract
@@ -217,14 +225,15 @@
+
Outlet no.
1
Web Wallet
@@ -238,6 +247,7 @@
+
Outlet no.
2
FLO Messenger
@@ -251,6 +261,7 @@
+
Outlet no.
3
Content Collaboration
@@ -264,6 +275,7 @@
+
Outlet no.
4
RanchiMall Times
@@ -279,14 +291,15 @@
+
Outlet no.
1
Blockchain Cloud
@@ -300,6 +313,7 @@
+
Outlet no.
2
UPI on Blockchain
@@ -313,6 +327,7 @@
+
Outlet no.
3
E-Commerce on Blockchain
@@ -328,14 +343,15 @@
+
Outlet no.
1
Incorporation
@@ -349,6 +365,7 @@
+
Outlet no.
2
Team
@@ -362,6 +379,7 @@
+
Outlet no.
3
Operational Statistics
diff --git a/js/index.js b/js/index.js
index 1582f00..a95eefe 100644
--- a/js/index.js
+++ b/js/index.js
@@ -440,8 +440,8 @@ const floorListitemTemplate = document.createElement('template')
floorListitemTemplate.innerHTML = `
@@ -450,9 +450,12 @@ floorListitemTemplate.innerHTML = `
const outletListitemTemplate = document.createElement('template')
outletListitemTemplate.innerHTML = `
-
-
-
+
+
+
`
@@ -508,8 +511,6 @@ const render = {
).firstElementChild;
floorLabel.setAttribute("style", `top: ${offsetTop}px`);
floorLabel.dataset.target = `floor_${floorNumber}`;
- // floorLabel.querySelector('.floor-num').textContent = `Floor ${floorNumber}`
- // floorLabel.querySelector('.floor-name').textContent = floors[floorNumber - 1]
return floorLabel;
},
outletListItem(outletObj) {
@@ -525,12 +526,16 @@ const render = {
const li = floorListitemTemplate.content.cloneNode(true).firstElementChild
li.firstElementChild.dataset.target = `floor_${index + 1}`;
li.querySelector('.h3').textContent = floor
- li.querySelector('.h5').textContent = `floor ${index + 1}`
+ li.querySelector('.floor-num').textContent = `floor ${index + 1}`
+
+ const h3 = document.createElement('h3')
+ h3.classList.add('h3', 'weight-900', 'floor-list__outlet')
+ h3.textContent = 'Outlets'
const frag = document.createDocumentFragment()
outlets.forEach(outlet => frag.append(render.outletListItem(outlet)))
- li.querySelector('.outlet-list').append(frag)
+ li.querySelector('.outlet-list').append(h3, frag)
return li
},
outletSwitcherButton(outletObj, activeOutlet) {
@@ -665,13 +670,11 @@ document.addEventListener('click', e => {
const outletObserver = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
- // if(window.innerWidth < 640){
if (entry.isIntersecting) {
entry.target.querySelector("sm-carousel").startAutoPlay();
} else {
entry.target.querySelector("sm-carousel").stopAutoPlay();
}
- // }
});
},
{
@@ -761,6 +764,21 @@ function renderFloorOutlets(floorObj, activeOutlet) {
outlets.forEach(outlet => frag.append(render.outletSwitcherButton(outlet, activeOutlet)))
getRef('outlet_switcher__outlet_container').append(frag)
getRef('outlet_switcher__floor_num').textContent = floor
+ let floorNum = -1
+ let outletNum = -1
+ for (let i = 0; i < siteMap.length; i++){
+ if (siteMap[i].floor === floor) {
+ floorNum = i
+ break
+ }
+ }
+ for (let i = 0; i < outlets.length; i++){
+ if (outlets[i].url === activeOutlet) {
+ outletNum = i
+ break
+ }
+ }
+ document.querySelector('.outlet-label__name').textContent = floorNum > -1 ? `Floor ${floorNum + 1} outlet ${outletNum + 1}` : ''
}
let isSiteMapOpen = false;