Giter VIP home page Giter VIP logo

Comments (23)

CoDanny avatar CoDanny commented on June 12, 2024

@MiniguyBrendan Go for it ! ;)

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Great! I'm getting there, I just need to know how to make the textbox look pretty. I see in settings.jinja2 that there's

                            <div class="input-wrapper">
                                <label for="max-nozzle-temp" class="bold">
                                    Max. Nozzle Temperature
                                </label>
                                <div class="row collapse">
                                    <div class="small-9 columns">
                                        <input id="max-nozzle-temp" name="max_nozzle_temp" type="text" value="<%= settings.max_nozzle_temp %>" required pattern="integer"/>
                                        <small class="error">Invalid Nozzle Temperature.</small>
                                    </div>
                                    <div class="small-3 columns"><span class="postfix">&deg;C</div>
                                </div>
                            </div>

I want a similar looking text box in control.jinja2. Are the div classes universal? Meaning, can I just copy the class name to make it look the same?

Thanks in advance,
Miniguy

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

Yes, they are. For more info on the UI library that we use check out: http://foundation.zurb.com/docs/

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

image

How's this looking so far?

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

I think this functionality is pretty advanced so we probably would hide under an advanced option of some sort. Then I think that the user should also see that the printer responds to when the command is sent. So maybe a little history of commands received and then a box to send.

It's ok if you'd like to focus on making it work for your pull request, @joshwhite47 can make it fit in the UI

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Sure! Any suggestion as to where I should move it?

from astrobox.

joshwhite47 avatar joshwhite47 commented on June 12, 2024

Yes I can make it fit in the UI.

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Great. I'll focus on making it actually function for now.

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

@CoDanny , how can I test the py files on my astrobox? They're all compiled to pyo. Should I just python -O the files and then copy paste?

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Oof, where is control.js located in the AstroBox? It's not under astroprint-->static-->js-->app-->views.

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

You should develop on your mac (windows not supported for development) or linux. Connect your printer to your computer's usb port and the sofware should detect it. The final image is compiled py, js and scss files. You should not work on there.

If you must work on the box clone the repo on the box and start it there. You can stop the default astrobox service like so:

sudo service astrobox stop

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Alright, thanks. I cloned the repo on my box, and it still searches for the .css file rather than the scss file. Any ideas?

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

run:

sass --watch src/astrobox/static/css/scss:src/astrobox/static/css/gen &

On Sun, May 10, 2015 at 6:12 PM, MiniguyBrendan [email protected]
wrote:

Alright, thanks. I cloned the repo on my box, and it still searches for
the .css file rather than the scss file. Any ideas?


Reply to this email directly or view it on GitHub
#62 (comment).

Best Regards,
Daniel

web: danielarroyo.net
twitter: @CoDanny http://twitter.com/codanny

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

I had to run sass --watch src/astroprint/static/css/scss:src/astroprint/static/css/gen &

for it to work. Now it says: >>> Sass is watching for changes. Press Ctrl-C to stop.

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

That's fine

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

But it continues to say that, the command doesn't complete. It just stays there.

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

Did you add the '&' at the end?

On Sun, May 10, 2015 at 6:32 PM, MiniguyBrendan [email protected]
wrote:

But it continues to say that, the command doesn't complete. It just stays
there.


Reply to this email directly or view it on GitHub
#62 (comment).

Best Regards,
Daniel

web: danielarroyo.net
twitter: @CoDanny http://twitter.com/codanny

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

Yep.

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

Then hit enter.

It'll take a while to run the scss compiler since it's a pi but it will
eventually tell you the new css files are created

On Sun, May 10, 2015 at 6:33 PM, MiniguyBrendan [email protected]
wrote:

Yep.


Reply to this email directly or view it on GitHub
#62 (comment).

Best Regards,
Daniel

web: danielarroyo.net
twitter: @CoDanny http://twitter.com/codanny

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

I hit enter. I guess I'm just impatient haha

from astrobox.

indiemini avatar indiemini commented on June 12, 2024

It's also looking for app.js and other files that aren't under the gen folder. How should I get those? I can't just copy/paste from the astrobox distribution because they don't include my customized js.

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

Sorry about the lack of instructions here. Add a file called application.cfg to you local directory. Use this as its contents:

ASSETS_DEBUG = True
ASSETS_AUTO_BUILD = True

from astrobox.

CoDanny avatar CoDanny commented on June 12, 2024

This is now part of the 0.8.1 release

from astrobox.

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.