@chainplatform/layout 0.2.7 → 0.2.9

package/index.js

@@ -6,6 +6,7 @@ import {
     getUserCourseLayout,
     getUserOrderLayout,
     getCourseLearingLayout,
+    getCartConfirmLayout,
     getScreenWebinarSize
 } from "./src/Layout";
 import { getCartLayout } from "./src/Cart";
@@ -13,6 +14,7 @@ import { getScreenLanding } from "./src/Landing";
 import sdkStyles, { setSize } from "./src/styles";
 import sdkColors from "./src/colors";
 import mobileCheck from "./src/DeviceDetect";
+import { getDoExamLayout } from "./src/Exam";
 
 export default sdkStyles;
 export {
@@ -20,6 +22,7 @@ export {
     getScreenSizeAdmin,
     getScreenSize,
     getCartLayout,
+    getCartConfirmLayout,
     getTransactionLayout,
     getCourseLayout,
     getUserCourseLayout,
@@ -27,6 +30,7 @@ export {
     getCourseLearingLayout,
     getScreenWebinarSize,
     getScreenLanding,
+    getDoExamLayout,
     sdkColors,
     setSize,
     mobileCheck

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainplatform/layout",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "@chainplatform/layout",
   "main": "index.js",
   "devDependencies": {

package/src/Exam.js

@@ -0,0 +1,18 @@
+import sdkStyles from './styles';
+
+export function getDoExamLayout(layoutWidth) {
+    let totalItem = 1;
+    let mainViewWidth = layoutWidth;
+    let subViewWitdh = mainViewWidth;
+    if (layoutWidth > sdkStyles.base_desktop) {
+        totalItem = 2;
+        mainViewWidth = layoutWidth * 0.7;
+        subViewWitdh = layoutWidth - mainViewWidth;
+    }
+
+    return {
+        totalItem,
+        mainViewWidth,
+        subViewWitdh
+    };
+}

package/src/Layout.js

@@ -173,6 +173,32 @@ export function getTransactionLayout(layoutWidth, isDesktop) {
     return view;
 }
 
+export function getCartConfirmLayout(layoutWidth, isDesktop, side_bar_width) {
+    let viewPadding = 0;
+    let viewSplit = sdkStyles.w100pc;
+    let borderRadius = 0;
+    let marginBottom = setSize(1);
+    let sideBarWidth = 0;
+    if (isDesktop && layoutWidth > sdkStyles.base_desktop) {
+        sideBarWidth = side_bar_width;
+        borderRadius = setSize(4);
+        marginBottom = setSize(10);
+    }
+    if (layoutWidth >= sdkStyles.wide_split_desktop) {
+        viewSplit = sdkStyles.w50pc;
+    }
+    if (layoutWidth >= 767) {
+        viewPadding = setSize(15);
+    }
+    let view = {};
+    view.viewPadding = viewPadding;
+    view.viewSplit = viewSplit;
+    view.sideBarWidth = sideBarWidth;
+    view.itemBorderRadius = borderRadius;
+    view.itemMarginBottom = marginBottom;
+    return view;
+}
+
 export function getCourseLayout(layoutWidth, isDesktop) {
     let viewSplit = sdkStyles.w100pc;
     let viewPadding = 0;