]> BookStack Code Mirror - bookstack/blob - resources/assets/js/components/index.js
Made new sidebar layout responsive
[bookstack] / resources / assets / js / components / index.js
1
2 let componentMapping = {
3     'dropdown': require('./dropdown'),
4     'overlay': require('./overlay'),
5     'back-to-top': require('./back-top-top'),
6     'notification': require('./notification'),
7     'chapter-toggle': require('./chapter-toggle'),
8     'expand-toggle': require('./expand-toggle'),
9     'entity-selector-popup': require('./entity-selector-popup'),
10     'entity-selector': require('./entity-selector'),
11     'sidebar': require('./sidebar'),
12 };
13
14 window.components = {};
15
16 let componentNames = Object.keys(componentMapping);
17
18 for (let i = 0, len = componentNames.length; i < len; i++) {
19     let name = componentNames[i];
20     let elems = document.querySelectorAll(`[${name}]`);
21     if (elems.length === 0) continue;
22
23     let component = componentMapping[name];
24     if (typeof window.components[name] === "undefined") window.components[name] = [];
25     for (let j = 0, jLen = elems.length; j < jLen; j++) {
26          let instance = new component(elems[j]);
27          if (typeof elems[j].components === 'undefined') elems[j].components = {};
28          elems[j].components[name] = instance;
29          window.components[name].push(instance);
30     }
31 }