BootstrapGrid.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. export default class BootstrapGrid {
  2. constructor(colsRatios, responsiveSize) {
  3. this.colsRatios = BootstrapGrid.validateColsRatios(colsRatios);
  4. this.responsiveSize = BootstrapGrid.validateResponsiveSize(responsiveSize);
  5. }
  6. static ResponsiveSize = {
  7. XS_SIZE: ['xs', 'smartphone'], SM_SIZE: ['sm', 'tablet'], MD_SIZE: ['md', 'desktop'],
  8. }
  9. static validateColsRatios(colsRatios) {
  10. if (colsRatios.length < 2 || colsRatios.length > 4) {
  11. throw new Error('Incorrect array length of cols ratios');
  12. }
  13. const ratiosTotal = colsRatios.reduce((total, ratio) => { return total + ratio }, 0);
  14. if (ratiosTotal !== 12) {
  15. throw new Error('Incorrect cols ratios value');
  16. }
  17. return colsRatios;
  18. }
  19. static validateResponsiveSize(responsiveSize) {
  20. if (responsiveSize === this.ResponsiveSize.XS_SIZE[0]
  21. || responsiveSize === this.ResponsiveSize.SM_SIZE[0]
  22. || responsiveSize === this.ResponsiveSize.MD_SIZE[0]) {
  23. return responsiveSize;
  24. }
  25. throw new Error('Incorrect responsive size');
  26. }
  27. }