somleng/twilreapi

import { Controller } from "@hotwired/stimulus"

import * as bootstrap from "bootstrap"
import * as coreui from '@coreui/coreui';
import moment from "moment";
import Choices from "choices.js";

// Connects to data-controller="dashboard"
export default class extends Controller {
  connect() {
    [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function (element) {
      return new bootstrap.Tooltip(element)
    });

    [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function (element) {
      return new bootstrap.Popover(element)
    });

    [].slice.call(document.querySelectorAll('[data-coreui="navigation"]')).map(function (element) {
      return coreui.Navigation.getOrCreateInstance(element);
    });

    [].slice.call(document.querySelectorAll('time[data-behavior~=local-time]')).map(function (element) {
      element.textContent = moment(element.textContent).format("lll (Z)")
    });

    [].slice.call(document.querySelectorAll('.sidebar')).map(function (element) {
      return coreui.Sidebar.getOrCreateInstance(element);
    });

    [].slice.call(document.querySelectorAll('[data-behavior~=choices-input]')).map(function (element) {
      return new Choices(element, JSON.parse(element.dataset.choicesOptions || '{}'));
    });
  }
}