More work in fire messages. Home style on desktop improved
This commit is contained in:
parent
521507e425
commit
40bc9e2f24
6 changed files with 46 additions and 33 deletions
|
|
@ -1,5 +1,7 @@
|
||||||
|
// FIXME Right now, only industry type should be a permanent 'false alarm', the rest are temporally
|
||||||
|
|
||||||
const types = {
|
const types = {
|
||||||
industry: 'Es una industria (altos hornos, incineradora, etc)',
|
industry: 'Es una industria',
|
||||||
controled: 'Es una quema controlada',
|
controled: 'Es una quema controlada',
|
||||||
falsealarm: 'Parece una falsa alarma'
|
falsealarm: 'Parece una falsa alarma'
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -116,7 +116,7 @@ class Fire extends React.Component {
|
||||||
key={key}
|
key={key}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
{FalsePositiveTypes[key]}
|
<Trans>{FalsePositiveTypes[key]}</Trans>
|
||||||
</button>
|
</button>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -142,8 +142,8 @@ class FiresMap extends React.Component {
|
||||||
<Col xs={12} sm={6} md={6} lg={6} >
|
<Col xs={12} sm={6} md={6} lg={6} >
|
||||||
<p className="firesmap-legend">
|
<p className="firesmap-legend">
|
||||||
{ this.props.activefires.length === 0 ?
|
{ this.props.activefires.length === 0 ?
|
||||||
<Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment> :
|
<Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment> :
|
||||||
<Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment>
|
<Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment>
|
||||||
}
|
}
|
||||||
</p>
|
</p>
|
||||||
{isNotHomeAndMobile &&
|
{isNotHomeAndMobile &&
|
||||||
|
|
|
||||||
|
|
@ -100,7 +100,10 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide-1-icon:before, .slide-2-icon:before, .slide-3-icon:before, .slide-4-icon:before {
|
.slide-1-icon:before,
|
||||||
|
.slide-2-icon:before,
|
||||||
|
.slide-3-icon:before,
|
||||||
|
.slide-4-icon:before {
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
/* position: absolute; */
|
/* position: absolute; */
|
||||||
font-size: 140px;
|
font-size: 140px;
|
||||||
|
|
@ -112,10 +115,12 @@
|
||||||
|
|
||||||
@include breakpoint(mobile) {
|
@include breakpoint(mobile) {
|
||||||
.slide-1-icon:before,
|
.slide-1-icon:before,
|
||||||
|
.slide-2-icon,
|
||||||
.slide-2-icon:before,
|
.slide-2-icon:before,
|
||||||
.slide-3-icon:before,
|
.slide-3-icon:before,
|
||||||
.slide-4-icon:before {
|
.slide-4-icon:before {
|
||||||
font-size: 100px;
|
font-size: 100px;
|
||||||
|
opacity: .6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide-3-icon:before,
|
.slide-3-icon:before,
|
||||||
|
|
|
||||||
|
|
@ -161,5 +161,5 @@
|
||||||
"Verifica tu dirección de correo": "Verify Your Email Address",
|
"Verifica tu dirección de correo": "Verify Your Email Address",
|
||||||
"Zonas vigiladas": "Monitored areas",
|
"Zonas vigiladas": "Monitored areas",
|
||||||
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "In green, the areas monitored by our users currently",
|
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "In green, the areas monitored by our users currently",
|
||||||
"Datos actualizados <1></1>": "Data updated <1></1>"
|
"Datos actualizados <1></1>.": "Data updated <1></1>."
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -232,7 +232,7 @@
|
||||||
"Verifica tu dirección de correo",
|
"Verifica tu dirección de correo",
|
||||||
"Zonas vigiladas": "Zonas vigiladas",
|
"Zonas vigiladas": "Zonas vigiladas",
|
||||||
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "En verde, las zonas vigiladas por nuestros usuari@s actualmente",
|
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "En verde, las zonas vigiladas por nuestros usuari@s actualmente",
|
||||||
"Datos actualizados <1></1>": "Datos actualizados <1></1>",
|
"Datos actualizados <1></1>.": "Datos actualizados <1></1>.",
|
||||||
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!":
|
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!":
|
||||||
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!",
|
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!",
|
||||||
"Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:": "Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:",
|
"Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:": "Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:",
|
||||||
|
|
@ -240,5 +240,11 @@
|
||||||
"Regístrate o inicia sesión para aportar información sobre este fuego":
|
"Regístrate o inicia sesión para aportar información sobre este fuego":
|
||||||
"Regístrate o inicia sesión para aportar información sobre este fuego",
|
"Regístrate o inicia sesión para aportar información sobre este fuego",
|
||||||
"Fuego no encontrado":
|
"Fuego no encontrado":
|
||||||
"Fuego no encontrado"
|
"Fuego no encontrado",
|
||||||
|
"Es una industria":
|
||||||
|
"Es una industria",
|
||||||
|
"Es una quema controlada":
|
||||||
|
"Es una quema controlada",
|
||||||
|
"Parece una falsa alarma":
|
||||||
|
"Parece una falsa alarma"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue