Autor Tema: Belchertown Skin  (Leído 34230 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado jantoni

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 5.303
    • Ver Perfil
  • Estación: ESMAD2800000028522A
Re:Belchertown Skin
« Respuesta #45 en: 12 de Abril del 2021, 10:44:42 am »
No tengo ni idea de lo que es <picture> en HTML, no lo he usado nunca, lo siento

Davis Vantage Vue (sin datalogger) + Orange Pi PC + Weewx

GW2000 + WS90 con Weewx (https://www.ecowitt.net/home/index?id=199315)
WH2650 con WH65 con Home Assistant y Weewx (https://www.ecowitt.net/home/index?id=40387)
GW1000 con WH32 y Home Assistant (https://www.ecowitt.net/home/index?id=17080)
Sensores adicionales: WH31 (3) + WH41

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #46 en: 12 de Abril del 2021, 11:28:07 am »
Es <img src="/var/www/html/webcam/foto.jpg" alt="Captura" style="width:auto;">

En la etiqueta img se pone src= y no srcset=


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Desconectado edlmeteo

  • Full Member
  • ***
  • Mensajes: 109
    • Ver Perfil
  • Estación: Esparragosa de Lares (BA)- ESEXT0600000006620A Herrera del Duqe (BA)- ESEXT0600000006670A
Re:Belchertown Skin
« Respuesta #47 en: 12 de Abril del 2021, 13:02:47 pm »
Es <img src="/var/www/html/webcam/foto.jpg" alt="Captura" style="width:auto;">

En la etiqueta img se pone src= y no srcset=

Muchas gracias, pero sigue sin cargarme la imagen... no sé donde puede fallar porque la imagen está en esa ruta. Adjunta captura de pantalla para que se vea lo que me aparece.

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #48 en: 12 de Abril del 2021, 15:13:34 pm »
Veamos, si tienes la web localmente esa ruta se espera en el servidor web, por lo tanto no puedes ponerle rutas absolutas del SO.

Prueba entonces con <img src="webcam/foto.jpg" alt="Captura" style="width:auto;">

Si pones el ratón sobre esa imagen rota y con clic derecho del ratón le das a Abrir imagen en una pestaña nueva u opción equivalente del navegador con que lo hagas te saldrá la URL donde espera ser encontrada.

La raíz de tu servidor web es /var/www/html/ (debería de serlo) pero si tienes weewx puede que la raíz sea /var/www/html/weewx/




Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Desconectado edlmeteo

  • Full Member
  • ***
  • Mensajes: 109
    • Ver Perfil
  • Estación: Esparragosa de Lares (BA)- ESEXT0600000006620A Herrera del Duqe (BA)- ESEXT0600000006670A
Re:Belchertown Skin
« Respuesta #49 en: 12 de Abril del 2021, 15:41:08 pm »
Veamos, si tienes la web localmente esa ruta se espera en el servidor web, por lo tanto no puedes ponerle rutas absolutas del SO.

Prueba entonces con <img src="webcam/foto.jpg" alt="Captura" style="width:auto;">

Si pones el ratón sobre esa imagen rota y con clic derecho del ratón le das a Abrir imagen en una pestaña nueva u opción equivalente del navegador con que lo hagas te saldrá la URL donde espera ser encontrada.

La raíz de tu servidor web es /var/www/html/ (debería de serlo) pero si tienes weewx puede que la raíz sea /var/www/html/weewx/

Tiene pinta de que el fallo va por ahí, mañana pruebo. Muchas gracias.

Desconectado edlmeteo

  • Full Member
  • ***
  • Mensajes: 109
    • Ver Perfil
  • Estación: Esparragosa de Lares (BA)- ESEXT0600000006620A Herrera del Duqe (BA)- ESEXT0600000006670A
Re:Belchertown Skin
« Respuesta #50 en: 13 de Abril del 2021, 10:42:28 am »
Veamos, si tienes la web localmente esa ruta se espera en el servidor web, por lo tanto no puedes ponerle rutas absolutas del SO.

Prueba entonces con <img src="webcam/foto.jpg" alt="Captura" style="width:auto;">

Si pones el ratón sobre esa imagen rota y con clic derecho del ratón le das a Abrir imagen en una pestaña nueva u opción equivalente del navegador con que lo hagas te saldrá la URL donde espera ser encontrada.

La raíz de tu servidor web es /var/www/html/ (debería de serlo) pero si tienes weewx puede que la raíz sea /var/www/html/weewx/

Funcionando! Mil gracias! Cuanto estoy aprendiendo!

Desconectado edlmeteo

  • Full Member
  • ***
  • Mensajes: 109
    • Ver Perfil
  • Estación: Esparragosa de Lares (BA)- ESEXT0600000006620A Herrera del Duqe (BA)- ESEXT0600000006670A
Re:Belchertown Skin
« Respuesta #51 en: 13 de Abril del 2021, 11:36:43 am »
Ya que estoy por aquí, aprovecho para preguntar una duda sobre la hora que muestra el skin. Tengo la raspi con horario UTC por conveniencia para registrar y enviar datos, pero me gutaría que la skin mostrara los datos de hora local, en este caso estamos en UTC+2. Como puedo hacer esto? Gracias.

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #52 en: 13 de Abril del 2021, 11:52:05 am »
Creo que podría hacerse.

El problema es que te van a salir unos valores que no corresponden con el día. Por ejemplo tu página podrá poner las 1:30 de la noche en hora local y seguir poniendo los 20 mm caídos del día de ayer ya que los reseteos los hace weewx a las 0 UTC si tienes la raspi en UTC.

Puedes probar a poner la local al lado. Se trató el tema recientemente:

https://forum.meteoclimatic.net/index.php/topic,3487.msg27497.html#msg27497


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Samal

  • Visitante
Re:Belchertown Skin
« Respuesta #53 en: 13 de Abril del 2021, 12:14:47 pm »
Hola a todos,
Estoy acabando de configurar este skin en local. Hay una cosa que por mas que busco y leo en la web del creador no consigo configurar.
El tema es que quisiera poner los gráficos de la pagina inicio uno debajo del otro con toda la anchura de la página y no soy capaz de encontrar por donde. Haber si alguien me puede decir que códigos son los que gestionan esto y en que archivo suelen estar.
Por otro lado, como se puede ver en el enlace que ha puesto jmviper, no he conseguido poner lo de la hora local. Pero bueno, con mis conocimientos no me extraña.
Por lo demás, creo que ya lo tengo todo mas o menos funcionando bien y configurado a mi gusto.
Eso si jmviper, en unos dos meses tengo la raspberry con weewx funcionando desde hace días y el skin casi listo. Vaya tela con el raspbian, el weewx, los codigos html y la madre que los trajo  *-* *-* *-*. En fin, el que no sabe ni ingles...

Muchas gracias de antemano y saludos a todos.

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #54 en: 13 de Abril del 2021, 15:36:33 pm »
ummmm sin ver código es difícil adivinar las cosas.... si tuvieses tu página accesible...

Lo de cambiar la anchura de los gráficos es cosa de CSS.

Busca el archivo belchertown-dark.min.css donde tienes la web de belchertown y localiza .col-sm-6{width:50%}
Cámbialo a 100% y ya los tendrás a todo el ancho.

Recarga página con CTRL + F5



Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Samal

  • Visitante
Re:Belchertown Skin
« Respuesta #55 en: 13 de Abril del 2021, 18:55:47 pm »
ummmm sin ver código es difícil adivinar las cosas.... si tuvieses tu página accesible...

Lo de cambiar la anchura de los gráficos es cosa de CSS.

Busca el archivo belchertown-dark.min.css donde tienes la web de belchertown y localiza .col-sm-6{width:50%}
Cámbialo a 100% y ya los tendrás a todo el ancho.

Recarga página con CTRL + F5

Hola jmviper, el que sabe sabe. Y si, es el código que me has puesto en el archivo que me has puesto, pero..... cuando recarga la pagina vuelve a poner a 50%. Imagino que la orden viene de otro lado. Y también, si que lo pone a lo ancho pero desproporciona todo el home. Alarga todo hacia abajo como si lo estirara. En cuanto a que no puedes ver la página, en principio me imagino que tiene que ser igual que esta: https://meteopego.dtalens.com o la de jantoni: https://jantoni.es/meteo/ . Si te fijas en la primera, el primer grafico ya lo tiene a todo lo ancho.
Bueno, ahora quizás se que parte de códigos gestiona este asunto. Por lo que veo, se puede configurar grafico por grafico.

Muchas gracias jmviper!.

Samal

  • Visitante
Re:Belchertown Skin
« Respuesta #56 en: 13 de Abril del 2021, 19:26:17 pm »
Disculpa, me rectifico,
Me equivoque de archivo. En el que esta en el directorio etc/..... no lo modifica. Pero si que desproporciona la página hacia abajo. Haber si se poner la captura que no estoy al día de este asunto.
Creo que algo he conseguido.

Gracias!
« Última modificación: 13 de Abril del 2021, 19:28:26 pm por Samal »

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #57 en: 13 de Abril del 2021, 20:43:24 pm »
ummmm se ve que hay más divs que usan ese CSS.... mis disculpas.

Ponlo otra vez como estaba, al 50% y vamos a editar otra cosa....

Ve donde está el skin en weewx (típicamente en /etc/weewx/skins/Belchertown) y edita el archivo index.html.tmpl

En la línea 58 más o menos localiza estas líneas:

Código: [Seleccionar]
try {
                thisPageGraphs.forEach( graphID => {
                    jQuery(".graph-outer").append('<div class="col-sm-6"><div id="' + graphID + '" style="width:100%;height:100%;margin-top:20px;"></div></div>');
                });

Ese es el trozo de script que crea los divs de los gráficos. Si le ponemos una regla CSS en línea tendrá prioridad sobre otra de un archivo CSS externo.

Así que lo dejamos así:

Código: [Seleccionar]
try {
                thisPageGraphs.forEach( graphID => {
                    jQuery(".graph-outer").append('<div class="col-sm-6" style="width: 100%;"><div id="' + graphID + '" style="width:100%;height:100%;margin-top:20px;"></div></div>');
                });

Fíjate que solamente le he puesto el estilo en línea de anchura del 100%: <div class="col-sm-6" style="width: 100%;">

Prueba y a ver qué tal.



Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Samal

  • Visitante
Re:Belchertown Skin
« Respuesta #58 en: 13 de Abril del 2021, 20:55:25 pm »
Ahora siiiii  apla3.
Que rabia me da no conseguir una cosa y con esto no había manera. No lo entiendo, he leído por ahí que estos gráficos son muy fáciles de configurar y yo no doy con la tecla.
Haber si un día la pongo online y por lo menos te puedes dar el gustazo de criticarla bien criticada. Te desahogas conmigo por la lata que te doy.

Muchas gracias!.

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.402
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Belchertown Skin
« Respuesta #59 en: 14 de Abril del 2021, 00:08:38 am »
jajajajaja

Sois unos buenazos y no dais mucho la lata  ;)


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es