diff --git a/assets/app.js b/assets/app.js index bb0a6aa..48617e4 100644 --- a/assets/app.js +++ b/assets/app.js @@ -6,7 +6,26 @@ */ // any CSS you import will output into a single css file (app.css in this case) -import './styles/app.css'; +import 'fork-awesome/scss/fork-awesome.scss' +import './styles/app.scss' +import $ from 'jquery' +import 'bootstrap' +//import './js/index' +// needed for legacy code +//global.$ = $ +if (window.matchMedia('(prefers-color-scheme)').media !== 'not all') { + console.log('🎉 Dark mode is supported') +} + +$(document).ready(() => { + console.log('ready') + $('#toggleSidebar').on('click', () => { + const toggleIcon = $('#toggleIcon') + toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-left') + toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-right') + $('#sidebar').toggleClass('active') + }) +}) // start the Stimulus application -import './bootstrap'; +//import './bootstrap'