mirror of
https://github.com/devcode-it/openstamanager.git
synced 2025-02-24 23:37:51 +01:00
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 -
24 lines
785 B
JavaScript
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>;
|
|
}
|
|
}
|