wip

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import {
   Modal, ModalHeader, ModalBody, ModalFooter,
 } from 'reactstrap';
-import BootstrapGrid from "./../../models/BootstrapGrid";
+import BootstrapGrid from '../../models/BootstrapGrid';
 
 export default class GridEditModal extends React.PureComponent {
 
@@ -34,6 +34,10 @@ export default class GridEditModal extends React.PureComponent {
   show(gridHtml) {
     this.init(gridHtml);
     this.setState({ show: true });
+    const test = new BootstrapGrid([1, 11], 'md');
+    const test1 = new BootstrapGrid([2, 10], 'dd');
+    console.log(test.responsiveSize);
+    console.log(test1.responsiveSize);
   }
 
   hide() {

src/client/js/models/BootstrapGrid.js

@@ -5,6 +5,10 @@ export default class BootstrapGrid {
     this.responsiveSize = BootstrapGrid.validateResponsiveSize(responsiveSize);
   }
 
+  static ResponsiveSize = {
+    XS: 'xs', SM: 'sm', MD: 'md',
+  }
+
   static validateColsRatios(colsRatios) {
 
     if (colsRatios.length === 0) {
@@ -22,7 +26,7 @@ export default class BootstrapGrid {
   }
 
   static validateResponsiveSize(responsiveSize) {
-    if (responsiveSize === '' || responsiveSize === 'sm' || responsiveSize === 'md') {
+    if (responsiveSize === BootstrapGrid.ResponsiveSize.XS || responsiveSize === BootstrapGrid.ResponsiveSize.SM || this.responsiveSize === BootstrapGrid.ResponsiveSize.MD) {
       return responsiveSize;
     }
     return new Error('Incorrect size');