1
0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-24 23:37:51 +01:00
Maicol Battistini 2d37c8eda4
feat: Sostituito Laravel Mix con Vite
Vite permette di utilizzare i moduli ES6, in modo da caricare le views dei moduli custom tramite Import Maps (automatico). Gli assets devono essere inseriti nella cartella resources/static invece che nella cartella public.
Altri miglioramenti:
- I componenti sono stati migliorati, in modo da utilizzare collect.js (le collections di Laravel in JS) e classnames (per l'aggiunta di classi CSS ai componenti)
- Ogni cartella ha ora un file `index.js` così da poter importare facilmente i componenti nei moduli custom
- Possibilità di aggiungere un titolo nella pagina, definendolo nella route
-
2021-09-07 13:28:20 +02:00

24 lines
785 B
JavaScript

import Component from '../Component';
export default class Cell extends Component {
view(vnode) {
const spans = [];
for (const device of ['desktop', 'tablet', 'phone']) {
const key = `columnspan-${device}`;
if (this.attrs.has(key)) {
spans.push(`mdc-layout-grid__cell--span-${this.attrs.get(key)}-${device}`);
}
}
this.attrs.addClassNames('mdc-layout-grid__cell', {
[`mdc-layout-grid__cell--span-${this.attrs.columnspan}`]: this.attrs.has('columnspan'),
[`mdc-layout-grid__cell--order-${this.attrs.get('order')}`]: this.attrs.has('order'),
[`mdc-layout-grid__cell--align-${this.attrs.get('align')}`]: this.attrs.has('align')
}, spans);
return <div {...this.attrs.all()}>
{vnode.children}
</div>;
}
}