tryzealot/zealot

import { Controller } from "@hotwired/stimulus"
import * as ActionCable from '@rails/actioncable'
import * as bootstrap from 'bootstrap'
import { Zealot } from "./zealot"
import { application } from "./application"
import jquery from "jquery"

export default class extends Controller {
  static values = {
    env: String,
    rootUrl: String,
    apperance: String
  }

  connect() {
    this.initZealot()
    this.setupRailsDebugMode()
    this.fixAdminlteWithTubros()
    this.switchDarkMode()
  }

  initZealot() {
    Zealot.rootUrl = this.rootUrlValue
    Zealot.siteApperance = this.apperanceValue
    Zealot.env = this.envValue
  }

  switchDarkMode() {
    const apperance = Zealot.siteApperance
    if (apperance === "dark" || (apperance === "auto" && Zealot.isDarkMode())) {
      document.body.classList.add("dark-mode")

      var mainHeader = document.getElementsByClassName("main-header")
      Array.prototype.forEach.call(mainHeader, function(element) {
        element.classList.replace("navbar-white", "navbar-dark")
      })

      var mainSidebar = document.getElementsByClassName("main-sidebar")
      Array.prototype.forEach.call(mainSidebar, function(element) {
        element.classList.replace("sidebar-light-primary", "sidebar-dark-primary")
      });
    } else if (apperance === "light" && Zealot.isDarkMode()) {
      var darkBrandImage = document.getElementsByClassName("dark-brand-image")
      Array.prototype.forEach.call(darkBrandImage, function(element) {
        element.remove()
      });
    }
  }

  fixAdminlteWithTubros() {
    this.fixTooltipToggle()
    this.fixSidebarResize()
  }

  fixTooltipToggle() {
    var tooltipTriggerList = Array.prototype.slice.call(document.querySelectorAll('[data-toggle="tooltip"]'))
    tooltipTriggerList.map(function (tooltipTriggerEl) {
      return new bootstrap.Tooltip(tooltipTriggerEl)
    })
  }

  fixSidebarResize() {
    jquery(window).trigger("resize")
  }

  setupRailsDebugMode() {
    application.debug = Zealot.isDevelopment()
    ActionCable.logger.enabled = Zealot.isDevelopment()
  }
}