@vixoniccom/menu-daily 0.1.0

package/src/scenes/components/MealContainer/index.tsx

@@ -0,0 +1,59 @@
+import React from 'react'
+import Grid from '../Grid'
+import { OptionItem, Title } from './components'
+
+type Props = {
+  data: Meal
+  vixonicData: VixonicData
+  interval: number
+}
+
+export default class MealContainer extends React.Component<Props, any> {
+  constructor () {
+    super ()
+    this.state = {}
+  }
+
+  render () {
+    let { data, interval, vixonicData } = this.props
+    let { parameters } = vixonicData
+    let rows = parameters.itemGridRows || 1
+    let pages = Math.ceil(data.options.length / rows)
+    let cycle = parameters.itemAnimationDuration && parameters.itemAnimationDuration * 1000 || (interval / pages)
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%',
+      flex: 1
+    }}>
+      <Title
+        text={data.type}
+        vixonicData={vixonicData}
+        getPadding={(padding) => this.setState({padding})} />
+      { data && data.options &&
+      <Grid
+        style={{
+          flex: 1,
+          padding: parameters.itemGridMargins || this.state.padding
+        }}
+        fontSize='inherit'
+        id={data.type}
+        items={data.options.map((option) => (<OptionItem data={option} vixonicData={vixonicData} />))}
+        animate={true}
+        animation={{
+          mode: parameters.animationMode || 'fade',
+          duration: cycle
+        }}
+        layout={{
+          columns: 1,
+          rows,
+          alignment: {
+            h: 'start',
+            v: 'center'
+          }
+        }} />
+      }
+    </div>
+  }
+}

package/src/test/parameters.json

@@ -0,0 +1,37 @@
+{
+  "parameters":{
+     "animationDuration":10,
+     "animationMode":"fade",
+     "backgroundImage":{
+        "filename":"background.jpg"
+     },
+     "containerGridMargins":"110px 30px 30px 30px",
+     "containerGridRows":2,
+     "containerGridRowsGap":5,
+     "itemGridRows":3,
+     "itemOptionsTextFormat":{
+        "alignment":{
+
+        },
+        "fontSize":14,
+        "font": {
+          "filename": "futura-font.ttf"
+        }
+     },
+     "itemStyle":"modern",
+     "itemTitleBackgroundColor": "#EA7D15",
+     "itemTitleTextFormat":{
+        "alignment":{
+
+        },
+        "fontColor":"#fff",
+        "fontSize":14,
+        "font": {
+          "filename": "bold-font.ttf"
+        }
+     },
+     "pollingInterval": 300000,
+     "url":"./static/menu-daily-example.xlsx",
+     "url2":"https://docs.google.com/spreadsheets/d/e/2PACX-1vRTuTsKdqpLH2zqKXURYTu_xpc5arXljE0W8KfnPJVy5U_J1HGD30C5YfVrWjUFAz5W9JiTC4VGVBYN/pub?output=xlsx"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "jsx": "preserve",
+    "allowJs": true,
+    "checkJs": true,
+    "allowSyntheticDefaultImports": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "downlevelIteration": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "sourceMap": true,
+    "types": [
+      "node"
+    ],
+    "typeRoots": [
+      "./node_modules/@types",
+      "./src"
+    ]
+  },
+  "include": [
+    "./src/**/*"
+  ],
+  "exclude": [
+    "./node_modules/**/*"
+  ]
+}

package/tslint.json

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "tslint-config-standard"
+  ]
+}