+
+ ${msg}
+
+ `
+
+ for (const id of ids) {
+ await sleep(timer)
+
+ try {
+
+ const itemObj = await getItem(id)
+ if (itemObj == undefined || itemObj.type != itemType.comment || !itemObj.text) {
+ continue
+ }
+
+ const item = document.createElement('div')
+ item.className = 'card'
+ item.innerHTML = message(itemObj.text)
+
+ target.appendChild(item)
+
+ if (itemObj.kids && itemObj.kids.length > 0) {
+ const mainBox = item.getElementsByClassName('content')[0]
+ const subBox = document.createElement('div')
+
+ subBox.className = 'card'
+
+ mainBox.innerHTML += '
'
+ mainBox.appendChild(subBox)
+
+ await loadCommnets(itemObj.kids, subBox)
+ }
+
+ } catch (e) {
+ console.log(`[loadCommnets] failed to load comment ${id}, error ${e}`)
+ }
+ }
+}
+
+if (!isQuery) {
+ newMode ? fetchMaxItem() : fetchStories()
+ document.addEventListener('scroll', loadItems)
+} else {
+ itemPage()
+}
+
+// ================ new items section stuff ===================
+let permission = 'denied'
+let notificationBtn = document.getElementById('notification-btn')
+
+notificationBtn.addEventListener("click", updatePermission)
+function updatePermission() {
+ Notification.requestPermission().then(result => {
+ permission = result
+ notificationBtn.disabled = permission == 'denied'
+ })
+}
+updatePermission()
+
+let switchBtn = document.getElementById('switch-btn')
+if (newMode) {
+ switchBtn.innerText = 'Top'
+ switchBtn.className = 'button is-primary'
+}
+
+switchBtn.addEventListener("click", () => {
+ if (newMode) {
+ window.location.assign('index.html')
+ } else {
+ window.location.assign('index.html?order=new')
+ }
+})
+