Better webUI for Smoothieware
imrahil / smoothieware-webui Goto Github PK
View Code? Open in Web Editor NEWBetter webUI for Smoothieware
License: GNU Affero General Public License v3.0
Better webUI for Smoothieware
License: GNU Affero General Public License v3.0
Better webUI for Smoothieware
The current highlight function is little bit buggy - it does not always disappear when moveout
There is a fix suggested by @treepleks to remove
<set attributeName="fill" to="orange" begin="mouseover" end="mouseout"/>
and use css instead
path.std:hover {
fill:orange;
}
rect.std:hover {
fill:orange;
}
It fix issue on all browsers I have tested
do you want me to do a PR ?
after minifing css and js why not embedded them in final single index.html to follow the same logic ?
seems gulp-smoosher do Inline css and js links with file contents
https://www.npmjs.com/package/gulp-smoosher
I am not very familiar with gulp but I plan to apply this to smoothieware-webui for esp8266 as webserver do not handle too many connnection at once, so having 1 file is good - and esp webserver is able to handle .gz file so at the end I have index.hml.gz file for only 11.38 KB which is small footprint
I currently do the concat by hand with the dist.zip files content - but I will try to add the ultimate files fusion using gulp-smoosher, let me know if you are interrested I could push a PR to your github once done
This worked a while back but is now refusing to change values from the web ui, I am not sure how to explain other than that. running latest edge, imrahil web ui does not work
Hi I would like to port your great UI to work with the ESP8266 wifi module with smoothie board, everything is working natively but unfortunalty ESP file upload method is different than smoothieware one, it use normal file transfert methode instead of put all in header (luc-github/ESP3D#112).
I would like to modify the upload function present in your function.js but I cannot see the code in final package...
So sorry for asking, but how to build the dist.zip with minified files and obviously less files ?
Thanks in advance
Hi,
If there are lot of files, the list overload the panel instead of resize him:
It is just cosmetic - no functional impact
The ui is the one from my fork for ESP8266 but yours has same behavior - I am still learning angular, so did not found the way to resize when list is updated may be you are aware
I found it miss "\n" here : https://github.com/imrahil/smoothieware-webui/blob/master/www/js/controllers/fileController.js#L95
should be DataService.broadcastCommand('Upload successful. Response: ' + resp.data + "\n");
and I am not sure why but resp.data
display [object:object]
so to not get Upload successful. Response:[object:object]
i changed to:
DataService.broadcastCommand('Upload successful.\n');
to keep simple and clean
Hey.
Would you mind adding to the repo a pre-generated version for each language ?
That way folks just have to download/paste to their SD card.
If/when done, I'll add instructions on how to use this on the Smoothie wiki, and ask the community to test it ( if that's fine with you ).
Cheers, and very nice project :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.