|
|
|
@ -1,28 +1,12 @@ |
|
|
|
|
import 'packs/public-path'; |
|
|
|
|
import loadPolyfills from 'flavours/glitch/util/load_polyfills'; |
|
|
|
|
import ready from 'flavours/glitch/util/ready'; |
|
|
|
|
import loadKeyboardExtensions from 'flavours/glitch/util/load_keyboard_extensions'; |
|
|
|
|
|
|
|
|
|
function setupSidebar() { |
|
|
|
|
function main() { |
|
|
|
|
const { delegate } = require('@rails/ujs'); |
|
|
|
|
|
|
|
|
|
delegate(document, '.sidebar__toggle__icon', 'click', () => { |
|
|
|
|
const target = document.querySelector('.sidebar ul'); |
|
|
|
|
|
|
|
|
|
if (target.style.display === 'block') { |
|
|
|
|
target.style.display = 'none'; |
|
|
|
|
} else { |
|
|
|
|
target.style.display = 'block'; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
loadPolyfills() |
|
|
|
|
.then(setupSidebar) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.error(error); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
ready(() => { |
|
|
|
|
ready(() => { |
|
|
|
|
const React = require('react'); |
|
|
|
|
const ReactDOM = require('react-dom'); |
|
|
|
|
|
|
|
|
@ -42,4 +26,23 @@ ready(() => { |
|
|
|
|
console.error(error); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
delegate(document, '.sidebar__toggle__icon', 'click', () => { |
|
|
|
|
const target = document.querySelector('.sidebar ul'); |
|
|
|
|
|
|
|
|
|
if (target.style.display === 'block') { |
|
|
|
|
target.style.display = 'none'; |
|
|
|
|
} else { |
|
|
|
|
target.style.display = 'block'; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
loadPolyfills() |
|
|
|
|
.then(main) |
|
|
|
|
.then(loadKeyboardExtensions) |
|
|
|
|
.catch(error => { |
|
|
|
|
console.error(error); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|