Octoprint-dashboard: Modo tela cheia

OK. Eu adicionei uma configuração para habilitar o modo de tela cheia (experimental por enquanto) na próxima versão. Ainda não fiz nenhuma tentativa de estilizá-lo de forma diferente se em tela cheia. Acho que o layout deve ser ajustado significativamente quando em tela cheia, mas meu css-fu é muito limitado, então vamos ver se você ou mais alguém gostaria de contribuir com algum estilo.

Stefan incrível, obrigado

Tenho conhecimento limitado com estilos de CSS, mas não me importaria de aprender assim
vai dar uma pequena cutucada sobre

Scott Reid

No sábado, 21 de setembro de 2019, 16:23 StefanCohen, notificaçõ[email protected] escreveu:

OK. Eu adicionei uma configuração para habilitar o modo de tela cheia (experimental para
agora) na próxima versão. Eu não fiz nenhuma tentativa de estilizá-lo
de forma diferente se ainda estiver em tela cheia. Acho que o layout deve ser ajustado
significativamente quando em tela cheia, mas meu css-fu é muito limitado, então vamos
veja se você ou mais alguém gostaria de contribuir com algum estilo.

-
Você está recebendo isso porque é o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/StefanCohen/OctoPrint-Dashboard/issues/38?email_source=notifications&email_token=AJ2IHH62GE7FFGHDK4QIKF3QKY4A7A5CNFSM4IY5Z56KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7IT2TA#issuecomment-533806412 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AJ2IHH6S6Y4TIFNUNOYBGLDQKY4A7ANCNFSM4IY5Z56A
.

Isso é ótimo. Um problema que vi foi que a webCam foi cortada no modo de tela inteira. Esse problema foi corrigido na exibição normal. Parece ótimo.

Eu sei. O problema da webcam é, no entanto, tecnicamente diferente do 1.2.0 e pode ser resolvido reestilizando a visualização em tela cheia.
O modo de tela cheia pode se beneficiar de um layout diferente onde a câmera e o painel residem lado a lado horizontalmente ou talvez sobrepostos um ao outro.

Isso é incrível ... Como seria fácil mover o visualizador do gcode lado a lado
lado com webcam em y. o modo de tela inteira?

Eu penso isso. Seria incrível ter todas as estatísticas no topo, webcam e.
Centro do visualizador de Gcode, em seguida, o progresso no tempo termina na parte inferior.

Scott Reid

No sábado, 21 de setembro de 2019, 19:03 Chad Lichty, [email protected] escreveu:

Isso é ótimo. Um problema que vi foi que a webCam foi cortada em tela inteira
modo. Esse problema foi corrigido na exibição normal. Parece ótimo.

-
Você está recebendo isso porque é o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/StefanCohen/OctoPrint-Dashboard/issues/38?email_source=notifications&email_token=AJ2IHH4JI5MGLY2Y3NVTZC3QKZOXBA5CNFSM4IY5Z56KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7IWW6A#issuecomment-533818232 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AJ2IHH43QH6G3QWB3RBTGZ3QKZOXBANCNFSM4IY5Z56A
.

Certamente é possível combinar as visualizações. O Consolidate Temp Control faz algo semelhante: https://github.com/jneilliii/OctoPrint-ConsolidateTempControl

Mas não tenho certeza se quero seguir esse caminho. Acho que menos é mais e prefiro fazer algo como FullScreen WebCam faz e, como você mencionou, mostrar a visualização da webcam em tela cheia e sobrepor uma ou duas barras com os medidores instalados: https://plugins.octoprint.org/plugins/fullscreen/ I acho que vou fazer uma simulação neste fim de semana para ver o que faz sentido.

Parece ótimo, acho que seu trabalho é ótimo, então tudo o que você quiser fazer é ótimo

Scott Reid

No sábado, 21 de setembro de 2019, 19:32 StefanCohen, [email protected] escreveu:

Certamente, é possível combinar as visualizações. Consolidar o controle de temperatura
faz algo semelhante:
https://github.com/jneilliii/OctoPrint-ConsolidateTempControl

Mas não tenho certeza se quero seguir esse caminho. Eu acho que menos é mais e eu gostaria
em vez disso, faça algo como FullScreen WebCam faz e, como você mencionou, mostra
a visualização da webcam em tela cheia e sobrepõe uma ou duas barras com os medidores instalados:
https://plugins.octoprint.org/plugins/fullscreen/ Acho que vou fazer uma simulação
este fim de semana para ver o que faz sentido.

-
Você está recebendo isso porque é o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/StefanCohen/OctoPrint-Dashboard/issues/38?email_source=notifications&email_token=AJ2IHH2UMK2MEXK3GTWLWQLQKZSELA5CNFSM4IY5Z56KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7IXHPI#issuecomment-533820349 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AJ2IHH4I2GHSSZAMEIUUIITQKZSELANCNFSM4IY5Z56A
.

Talvez algo assim:

Cara, isso parece incrível.

Scott Reid

No sábado, 21 de setembro de 2019, 20:32 StefanCohen, notificaçõ[email protected] escreveu:

Talvez algo assim:

[imagem: Captura de tela 21/09/2019 em 21 21 40]
https://user-images.githubusercontent.com/33824565/65378301-b6c47e00-dcb6-11e9-826d-94aa0b0fc423.png

-
Você está recebendo isso porque é o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/StefanCohen/OctoPrint-Dashboard/issues/38?email_source=notifications&email_token=AJ2IHH5XJLT23D2HZK6PMT3QKZZELA5CNFSM4IY5Z56KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7IYH3Q#issuecomment-533824494 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AJ2IHHZOR6KGCFPRUA2N54DQKZZELANCNFSM4IY5Z56A
.

Apenas uma sugestão, mas prefiro ver em tela inteira DENTRO DA janela do BROWSER. Isso me permitiria dimensionar as janelas do navegador e ver duas ou mais instâncias diferentes em uma única tela.

Parece ótimo!

@xeddog Acho que gosto mais disso do que da tela

Talvez algo assim?

@StefanCohen Isso parece muito bom. Eu ficaria feliz em ajudar se você precisar.

@ j7126 Agradeço qualquer ajuda que possa obter com isso. CSS é praticamente magia negra para mim.

A ideia que tenho é de ir com o layout acima (painel esquerdo, webcam direita) quando em tela cheia. Isso (esperançosamente) não precisaria de um modelo jinja separado. Eu gostaria de manter o resto do estilo e compatibilidade com Themeify, mas gosto da sua abordagem de colocar os ícones acima dos textos como você fez com o TouchUI PR.

Talvez algo assim, mas estou aberto para alternativas melhores:

A questão é o que fazer se não houver webcam ou se ela estiver desativada. Uma abordagem poderia ser apenas centralizar o painel e espalhá-lo um pouco horizontalmente.

Você tem alguma outra sugestão? Talvez uma sobreposição transparente como no prettygcode-viewer seja melhor, mas não tenho certeza: https://community.octoprint.org/t/wip-prettygcode-viewer/12169

Eu realmente apreciaria se você gostaria de colaborar nisso.

Vou tentar fazer algo assim, a única coisa é que não tenho uma webcam para testar, mas vou tentar contornar isso.

Legal. Acho que você pode criar um link para qualquer feed de webcam disponível publicamente em um site como o opentopia ou talvez apenas uma imagem estática. Acabei de experimentar e aqui está um que funciona: http://92.60.192.245/cgi-bin/faststream.jpg?stream=full&fps=0

@xeddog Acho que gosto mais disso do que da tela

Talvez algo assim?

Isso parece incrível!