Tarjeta de alertas públicas para pantallas de señalización digital

La pantalla muestra alertas públicas activas para un lugar desde los feeds oficiales de alertas, con la más severa primero en los colores de seguridad del tema para leerse claramente desde lejos. Ocupa toda la pantalla, se ajusta a cualquier rectángulo, se sitúa en el centro, se oculta en una esquina como un pequeño cuadrado o una línea, o se extiende como una banda a lo largo de un borde. Usted configura el lugar, la severidad mínima para mostrar, qué eventos incluir o excluir, y su idioma preferido. Decide si la tarjeta se muestra solo mientras hay alerta o permanece con estado tranquilo, y cómo se muestra la hora.

Tarjeta en vivo

Esta tarjeta se dibuja en su navegador con el mismo código que ejecutan los Players, con datos de ejemplo.

Categoría: Información pública. Etiquetas: Alertas y estado, Clima y medio ambiente.

Diseños

Esta tarjeta principal se adapta a cualquier diseño: pantalla completa, centro, ancho, esquina, chip, tira o cualquier rectángulo libre.

Diseños: completo, libre, centrado, ancho, esquina, chip, tira. Formularios: horizontal, vertical, cuadrado, tira.

Diseños, temas y publicación de tarjetas. Explorar las tarjetas.

Datos y privacidad

Feed: screenrig.cap/v1.

Los documentos del feed llevan atribución de la fuente. El Player suministra el feed a la tarjeta.

Propiedades

Para tema, fondo, acento y posición, consulte Propiedades comunes.

Establezca las propiedades estáticas en los params de la tarjeta al crearla. Su documento de datos solo contiene propiedades dinámicas. Las filas anidadas describen el contenido de su propiedad principal.

Propiedades estáticas

Nombre	Tipo	Predeterminado	Valores y límites	Descripción
`title`	string	`""`	maxLength: `60`	Vacío se lee "Alertas públicas".
`presence`	string	`"active"`	`"active"`, `"always"`	`active` muestra la tarjeta solo mientras aplica una alerta en o por encima de `minSeverity`. `always` mantiene un estado tranquilo cuando no hay: sin alertas activas, sin actualización desde entonces, sin fuente de alerta para esta ubicación.
`minSeverity`	string	`"moderate"`	`"minor"`, `"moderate"`, `"severe"`, `"extreme"`	Ocultar alertas por debajo de esta gravedad. Una alerta sin gravedad declarada se considera menor.
`events`	array	`[]`	maxItems: `30`	Solo estos eventos (sin distinguir mayúsculas; * coincide con cualquier secuencia de caracteres).
`excludeEvents`	array	`[]`	maxItems: `30`	Nunca estos eventos.
`languages`	array	`[]`	maxItems: `30`	Preferencia de idioma, gana el primero (fr, fr-CA, en). Una alerta en ninguno de ellos muestra su primer idioma.
`hourCycle`	string	`"24"`	`"12"`, `"24"`, `"military"`	12: 2:05 p. m. 24: 14:05. militar: 1405.
`timeZone`	cadena, nulo	`null`		Zona IANA; null usa la zona de la pantalla.
`staleMinutes`	integer	`30`	mínimo: `10`; máximo: `1440`	Un documento no actualizado durante este tiempo se considera no actualizado, cualquiera que sea su estado.
`location`	object		additionalProperties: `false`	Lugar al que corresponden las alertas. Sus coordenadas seleccionan las fuentes oficiales de alertas que lo cubren; se muestran las alertas cuyo área incluye este punto.
`location.name`	string		maxLength: `40`
`location.latitude`	number		mínimo: `-90`; máximo: `90`; Requerido
`location.longitude`	number		mínimo: `-180`; máximo: `180`; Requerido
`location.geocodes`	array	`[]`	maxItems: `40`	Códigos de área del lugar, comparados con alertas que nombran su área por código: [{"name": "UGC", "value": "WAC033"}].
`location.geocodes[].name`	string		minLength: `1`; maxLength: `40`; Requerido	El sistema de códigos: SAME, UGC, NUTS3, EMMA_ID.
`location.geocodes[].value`	string		minLength: `1`; maxLength: `120`; Requerido
`backgroundColor`	cadena, nulo	`null`	patrón: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sobrescribe el fondo y la placa de la tarjeta con un color plano ordenado por CSS. #RRGGBBAA suministra opacidad. background none tiene prioridad.
`textColor`	cadena, nulo	`null`	patrón: `"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"`	Sobrescribe los colores de texto principal y secundario. Los colores de acento y estado semántico mantienen sus roles.

Propiedades dinámicas

Esta tarjeta no tiene propiedades dinámicas.

Ejemplo de lienzo

Guarde las propiedades estáticas como params.json y cree la tarjeta. El resultado incluye su id crd_.

{
  "theme": "neomustard",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}

screenrig card create --type alerts --major 1 --file params.json

Agregue este elemento a los primitives de una página de la lista de reproducción, con ese id en lugar del del ejemplo. Publique la lista de reproducción y asigne una pantalla.

{
  "id": "alerts",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}