@vixoniccom/news-internal 0.4.2--dev

package/CHANGELOG.md

@@ -0,0 +1,41 @@
+# Change Log
+
+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.
+
+## [0.4.2](https://bitbucket.org/vixonicmodules/news-internal/compare/v0.4.1...v0.4.2) (2019-04-03)
+
+
+### Bug Fixes
+
+* app starting timers during preload ([93ad98d](https://bitbucket.org/vixonicmodules/news-internal/commits/93ad98d))
+
+
+
+## [0.4.1](https://bitbucket.org/vixonicmodules/news-internal/compare/v0.4.0...v0.4.1) (2019-03-25)
+
+
+### Bug Fixes
+
+* negative image separation now working ([136ed10](https://bitbucket.org/vixonicmodules/news-internal/commits/136ed10))
+
+
+
+<a name="0.4.0"></a>
+# 0.4.0 (2018-09-24)
+
+
+### Bug Fixes
+
+* image logic & custom size ([3a7a8d8](https://bitbucket.org/vixonicmodules/news-internal/commits/3a7a8d8))
+* multiline texts ([829954c](https://bitbucket.org/vixonicmodules/news-internal/commits/829954c))
+* only apply exitDelay in gallery mode. ([f0eb638](https://bitbucket.org/vixonicmodules/news-internal/commits/f0eb638))
+* removed ellipsis due to malfunctioning. ([460611d](https://bitbucket.org/vixonicmodules/news-internal/commits/460611d))
+
+
+### Features
+
+* hex ([0c2722d](https://bitbucket.org/vixonicmodules/news-internal/commits/0c2722d))
+* Image styles ([a702842](https://bitbucket.org/vixonicmodules/news-internal/commits/a702842))
+* refactor to react ([27e2ea6](https://bitbucket.org/vixonicmodules/news-internal/commits/27e2ea6))
+* release 0.1.1 ([4aa1044](https://bitbucket.org/vixonicmodules/news-internal/commits/4aa1044))
+* update configuration ([b6bcdca](https://bitbucket.org/vixonicmodules/news-internal/commits/b6bcdca))

package/README.md

@@ -0,0 +1,15 @@
+# News internal
+## Changelog
+
+### [0.3.0]
+#### Features
+ - Now works on web target.
+
+### [0.2.2]
+#### Fixes
+ - [A4007] Image disapears on electron 2 when no clip is set.
+
+### [0.1.3] - 2017/07/20
+#### Changed
+ - Updated news visualizer dependency to version [1.1.1].
+ - Fixed missing url quotes in background images and fonts.

package/configuration/appearanceGroup/elementsInputs.ts

@@ -0,0 +1,64 @@
+import { Label, Switch, TextFormat, NumberInput, SelectInput } from '@vixonic/modules'
+import { NumberRangeValue, ColorPicker, Slider, SelectAssetKna, TextInput } from '@vixonic/modules/dist/lib'
+
+import { ShowValidations } from '../utils'
+
+const createTextInputs = (scope: string, label: string, show: string) => {
+  return [
+    new Switch({ id: `${scope}Enabled`, label, defaultValue: true }),
+    new TextFormat({ id: `${scope}Format`, label: 'Formato', show }),
+    new NumberInput({ id: `${scope}MaxLength`, label: 'Caracteres máximos', show }),
+    new NumberInput({ id: `${scope}LineHeight`, label: 'Altura de línea', range: new NumberRangeValue(.8, 100), show })
+  ]
+}
+
+export const elementsInputs = [
+  new Label({ label: 'Elementos' }),
+  ...createTextInputs('title', 'Título', ShowValidations.titleEnabled),
+  ...createTextInputs('description', 'Descripción', ShowValidations.descriptionEnabled),
+  new NumberInput({ id: 'textSeparation', label: 'Separación de textos', description: 'En pixeles.',
+    show: ShowValidations.titleAndDescription }),
+  new Switch({ id: 'imageEnabled', label: 'Imagen', defaultValue: true }),
+  new SelectInput({ id: 'imageSize', required: true, label: 'Tamaño', description: 'Relación de tamaño entre la imagen y los textos.', items: [
+    { label : 'Pequeña', value : 'small' },
+    { label : 'Mediana', value : 'medium' },
+    { label : 'Grande', value : 'large' },
+    { label: 'Personalizado', value: 'custom' }
+  ], show: ShowValidations.isNotGallery}),
+  new NumberInput({ id: 'imageCustomSize', label: 'Tamaño personalizado', required: true, description: 'En porcentaje.',
+    range: new NumberRangeValue(1, 100), show: ShowValidations.isCustomSize }),
+  new SelectInput({ id: 'imagePosition', required: true, label: 'Posición', description: 'Posición de la imagen respecto al texto.', defaultValue: 'left', items: [
+    {label : 'Arriba', value : 'top'},
+    {label : 'Derecha', value : 'right'},
+    {label : 'Abajo', value : 'bottom'},
+    {label : 'Izquierda', value : 'left'}
+  ], show: ShowValidations.isNotGallery }),
+  new SelectInput({ id: 'imageMode', required : true, label : 'Modo', description : 'Modo de ajuste de la imagen.', defaultValue : 'contain',
+    items : [
+      {label : 'Ajustar', value : 'contain'},
+      {label : 'Cubrir', value : 'cover'},
+      {label : 'Estirar', value : 'fill'},
+      {label : 'No ajustar', value : 'none'}
+    ],
+    show : ShowValidations.imageEnabled }),
+  new SelectInput({ id: 'imageStyle', label: 'Estilo', items: [
+    {label: 'Normal', value: 'normal'},
+    {label: 'Redondeado', value: 'rounded'},
+    {label: 'Circular', value: 'circle'},
+    {label: 'Hexagonal', value: 'hex'}
+  ], show: ShowValidations.isNotGallery }),
+  new NumberInput({ label: 'Separación', id: 'imageSeparation', description: 'En pixeles. Por defecto 10.', show: ShowValidations.isNotGallery }),
+  new Label({ label: 'Galeria', show: ShowValidations.isGallery }),
+  new SelectInput({ id: 'barSize', label: 'Tamaño de la barra', items: [
+    { label: 'Pequeña', value: 'small' },
+    { label: 'Mediana', value: 'medium' },
+    { label: 'Grande', value: 'big' }
+  ], show: ShowValidations.isGallery }),
+  new ColorPicker({ id: 'barColor', label: 'Color de la barra', show: ShowValidations.isGallery }),
+  new Slider({ id: 'barOpacity', label: 'Opacidad de la barra', min: 0, max: 1, step: 0.01, show: ShowValidations.isGallery }),
+  new Switch({ id: 'iconVisible', defaultValue: true, label: 'Ícono', show: ShowValidations.isGallery }),
+  new ColorPicker({ id: 'iconColor', label: 'Color del ícono', show: ShowValidations.galleryIconEnabled }),
+  new Label({ label: 'Avanzado' }),
+  new SelectAssetKna({ id: 'background', label: 'Fondo', extensions: ['jpg', 'jpeg', 'png'] }),
+  new TextInput({ id: 'padding', required: false, label: 'Márgenes', description: 'CSS para dar espacio arriba/derecha/abajo/izquieda.' })
+]

package/configuration/appearanceGroup/generalInputs.ts

@@ -0,0 +1,40 @@
+import { Label, SelectInput, NumberInput } from '@vixonic/modules'
+import { NumberRangeValue, Slider } from '@vixonic/modules/dist/lib'
+
+export const generalInputs = [
+  new Label({ label: 'General' }),
+  new SelectInput({ id: 'template', label: 'Modo', required: true, defaultValue: 'standard', items: [
+    {label: 'Estandar', value: 'standard'},
+    {label: 'Galeria', value: 'gallery'}
+  ] }),
+  new NumberInput({
+    id: 'showTime', label: 'Persistencia',
+    description: 'Tiempo en segundos por noticia. Por defecto 10',
+    range: new NumberRangeValue(5, 9999)
+  }),
+  new Slider({
+    id: 'animationSpeed', label: 'Velocidad', required: true,
+    description: 'Rapidez de las transiciones',
+    min: 0.25, max: 3.25, step: 0.25, defaultValue: 1.75,
+    leftTip: 'Lento', rightTip: 'Rápido'
+  }),
+  new SelectInput({
+    id: 'animationType', label: 'Tipo de animación', required: true,
+    defaultValue: 'fade',
+    items: [
+      {label: 'Fundido', value: 'fade'},
+      {label: 'Fundido cruzado', value: 'crossFade'}
+    ]
+  }),
+  new SelectInput({
+    id: 'textAlignment', label: 'Alineado vertical', description: 'La posición vertical de los textos.',
+    required: true, defaultValue: 'center',
+    items: [
+      { label: 'Arriba', value: 'flex-start' },
+      { label: 'Abajo', value: 'flex-end' },
+      { label: 'Centrados', value: 'center' },
+      { label: 'Distribuidos', value: 'space-around' },
+      { label: 'Separados', value: 'space-between' }
+    ]
+  })
+]

package/configuration/appearanceGroup/index.ts

@@ -0,0 +1,12 @@
+import { Group } from '@vixonic/modules'
+import { generalInputs } from './generalInputs'
+import { elementsInputs } from './elementsInputs'
+
+export const appereanceGroup = new Group({
+  id: 'appaeranceGroup',
+  label: 'Apariencia',
+  items: [
+    ...generalInputs,
+    ...elementsInputs
+  ]
+})

package/configuration/index.ts

@@ -0,0 +1,29 @@
+import { Configuration, List, TextInput, SelectAssetKna, TextArea } from '@vixonic/modules'
+import { appereanceGroup } from './appearanceGroup'
+import { ShowValidations } from './utils'
+
+const newsList = new List({
+  id: 'news',
+  label: 'Noticias',
+  description: 'Lista de noticias',
+  sortable: true,
+  itemSchema: [
+    new TextInput({ id: 'title', label: 'Título', required: true, show: ShowValidations.titleEnabled }),
+    new TextArea({ id: 'description', label: 'Descripción', required: true, show: ShowValidations.descriptionEnabled }),
+    new SelectAssetKna({ id: 'image', label: 'Imágen', required: true,
+      extensions: ['jpg', 'jpeg', 'png', 'svg'], show: ShowValidations.imageEnabled})
+  ],
+  itemDisplayClass: '2-lines',
+  itemDisplayAttributes: {
+    title: 'title',
+    subtitle: 'description'
+  }
+})
+
+export const configuration: Configuration = new Configuration({
+  durationFormula: `({{news}} && {{news}}.length || 1) * ({{showTime}} || 10)`,
+  schema: [
+    newsList,
+    appereanceGroup
+  ]
+})

package/configuration/utils.ts

@@ -0,0 +1,19 @@
+const titleEnabled = '{{titleEnabled}} === true'
+const descriptionEnabled = '{{descriptionEnabled}} === true'
+const imageEnabled = '{{imageEnabled}} === true'
+const isGallery = `{{template}} === 'gallery'`
+const isNotGallery = `${imageEnabled} && ( ( ${isGallery} ) === false )`
+const galleryIconEnabled = `${isGallery} && ({{iconVisible}} === true)`
+const isCustomSize = `${isNotGallery} && ( {{imageSize}} === 'custom' )`
+const titleAndDescription = `${titleEnabled} && ${descriptionEnabled}`
+
+export const ShowValidations = {
+  titleEnabled,
+  descriptionEnabled,
+  imageEnabled,
+  isGallery,
+  galleryIconEnabled,
+  isNotGallery,
+  titleAndDescription,
+  isCustomSize
+}

package/configuration.json

@@ -0,0 +1,402 @@
+{
+  "durationFormula": "({{news}} && {{news}}.length || 1) * ({{showTime}} || 10)",
+  "schema": [
+    {
+      "type": "list",
+      "id": "news",
+      "label": "Noticias",
+      "itemSchema": [
+        {
+          "type": "text-input",
+          "id": "title",
+          "label": "Título",
+          "show": "{{titleEnabled}} === true",
+          "required": true
+        },
+        {
+          "type": "text-area",
+          "id": "description",
+          "label": "Descripción",
+          "show": "{{descriptionEnabled}} === true",
+          "required": true
+        },
+        {
+          "type": "select-asset-kna-input",
+          "id": "image",
+          "label": "Imágen",
+          "show": "{{imageEnabled}} === true",
+          "required": true,
+          "extensions": [
+            "jpg",
+            "jpeg",
+            "png",
+            "svg"
+          ]
+        }
+      ],
+      "description": "Lista de noticias",
+      "itemDisplayClass": "2-lines",
+      "itemDisplayAttributes": {
+        "title": "title",
+        "subtitle": "description"
+      },
+      "sortable": true
+    },
+    {
+      "type": "group",
+      "id": "appaeranceGroup",
+      "label": "Apariencia",
+      "items": [
+        {
+          "type": "label",
+          "label": "General"
+        },
+        {
+          "type": "select-input",
+          "id": "template",
+          "label": "Modo",
+          "items": [
+            {
+              "label": "Estandar",
+              "value": "standard"
+            },
+            {
+              "label": "Galeria",
+              "value": "gallery"
+            }
+          ],
+          "required": true,
+          "defaultValue": "standard"
+        },
+        {
+          "type": "number-input",
+          "id": "showTime",
+          "label": "Persistencia",
+          "range": "[5:9999:]",
+          "description": "Tiempo en segundos por noticia. Por defecto 10"
+        },
+        {
+          "type": "slider",
+          "id": "animationSpeed",
+          "label": "Velocidad",
+          "required": true,
+          "min": 0.25,
+          "max": 3.25,
+          "step": 0.25,
+          "defaultValue": 1.75,
+          "leftTip": "Lento",
+          "rightTip": "Rápido",
+          "description": "Rapidez de las transiciones"
+        },
+        {
+          "type": "select-input",
+          "id": "animationType",
+          "label": "Tipo de animación",
+          "items": [
+            {
+              "label": "Fundido",
+              "value": "fade"
+            },
+            {
+              "label": "Fundido cruzado",
+              "value": "crossFade"
+            }
+          ],
+          "required": true,
+          "defaultValue": "fade"
+        },
+        {
+          "type": "select-input",
+          "id": "textAlignment",
+          "label": "Alineado vertical",
+          "description": "La posición vertical de los textos.",
+          "items": [
+            {
+              "label": "Arriba",
+              "value": "flex-start"
+            },
+            {
+              "label": "Abajo",
+              "value": "flex-end"
+            },
+            {
+              "label": "Centrados",
+              "value": "center"
+            },
+            {
+              "label": "Distribuidos",
+              "value": "space-around"
+            },
+            {
+              "label": "Separados",
+              "value": "space-between"
+            }
+          ],
+          "required": true,
+          "defaultValue": "center"
+        },
+        {
+          "type": "label",
+          "label": "Elementos"
+        },
+        {
+          "type": "switch",
+          "id": "titleEnabled",
+          "label": "Título",
+          "defaultValue": true
+        },
+        {
+          "type": "text-format",
+          "id": "titleFormat",
+          "label": "Formato",
+          "show": "{{titleEnabled}} === true"
+        },
+        {
+          "type": "number-input",
+          "id": "titleMaxLength",
+          "label": "Caracteres máximos",
+          "show": "{{titleEnabled}} === true"
+        },
+        {
+          "type": "number-input",
+          "id": "titleLineHeight",
+          "label": "Altura de línea",
+          "show": "{{titleEnabled}} === true",
+          "range": "[0.8:100:]"
+        },
+        {
+          "type": "switch",
+          "id": "descriptionEnabled",
+          "label": "Descripción",
+          "defaultValue": true
+        },
+        {
+          "type": "text-format",
+          "id": "descriptionFormat",
+          "label": "Formato",
+          "show": "{{descriptionEnabled}} === true"
+        },
+        {
+          "type": "number-input",
+          "id": "descriptionMaxLength",
+          "label": "Caracteres máximos",
+          "show": "{{descriptionEnabled}} === true"
+        },
+        {
+          "type": "number-input",
+          "id": "descriptionLineHeight",
+          "label": "Altura de línea",
+          "show": "{{descriptionEnabled}} === true",
+          "range": "[0.8:100:]"
+        },
+        {
+          "type": "number-input",
+          "id": "textSeparation",
+          "label": "Separación de textos",
+          "show": "{{titleEnabled}} === true && {{descriptionEnabled}} === true",
+          "description": "En pixeles."
+        },
+        {
+          "type": "switch",
+          "id": "imageEnabled",
+          "label": "Imagen",
+          "defaultValue": true
+        },
+        {
+          "type": "select-input",
+          "id": "imageSize",
+          "label": "Tamaño",
+          "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
+          "description": "Relación de tamaño entre la imagen y los textos.",
+          "items": [
+            {
+              "label": "Pequeña",
+              "value": "small"
+            },
+            {
+              "label": "Mediana",
+              "value": "medium"
+            },
+            {
+              "label": "Grande",
+              "value": "large"
+            },
+            {
+              "label": "Personalizado",
+              "value": "custom"
+            }
+          ],
+          "required": true
+        },
+        {
+          "type": "number-input",
+          "id": "imageCustomSize",
+          "label": "Tamaño personalizado",
+          "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( {{imageSize}} === 'custom' )",
+          "range": "[1:100:]",
+          "description": "En porcentaje.",
+          "required": true
+        },
+        {
+          "type": "select-input",
+          "id": "imagePosition",
+          "label": "Posición",
+          "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
+          "description": "Posición de la imagen respecto al texto.",
+          "items": [
+            {
+              "label": "Arriba",
+              "value": "top"
+            },
+            {
+              "label": "Derecha",
+              "value": "right"
+            },
+            {
+              "label": "Abajo",
+              "value": "bottom"
+            },
+            {
+              "label": "Izquierda",
+              "value": "left"
+            }
+          ],
+          "required": true,
+          "defaultValue": "left"
+        },
+        {
+          "type": "select-input",
+          "id": "imageMode",
+          "label": "Modo",
+          "show": "{{imageEnabled}} === true",
+          "description": "Modo de ajuste de la imagen.",
+          "items": [
+            {
+              "label": "Ajustar",
+              "value": "contain"
+            },
+            {
+              "label": "Cubrir",
+              "value": "cover"
+            },
+            {
+              "label": "Estirar",
+              "value": "fill"
+            },
+            {
+              "label": "No ajustar",
+              "value": "none"
+            }
+          ],
+          "required": true,
+          "defaultValue": "contain"
+        },
+        {
+          "type": "select-input",
+          "id": "imageStyle",
+          "label": "Estilo",
+          "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
+          "items": [
+            {
+              "label": "Normal",
+              "value": "normal"
+            },
+            {
+              "label": "Redondeado",
+              "value": "rounded"
+            },
+            {
+              "label": "Circular",
+              "value": "circle"
+            },
+            {
+              "label": "Hexagonal",
+              "value": "hex"
+            }
+          ]
+        },
+        {
+          "type": "number-input",
+          "id": "imageSeparation",
+          "label": "Separación",
+          "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
+          "description": "En pixeles. Por defecto 10."
+        },
+        {
+          "type": "label",
+          "label": "Galeria",
+          "show": "{{template}} === 'gallery'"
+        },
+        {
+          "type": "select-input",
+          "id": "barSize",
+          "label": "Tamaño de la barra",
+          "show": "{{template}} === 'gallery'",
+          "items": [
+            {
+              "label": "Pequeña",
+              "value": "small"
+            },
+            {
+              "label": "Mediana",
+              "value": "medium"
+            },
+            {
+              "label": "Grande",
+              "value": "big"
+            }
+          ]
+        },
+        {
+          "type": "color-picker",
+          "id": "barColor",
+          "label": "Color de la barra",
+          "show": "{{template}} === 'gallery'"
+        },
+        {
+          "type": "slider",
+          "id": "barOpacity",
+          "label": "Opacidad de la barra",
+          "show": "{{template}} === 'gallery'",
+          "min": 0,
+          "max": 1,
+          "step": 0.01
+        },
+        {
+          "type": "switch",
+          "id": "iconVisible",
+          "label": "Ícono",
+          "show": "{{template}} === 'gallery'",
+          "defaultValue": true
+        },
+        {
+          "type": "color-picker",
+          "id": "iconColor",
+          "label": "Color del ícono",
+          "show": "{{template}} === 'gallery' && ({{iconVisible}} === true)"
+        },
+        {
+          "type": "label",
+          "label": "Avanzado"
+        },
+        {
+          "type": "select-asset-kna-input",
+          "id": "background",
+          "label": "Fondo",
+          "extensions": [
+            "jpg",
+            "jpeg",
+            "png"
+          ]
+        },
+        {
+          "type": "text-input",
+          "id": "padding",
+          "label": "Márgenes",
+          "description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
+          "required": false
+        }
+      ]
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@vixoniccom/news-internal",
+  "alias": "Noticias internas",
+  "description": "Administre sus propias noticias.",
+  "color": "#D56A60",
+  "tags": [],
+  "author": {
+    "name": ""
+  },
+  "version": "0.4.2--dev",
+  "scripts": {
+    "prepublishOnly": "vixonic-module-packager --mode=build",
+    "watch": "vixonic-module-packager --mode=watch",
+    "run": "vixonic-module-packager --mode=run",
+    "configuration": "vixonic-module-packager --mode generate-configuration",
+    "configuration:validate": "vixonic-module-packager --mode validate-configuration",
+    "release": "standard-version"
+  },
+  "dependencies": {
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
+    "react-transition-group": "^2.3.1",
+    "uuid": "^3.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^10.0.8",
+    "@types/react": "^16.3.14",
+    "@types/react-dom": "^16.0.5",
+    "@types/react-transition-group": "^2.0.9",
+    "@types/uuid": "^3.4.3",
+    "@vixoniccom/modules": "^2.2.0",
+    "standard-version": "^5.0.2"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "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,
+    "keyofStringsOnly": true,
+    "types": [
+      "node"
+    ],
+    "typeRoots": [
+      "./node_modules/@types",
+      "./src"
+    ]
+  },
+  "include": [
+    "./src/**/*"
+  ],
+  "exclude": [
+    "./node_modules/**/*"
+  ]
+}

package/tslint.json

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