DueUI: An Alternate Web Interface

devleon

@thwe Thanks, i'll give it a try later.

@gtj0 Do you think you could add support for some more flat themes?
I'd like to have something dark and flat, but all the dark themes have weird round buttons and gradients... Maybe something like this or this?

Or maybe, and I know this will require quite some effort and probably a rewrite, use bootstrap instead of jQuery UI? It would make layouting more consistent between themes and probably easier. There's also tons of free themes for bootstrap, and the ones here are quite nice imho. Just a suggestion of course

gtj0

Adding themes to the current jQuery-UI implementation is a little difficult. I did look at bootstrap but it seemed more complicated than jQuery. I'll look again though.

nilrog

This is awesome...and has a lot of potential

My printer isn't 100% ready yet but I downloaded this and tried playing around with it. But DueUI only works if you have your printer on a network with internet access, or where the printer is allowed to access internet, since all the third-party javascripts and css is loaded from public cdn's.

I tried building my own version of DueUI with local resources...but there are at least some issues with the theme afaik, since the Duet3D decides itself where it wants to place different filetypes. All I ended up with was a start page where I was supposed to fill in the connection details for the printer...hitting save and reload did nothing...and the js-console did not show any errors.

@gtj0 said in [Preview] DueUI: An Alternate Web Interface:

I did look at bootstrap but it seemed more complicated than jQuery. I'll look again though.

That would be awesome...and another benefit would be that you could leverage the bootstrap that is already part of the Duet3D so you would not even need to bundle it...unless for the case when you want to run DueUI on another computer and not the printer itself.

gtj0

I'm still looking at bootstrap but just to be clear, the printer does NOT need internet access. Only the browser you run DueUI on needs it.

nilrog

@gtj0 Yes,that is what I meant...perhaps I should have made my case clearer...
But on the other hand, if you have the printer on a closed network, it would be rare if you would access DueUI from a browser that has internet access. I can understand why it is implemented this way, at least in this initial state, but removing that limitation in the future would be nice. Especially since Duet3D itself doesn't have this limitation.

gtj0

@nilrog said in [Preview] DueUI: An Alternate Web Interface:

@gtj0 Yes,that is what I meant...perhaps I should have made my case clearer...
But on the other hand, if you have the printer on a closed network, it would be rare if you would access DueUI from a browser that has internet access. I can understand why it is implemented this way, at least in this initial state, but removing that limitation in the future would be nice. Especially since Duet3D itself doesn't have this limitation.

I can fix that but I wanted to make sure it was actually an issue before I did as it does require some work and coordination with the DWC.

nilrog

@gtj0 said in [Preview] DueUI: An Alternate Web Interface:

I can fix that but I wanted to make sure it was actually an issue before I did as it does require some work and coordination with the DWC.

There is no rush, at least from my side, it will be some time before I can start playing with DueUI for real. But i'm looking forward to being able to customize the UI once I have the Duet3d and all the rest fully working.

appjaws

downloaded the file to my kindle fire and installed it but when I click on the app icon I get the start page to input the printers address, then press go and all I get is a blank screen.
Any thoughts?

gtj0

@appjaws said in [Preview] DueUI: An Alternate Web Interface:

downloaded the file to my kindle fire and installed it but when I click on the app icon I get the start page to input the printers address, then press go and all I get is a blank screen.
Any thoughts?

Did you install DueUI on the printer?
Did you specify the full URL? http://<your_printer>/dueui.html
The next release won't require you to do this.

If you unchecked the "Show this screen at startup" button, you'll have to uninstall and re-install to get back to the welcome screen, or go to Settings, Applications, select the app and clear it's data. The next release will have a way to do that from the DueUI settings and will also have better feedback of what went wrong.

boldnuts

Try to install your app on my Asus tablet, getting a parsing error?

gtj0

@boldnuts said in [Preview] DueUI: An Alternate Web Interface:

Try to install your app on my Asus tablet, getting a parsing error?

More detail?
Screenshot?
When does the issue happen?
Can you run the web version OK?

thwe

How can I change the design of the "choose" buttons (eg distance between the buttons)?
Can you put a "refresh" button in the menubar bottom (next to the two buttons "fullscreen" and "set up")?
Can the web application be started immediately in full screen mode as soon as I call the page (like if you click on the small button "fullscreen" on the bottom right)?

gtj0

@thwe said in [Preview] DueUI: An Alternate Web Interface:

How can I change the design of the "choose" buttons (eg distance between the buttons)?

In the current version, you can't but I'm almost finished with moving from jQuery-UI to Bootstrap and the spacing will be easier to control.

Can you put a "refresh" button in the menubar bottom (next to the two buttons "fullscreen" and "set up")?

Will do.

Can the web application be started immediately in full screen mode as soon as I call the page (like if you click on the small button "fullscreen" on the bottom right)?

Early on I tried to add an option to the settings that automatically requested fullscreen when the app started but it appears that fullscreen can only be requested by a user action. I guess this is to prevent malicious websites from automatically putting the browser in fullscreen mode without user consent.,

devleon

@gtj0 said in [Preview] DueUI: An Alternate Web Interface:

In the current version, you can't but I'm almost finished with moving from jQuery-UI to Bootstrap and the spacing will be easier to control.

Woop woop! That's awesome to hear. Looking forward to it!

thwe

Unfortunately, I have now discovered a problem that could possibly be critical:

To measure my bed, I run a macro in which at 5 points a "G30 S-"1 is started - the results then readable on the DWC in the "G-Code Console".

Without a connection of my tablet, ie without a connection from the DueUI to the Duet, the result looks like this:

When I start the DueUI without any operation of my printer on the DueUI, the measurement results suddenly look like this:

Obviously there are any overloads of the Duet caused by the DueUI?

gtj0

@thwe Hmmm. I'll look into it.

gtj0

I'm starting to look at this issue now.

As I've been using DueUI myself, I'm also thinking about a height map viewer and the ability to create macros that can use values from the status messages.

thwe

My new designed surface of the DueUI:

video of my new DueUI surface

Phaedrux

@thwe That looks great.

gtj0

@thwe That's fantastic. If you'd like to share your config I'd love to add it to the DueUI wiki and if you're OK with it, I'd like to link to your video from the README (giving you full credit of course).

Is there anything that you'd wished was easier?