dist/scripts/controllers/navigation_controller.js in simplecov-tailwindcss-2.0.0 vs dist/scripts/controllers/navigation_controller.js in simplecov-tailwindcss-2.1.0
- old
+ new
@@ -1,41 +1,39 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from '@hotwired/stimulus'
export default class extends Controller {
- static classes = ["hide", "active", "inactive"]
+ static classes = ['hide', 'active', 'inactive']
static values = { currentActive: String }
initialize() {
let url = new URL(document.location)
- this.currentActiveValue = url.searchParams.get("tabName")
- ? url.searchParams.get("tabName")
- : ""
+ this.currentActiveValue = url.searchParams.get('tabName') ? url.searchParams.get('tabName') : ''
}
connect() {
- if (this.currentActiveValue != "") {
+ if (this.currentActiveValue != '') {
this.navigate()
}
}
navigateEvent(event) {
let url = new URL(document.location)
this.currentActiveValue = event.currentTarget.dataset.index
- url.searchParams.set("tabName", event.currentTarget.dataset.index)
- window.history.pushState({}, "", url)
+ url.searchParams.set('tabName', event.currentTarget.dataset.index)
+ window.history.pushState({}, '', url)
this.navigate()
}
navigate() {
- let navBodies = document.querySelectorAll(".navBody")
+ let navBodies = document.querySelectorAll('.navBody')
navBodies.forEach((el) => {
if (!el.classList.contains(this.hideClass)) {
el.classList.add(this.hideClass)
}
})
- let navs = document.querySelectorAll(".nav")
+ let navs = document.querySelectorAll('.nav')
navs.forEach((nav) => {
if (nav.classList.contains(...this.activeClasses)) {
nav.classList.remove(...this.activeClasses)
nav.classList.add(...this.inactiveClasses)
}
@@ -46,10 +44,8 @@
nav.classList.remove(...this.inactiveClasses)
nav.classList.add(...this.activeClasses)
}
})
- document
- .getElementById(this.currentActiveValue)
- .classList.remove(this.hideClass)
+ document.getElementById(this.currentActiveValue).classList.remove(this.hideClass)
}
}