tap-num should be the class to modify, you might be using browser specific css.Anyone able to point me to the class that needs modifying?
Could you send me your exact styles.css or at least the changes you made so I can review
tap-num should be the class to modify, you might be using browser specific css.Anyone able to point me to the class that needs modifying?
By default it says alamode, but that's just text. probably should change to Arduino.This is what the Rpints.log file showed after this. Im using a Uno so why is it trying to reflash the alamaode???
This looks like a baudrate issue2020-02-01 10:56:29 RPINTS: Waiting for Config Response
2020-02-01 10:56:29 RPINTS: alamode says: alive
this should remove all pours from the table, unless you really want to save that 1 pour this is the way to go (assuming you use the default database name)Also how do I get rid of those other pours which were already there?
Here ya go. I've made very little changes, with the exception of some fonts and header sizes.tap-num should be the class to modify, you might be using browser specific css.
Could you send me your exact styles.css or at least the changes you made so I can review
this should remove all pours from the table, unless you really want to save that 1 pour this is the way to go (assuming you use the default database name)
sudo mysql -D raspberrypints -e "DELETE FROM pours;"
Use the built-in browser developer tool's to determine what is happening/not happening in regard to rendering/css. Most modern browsers have some sort of built-in developer tools (might be called a different name, but they allow inspecting the rendered DOM).Anyone able to point me to the class that needs modifying?
Thanks I have been trying. I used the dev tools to change fonts, spacing and widths without a problem. I can't seem to do anything with it to change the way it renders the image. You would think the object-fit or image-fit or auto would work, but alas... I even changed the graphic to 150 X 75 and it still doesn't fit. I'm not good at this stuff, I appreciate the help.Use the built-in browser developer tool's to determine what is happening/not happening in regard to rendering/css. Most modern browsers have some sort of built-in developer tools (might be called a different name, but they allow inspecting the rendered DOM).
Look for overridden styles, things with a line thru them. Perhaps, the image is correctly set, but then overrode by a later style. Remember, CSS = cascading style sheet (in other words the last style wins).Thanks I have been trying. I used the dev tools to change fonts, spacing and widths without a problem. I can't seem to do anything with it to change the way it renders the image. You would think the object-fit or image-fit or auto would work, but alas... I even changed the graphic to 150 X 75 and it still doesn't fit. I'm not good at this stuff, I appreciate the help.
Remember too things are rendered, aka images, based on their container. Perhaps, a div or span or other item is ruining the images.Thanks I have been trying. I used the dev tools to change fonts, spacing and widths without a problem. I can't seem to do anything with it to change the way it renders the image. You would think the object-fit or image-fit or auto would work, but alas... I even changed the graphic to 150 X 75 and it still doesn't fit. I'm not good at this stuff, I appreciate the help.
Are you drunk? No wait, haha that's me. I have 8 taps and RandR+ helped me put them in a portrait mode screen with double columns. Hopefully, I won't need to scroll the table under the header. Everything is fitting really well on full screen and looks awesome. Just a couple more things to fix. The tap graphics fitting and I put "Your beer is being poured at a COLD 34.56° F" at the bottom of the table. Currently with last pour at the top, I'm struggling to pull show the converted $temp variable at the bottom. It's something I think I can figure out. I'll look into some of your suggestions on the tap graphic. Thanks!Remember too things are rendered, aka images, based on their container. Perhaps, a div or span or other item is ruining the images.
To drive yourself totally mental, try making a scrolling list (table) where the header row remains (doesn't scroll). Is possible, not exactly easy, but doable.
I'm to the point of trying to get the tap number graphics to fit. I PM'd Troyp42 and used what worked for him, but it didn't for me. He modified the class for the tap circle. I've been trying .tap-num without success. It is also is browser dependent. It works great on FireFox, but none of the other browsers including Chromium.
Anyone able to point me to the class that needs modifying?
Is that background original art?After doing this now the heading POURS is completely gone/.
View attachment 664625
Edit:- Ok its back again after a reboot. Ill keep playing around. thanks heaps mate.
EDIT:- Nope. It showed one pour then I changed the count per litre from 7000 to 3000 as it only showed 33mls when I had poured 500mls, but it won't show the second pour now?
Just a couple more things to fix. The tap graphics fitting and I put "Your beer is being poured at a COLD 34.56° F" at the bottom of the table. Currently with last pour at the top, I'm struggling to pull show the converted $temp variable at the bottom. It's something I think I can figure out. I'll look into some of your suggestions on the tap graphic. Thanks!
Yes I had it designed for me by a graphic designer on FiverrIs that background original art?
Bit surprised you get that issue in Chromium. I know older Browsers, such as Safari from a couple years ago will render the page like that.
Anyway, what you seek to change can be located here: /var/www/html/includes/beerListTable.php
about Line 88. (I cant remember if I added anything to throw my line count off) You'll want to set your height and width to a set px. I set mine to 51px x 54px and I render the image in all the browsers important to me.
As Tabor said....the base element wins. in this case it's beerListTable.php.
Thanks, that sounds right. So here is what I have from 70-100
<?php
}
$style = "";
if(isset($beer) && isset($beer['tapRgba']) && $beer['tapRgba']) $style = "background-color: ".$htmlHelper->CreateRGB($beer['tapRgba']);
$imgs = glob ( 'img/tap/tap'.$beer['id'].'.*' );
if(count($imgs) > 0) $style .= ($style != ""?";":"").'background:url('.$imgs[0].') no-repeat bottom left; background-size:cover; -webkit-border-radius:0px; -mox-border-radius:0px; height:100%; width:50px';
?>
Did I mention the best I can do is cut and paste what someone else has done? I'm waay out of my league and really appreciate the patience and help everyone has given me here. This is RandR+ file he modified for the two column beer table. Is it the 6th line up from the bottom or out of this range?
<?php
}
$style = "";
if(isset($beer) && isset($beer['tapRgba']) && $beer['tapRgba']) $style = "background-color: ".$htmlHelper->CreateRGB($beer['tapRgba']);
$imgs = glob ( 'img/tap/tap'.$beer['id'].'.*' );
if(count($imgs) > 0) $style .= ($style != ""?";":"").'background:url('.$imgs[0].') no-repeat bottom left; background-size:cover; -webkit-border-radius:0px; -mox-border-radius:0px; height:51px; width:54px';
?>
No the line numbers don't matter, but it looks like you made the right changes as the log doesn't show it restarting over and over again. And shows what I would expect it to be at startupThose lines for self Arduino (line 225) and serial.begin (line 124) weren't the same as you quoted..But I assume that doesn't matter?
That's to be expected until a new pour is registered. it sounds like the first pour worked but the seconded didntAfter doing this now the heading POURS is completely gone/.
I used your style.css and the inspection tool and found the issue for chromeit the 6th line up from the bottom or out of this range?
Verify what port is being used...most likely /dev/ttyACM0 or /dev/ttyACM1.
Then modify /var/www/html/Config.py
"config['flowmon.port'] = '/dev/ttyACM0'
As an aside, I ran into issues of my RPi 3+ bouncing between ttyACM0 and ttyACM1 and did this...
http://hintshop.ludvig.co.nz/show/persistent-names-usb-serial-devices/
my "99-usb-serial.rules" looked like this...
SUBSYSTEM=="tty", ATTRS{idVendor}=="2a03", ATTRS{idProduct}=="0043", SYMLINK+="arduino"
after I made this modification...I could use "/dev/arduino" in Config.py
Then you can go back to GUI and use Arduino IDE Programmer. (still sees ttyACM0 though, so make sure it's selected under Tools/Serial Port)
raspberrypints.ino is located in "/var/www/html/arduino/raspberrypints"
Will do when I’m back home. Does the length of wires matter? I am using Ethernet cable. I have a 3 foot run inside the fridge to an Ethernet plug on the outside. Then a 6ft patch lead to my box and into another Ethernet port......After you do a pour check /var/log/rpints.log to see if there is any errors.