A simple digital Taplist solution

[SSR]

Totally get what you’re saying.

FWIW, if you have a Mac, X-Code is free. Might be worth playing around with it and see if it’s viable. Then start a go fund me to raise the $99 so that you didn’t have to spend anything out of pocket. Let the go fund me contributors be beta testers.

Just a thought.

Nice idea, but let me first check if even I'm capable of creating a native app. ;-)

 

[Bigdaddyale]

https://taplist.netlify.app/I just get the black background page - no text

 

[SSR]

https://taplist.netlify.app/I just get the black background page - no text

Yeah, there was an issue. It's now fixed.

 

[Bigdaddyale]

Working now-thanks

 

[rkhanso]

I really don't want to ask this question because I think it'll show how dumb I am.
I'm saving the page using Brave browser. Saving it as "webpage, complete"
I can open the web page from what I downloaded. I can get into the settings section.
The problem is-- there is NO background image. It's just a white background.
Is there a way I can get the background to show up so I can read all the light-colored text?

 

[SSR]

I really don't want to ask this question because I think it'll show how dumb I am.
I'm saving the page using Brave browser. Saving it as "webpage, complete"
I can open the web page from what I downloaded. I can get into the settings section.
The problem is-- there is NO background image. It's just a white background.
Is there a way I can get the background to show up so I can read all the light-colored text?

I have no experience with Brave browser, but I guess the background is not showing up because the path it's looking at for the image is incorrect.
Let's try this:-
In main.xxxxxx.chunk.css lookup for background path. It would be something like /static/media/background.xxxxxx.jpg
Try changing it to ../media/background.xxxxxx.jpg
Also, check the browser console, you might see more errors like this. If you fix them all, it should run locally fine, you don't even need a web server.
Note: xxxxx here represents some random numbers, please don't change them. And there are no dumb questions, even though I wrote this app, I had to go and check how to fix the path issue...

 

[rkhanso]

First, I installed Firefox and get the same results. Your webpage: Taplist works fine.
Both Brave (an offshoot of Chrome) and Firefox display the web page fine except for no background.

I did as you suggested above, but still no background.

I'm not sure how to check the browser console. I'll do some Google searches and see if I can figure it out.

In the Firefox inspector, I see the background image mentioned (yellow highlight). I also downloaded the background image separately and put it in the folder, hoping the web page would find it. I guess it didn't.

 

[rkhanso]

When I download the webpage as "Webpage Complete" I do see the background, but the setup and the buttons don't work. I can't open this file in Firefox though - as it wants to open a million tabs.

 

[SSR]

Use this instead https://drive.google.com/file/d/1aPZqnZHXBcFYesMl27CSu70AamJH35Mh/view?usp=sharing
One thing that I noticed that doesn't work is "Back to Taplist" button, you can simply refresh the page after you Save your settings. It wasn't intended to work like this, so there might be other issues too, please test before you start using it.

 

[rkhanso]

Use this instead https://drive.google.com/file/d/1aPZqnZHXBcFYesMl27CSu70AamJH35Mh/view?usp=sharing
One thing that I noticed that doesn't work is "Back to Taplist" button, you can simply refresh the page after you Save your settings. It wasn't intended to work like this, so there might be other issues too, please test before you start using it.

AWESOME!! Thanks!
It seems to work fine. Haven't found any issues with it yet.

 

[cfrazier77]

Updated the app to have 3 different glass sizes. Enable it from settings. I have tried to keep the existing functionality intact, but if anything breaks, please let me know.View attachment 691708
View attachment 691709

Thank you

 

[SSR]

Question 2: This may sound ridiculous, but would it be possible to do a "bottle list" version? I brew quite a bit and usually have about a half dozen higher ABV/special beers lying around (dubbel, tripel, quad, imperial saison, a smattering of pseudo lambics, etc.) that take some time to consume and three or four 4.5-5.5% ABV beers (APA, wit, petite saison) that I run through pretty quickly.

Another update, I have added option to display bottle in place of keg. Clicking on it will reduce the number of bottles. As usual if you see any bug please let me know.

 

[day_trippr]

"Feature Creep Happens"

Cheers!

 

[SSR]

"Feature Creep Happens"

Cheers!

I'll try not to make it over complicated

 

[kestrelbrewing]

Another update, I have added option to display bottle in place of keg. Clicking on it will reduce the number of bottles. As usual if you see any bug please let me know.

View attachment 691915

View attachment 691916

That is awesome.

I downloaded the version from the google doc archive but it does not have the bottle feature. One suggestion: Some of us are freaks and have labels for our beers (my avatar is from the label for my saison). It would be cool to have the option to add a small JPEG icon for a beer that would display about the same size as the hop image.

Watch those features creep …

 

[kestrelbrewing]

Okay, I'm going to say right at the get go that this is probably not an issue 90% of people will have but here goes:

Between the fact that I brewed a ton of high gravity beer back in January in anticipation of a summer filled with concerts, birthday parties, and BBQs; and having a crap ton of time on my hands which I've used for brewing, I currently have 16 different beers I've brewed sitting on my shelves.

Ignore the fact that I just put the names and styles in and got lazy about the ABV, SRM, IBU, etc. … Here's the issue:

 

[kestrelbrewing]

BTW, I should also say: Thanks! This is very cool. Once I figured out where to stick the files I got my media computer hosting the list in no time at all.

 

[day_trippr]

lol! ^first brewing world problems^

What folks did with the original RaspberryPints was to split to two columns...

Cheers! (aaaand another feature )

 

[kestrelbrewing]

lol! ^first brewing world problems^

The struggle is real!

 

[day_trippr]

lol!

 

[kestrelbrewing]

Since we seem to be getting into real testing issues here, my installation is on an older Mac mini running MacOS 10.13. I've installed the files at the root website level as opposed to the user level. When I navigate to "localhost", everything works as expected. When I navigate to the media computer's IP address in the browser on another device, I get the initial page with the default blank beer.

 

[SSR]

That is awesome.

I downloaded the version from the google doc archive but it does not have the bottle feature. One suggestion: Some of us are freaks and have labels for our beers (my avatar is from the label for my saison). It would be cool to have the option to add a small JPEG icon for a beer that would display about the same size as the hop image.

Watch those features creep …

Yeah, I would have to update the static version every time I make changes in code base. Adding image: next feature probably...

Okay, I'm going to say right at the get go that this is probably not an issue 90% of people will have but here goes:

Between the fact that I brewed a ton of high gravity beer back in January in anticipation of a summer filled with concerts, birthday parties, and BBQs; and having a crap ton of time on my hands which I've used for brewing, I currently have 16 different beers I've brewed sitting on my shelves.

Ignore the fact that I just put the names and styles in and got lazy about the ABV, SRM, IBU, etc. … Here's the issue:

I'm wondering how come you are not getting scrollbar when you add that many items. For me after 6 items, I start getting scrollbar. What browser/version are you using?

Since we seem to be getting into real testing issues here, my installation is on an older Mac mini running MacOS 10.13. I've installed the files at the root website level as opposed to the user level. When I navigate to "localhost", everything works as expected. When I navigate to the media computer's IP address in the browser on another device, I get the initial page with the default blank beer.

Since the app is using local storage, it will always store data on the device it is accessing the page from, not where it is hosted.

 

[kestrelbrewing]

Yeah, I would have to update the static version every time I make changes in code base. Adding image: next feature probably...


I'm wondering how come you are not getting scrollbar when you add that many items. For me after 6 items, I start getting scrollbar. What browser/version are you using?

Since the app is using local storage, it will always store data on the device it is accessing the page from, not where it is hosted.

Browser: Safari 13.1.2 (13609.3.5.1.5)
I tried checking it on my "real" computer using Firefox/Chrome/Omni but ran into the same local/remote situation. Just to make sure I'm understanding what you're saying: When I navigate to the webpage from another device, it's not serving up the information from the webpage I'm navigating to, but from the device I'm browsing on. So, it would not be possible to enter the list of available beers on one machine and have it available throughout the house?

For some reason, today the background has also gone white. I tried using a different image and renaming it with the original image file name. But that didn't work.

Can you recommend a decent, free CSS editor?

 

[SSR]

Browser: Safari 13.1.2 (13609.3.5.1.5)
I tried checking it on my "real" computer using Firefox/Chrome/Omni but ran into the same local/remote situation. Just to make sure I'm understanding what you're saying: When I navigate to the webpage from another device, it's not serving up the information from the webpage I'm navigating to, but from the device I'm browsing on. So, it would not be possible to enter the list of available beers on one machine and have it available throughout the house?

For some reason, today the background has also gone white. I tried using a different image and renaming it with the original image file name. But that didn't work.

Can you recommend a decent, free CSS editor?

The layout on Safari is not behaving as intended, please use Chrome or Firefox.

Each browser stores local storage separately, so it's just not different device but each browser on a device will have it's own local storage. If you want that you should enter data once and it's available everywhere else than it's possible with storing data in a JSON file. May be another feature...

I would suggest Visual Studio Code/Sublime Text as HTML/JavaScript/CSS editor.

 

[kestrelbrewing]

The layout on Safari is not behaving as intended, please use Chrome or Firefox.

Each browser stores local storage separately, so it's just not different device but each browser on a device will have it's own local storage. If you want that you should enter data once and it's available everywhere else than it's possible with storing data in a JSON file. May be another feature...

I would suggest Visual Studio Code/Sublime Text as HTML/JavaScript/CSS editor.

Setting aside weirdos like me who bottle everything, I would think being able to host the list on a "server" somewhere and then have it accessible from anywhere on the network would be really useful. I am specifically thinking of how things at restaurants have changed around here. They no longer automatically bring you a menu. You scan a QR code and that pulls up the menu. Then when your bill comes, instead of giving the server your credit card, you scan another QR code and pay with your phone. A taproom that could put a QR code on every table without having to pay that menu service would be a happy taproom.

 

[Bigdaddyale]

Thanks for this. Any chance you could add a timer that measures the time between pours? This would help with my beer math- timing beers to innings/quarters left in the game when watching sports ball.

 

[day_trippr]

hahahahahaha!

 

[kestrelbrewing]

Any chance you can post the latest version as a google doc archive? Thanks!!

 

[Bigdaddyale]

hahahahahaha!

I had a feeling I was pushing it

 

[SSR]

Setting aside weirdos like me who bottle everything, I would think being able to host the list on a "server" somewhere and then have it accessible from anywhere on the network would be really useful. I am specifically thinking of how things at restaurants have changed around here. They no longer automatically bring you a menu. You scan a QR code and that pulls up the menu. Then when your bill comes, instead of giving the server your credit card, you scan another QR code and pay with your phone. A taproom that could put a QR code on every table without having to pay that menu service would be a happy taproom.

When I said this is possible with JSON, I somehow overlook the fact that we also would have to store data back to the JSON file, not just read from it. This is beyond the capability of a client only app, we need a server to do anything like this. That would also mean that everyone would have to run the file from a local server, they can't access it from the file system or use a URL (unless we create a user based saving mechanism).

Thanks for this. Any chance you could add a timer that measures the time between pours? This would help with my beer math- timing beers to innings/quarters left in the game when watching sports ball.

Sure, just don't ask me when

Any chance you can post the latest version as a google doc archive? Thanks!!

https://drive.google.com/file/d/17T_4QJxMJ08w-FSeftwPSF4fwJbq7278/view?usp=sharing