@vixoniccom/footbal-score 1.0.2-beta.2 → 1.0.2-beta.4

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.2-beta.4](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.3...v1.0.2-beta.4) (2022-12-07)
+
+### [1.0.2-beta.3](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.2...v1.0.2-beta.3) (2022-12-06)
+
+
+### Bug Fixes
+
+* **release:** isNumber method was added to check if match is on penalties phase or not ([d7174d4](https://gitlab.com/mandomedio/vixonic/football-score/commit/d7174d448aad330f5ca2d9dcaef44ebc1975ea63))
+
 ### [1.0.2-beta.2](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.1...v1.0.2-beta.2) (2022-12-06)
 
 ### [1.0.2-beta.1](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.2-beta.0...v1.0.2-beta.1) (2022-12-05)

package/configuration.json

@@ -140,6 +140,32 @@
           "id": "msj0",
           "label": "Sin Partidos",
           "description": "Mensaje que se muestra cuando no hay partidos."
+        },
+        {
+          "type": "text-format",
+          "id": "formatMjs",
+          "label": "Formato Status"
+        },
+        {
+          "id": "alignVerticalMsj",
+          "type": "select-input",
+          "required": true,
+          "label": "Alineación vertical texto sin partidos",
+          "defaultValue": "center",
+          "items": [
+            {
+              "label": "Arriba",
+              "value": "flex-start"
+            },
+            {
+              "label": "Centro",
+              "value": "center"
+            },
+            {
+              "label": "Abajo",
+              "value": "flex-end"
+            }
+          ]
         }
       ]
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/footbal-score",
   "alias": "Resultados Deportivos",
-  "version": "1.0.2-beta.2",
+  "version": "1.0.2-beta.4",
   "description": "Muestra resultados en vivo de fútbol.",
   "main": "main.js",
   "author": "",
@@ -20,6 +20,7 @@
     "axios": "^0.27.2",
     "jquery": "^3.6.0",
     "localforage": "^1.10.0",
+    "lodash": "^4.17.21",
     "moment": "^2.29.3",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",

package/src/App.tsx

@@ -113,11 +113,20 @@ export const App = ({ data, start }: Props) => {
           right: 0,
           backgroundImage: backgroundImageState,
           backgroundSize: '100% 100%',
-          padding: padding
+          padding: padding,
+          display: 'flex',
+          alignItems: parameters.alignVerticalMsj,
         }}
       >
-        <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font']} parameters={parameters} downloadsPath={downloadsPath} />
-        <FormattedText text={msj0 || "Sin partidos"} format={parameters.descriptionEnabled} />
+        <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'formatMjs.font']} parameters={parameters} downloadsPath={downloadsPath} />
+        <div style={{
+          display: 'flex',
+          position: 'relative',
+          flex: '1 1 0%',
+          flexDirection: 'column',
+        }}>
+          <FormattedText text={msj0 || "Sin partidos"} format={parameters.formatMjs} />
+        </div>
       </div>
 
   )

package/src/components/table-fixture/Results.tsx

@@ -1,28 +1,25 @@
 import React, { useContext } from 'react'
 import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
 import { FormattedText } from '../FormattedText'
+import { isNumber } from 'lodash'
 
 export const Results = ({ goals, score }: any) => {
 
   const { configureState } = useContext(ConfigureContext)
   const { parameters } = configureState
-
-
   return (
     <div style={{
       display: 'flex',
       justifyContent: 'center',
     }}>
       {
-       ( score.penalty.home >=0) &&
-        <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} />
+       isNumber(score.penalty.home) ? <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} /> : ''
       }
       <FormattedText text={goals.home ? goals.home : 0} format={parameters.goalsFormat} />
       <FormattedText text={"-"} format={parameters.goalsFormat} />
       <FormattedText text={goals.away ? goals.away : 0} format={parameters.goalsFormat} />
       {
-        (score.penalty.away>=0) && 
-        <FormattedText text={`(${score.penalty.away})`} format={parameters.goalsFormat} />
+        isNumber(score.penalty.away) ? <FormattedText text={`(${score.penalty.away})`} format={parameters.goalsFormat} /> : ''
       }
     </div>
   )

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -65,7 +65,9 @@ const INITIAL_STATE: VixonicData = {
         widthTime: "200px",
         timeEnd: "7pm",
         timeStart: "6am",
-     }
+        formatMjs: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+        alignVerticalMsj: "center",
+    }
 }
 
 interface props {

package/src/contex/configureContext/configureReducer.ts

@@ -52,7 +52,8 @@ export const parameterReducer = (state: VixonicData, action: ConfigureAction) =>
                     widthStatus: parameters.widthStatus,
                     timeStart: parameters.timeStart,
                     timeEnd: parameters.timeEnd,
-
+                    formatMjs: parameters.formatMjs,
+                    alignVerticalMsj: parameters.alignVerticalMsj
                  }
             }
         default:

package/src/parameters.d.ts

@@ -72,6 +72,8 @@ declare type VixonicParameters = Partial<{
   widthStatus: string
   timeStart: string,
   timeEnd: string,
+  formatMjs: DateFormat,
+  alignVerticalMsj: string
 }>