Giter VIP home page Giter VIP logo

Comments (17)

aschechter88 avatar aschechter88 commented on July 23, 2024 1

from community.

btjones avatar btjones commented on July 23, 2024

If it helps, here are a couple more screenshots someone else posted on discord.

image

image

from community.

aschechter88 avatar aschechter88 commented on July 23, 2024

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

Could it somehow be due to cached data or keys or something? I've had that happen when weird stuff like this happens.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

@aschechter88 any timeline for an update on this. I know it's been mentioned on the discourse too.

And I know people would like an option to have it not in the rotation unless there are alerts too, which I could add but wanted to check if you had something int he works first for the bigger issue.

from community.

aschechter88 avatar aschechter88 commented on July 23, 2024

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

You just have to do return [] and it won't show up in the rotation. So the easiest solution may be to have a toggle that if there are no alerts then just do return [] instead of return render.Root().

I think when I looked at the code the first time I couldn't find a good place to add it as I wasn't sure how you were filling the text and everything.

I am wondering if you have a cache issue or something so that is why you aren't able to reproduce locally, you may have to hard code to recreate or maybe find a place with alerts and see if you can get it to show up in pixlet serve. I don't know what your cache keys are though either or what is being cached. I'm just throwing stuff out of things to check.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

@aschechter88 I am 99% sure the issue may be that you need to use render.Animation and not render.Sequence I think you need to use modules from the animation widget instead for that to work properly. @fxb is render.Sequence built exclusively with the idea of using it with the functions from the animation module (i.e. what is a use case to use this over render.Animation if not using animation commands?)

I have not play tested it more than swapping one of my apps from render.Animation to render.Sequence and I seem to get similar overlapping results as your jumbled cards when using render.Sequence

did not change in my PR for your app as I wanted you to play around with display timings and what not.

edit: if you would like me to simply change that in the existing PR let me know and I can.

from community.

aschechter88 avatar aschechter88 commented on July 23, 2024

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

When I wrote the first version the Animation widget had just barely

Do you mean render.Animation or the animation module? render.Animation has been available from the start.

I've used the animation.Transformation and it works well, it can just take some time to get the parameters right depending on how you want it to look.

render.Animation and delay should do what you want if you just want it to paginate through.

If you want something fancy then animation.Transformation and render.Sequence. You could probably add a blank page between alerts/ put the text in a box with a black background, but that is honestly probably overkill. Just depends.

TLDR: for a quick fix render.Animation should work, but should be tested first.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

For what it's worth I also have the overlapping text thing today.

from community.

aschechter88 avatar aschechter88 commented on July 23, 2024

Hm. Can you give me a representative location (zip code might be sufficient) so I can attempt to reproduce?

  1. I meant the animation module with the Transformation element.
  2. I'm gonna start with re-doing the cache keys. I'm wondering if somehow the condition that requires checking for previous data is somehow being triggered more than once. After that, then I'll attempt to address the rendering -- I'm not convinced that's where the problem is, though.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024
  1. This is not my location, but looks like any place in the upper midwest should give you a frost advisory warning. (checked weather.gov)
  2. A noticing the render.Animation and render.Sequence thing last night, I really don't think your cache stuff is the issue either because you are doing it by truncated latitude and longitude and saving the data and not the frames based on the code. Additionally I tried swapping one of my apps that was using render.Animation with render.Sequence and I got the same jumbled issue. The slides aren't actually jumbled per se, I think they're just stacking and overlapping and your delay is so long that it doesn't dissappear quick enough, either way without using animation.Transformation in your stuff I think the way you need to go is with render.Animation to get a pagination since I'm guessing that's what you want.

So, if you simply swap that from render.Sequence to render.Animation in the line below they should no longer be overlapping. You may have to play with delay though.

render.Sequence(columnFrames),

from community.

aschechter88 avatar aschechter88 commented on July 23, 2024

Okay now I'm starting to see it. Will get to the render change first.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

Yeah I think the render.Animation patch may be a good intermediate fix if you want the changes to be fancy rather than just paginate, but the app isn't super useful with this bug.

Also it looks like on my tidbyt app, the render.Sequence does work as I saw it on my other app, but again, you need to put a background behind the text (could be solved with render.Box), but I think the easiest solution is just changing to render.Animation`.

Thanks for fixing it! It also looks like the toggle for alerts only also got merged, so that should be useable on your end if you have no alerts in your current area.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

Also feel free to change the toggle icon on the alert only, I used eyeSlash as I usually use it to hide app, but another font-awesome icon may make more sense. Potentially circleExclamation exclamation or triangleExclamation as I made it eyeSlash since I was thinking of hide app, not alerts only. But I do think eyeSlash may be more differentiable in case you add extra settings to this app and maybe only want to see certain types of alerts.

from community.

rs7q5 avatar rs7q5 commented on July 23, 2024

@aschechter88 I was able to test the switch out, you'll need to play with the transition, but here's me just running pixlet render. Before then after. as I said you will need to change the delay, as it seems a little long.

edit: the only difference is render.Sequence vs render.Animation

Before:
severewxalertsusa

After:
severewxalertsusa

from community.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.