Ingredient notes won't show

[therealschimmi]

When adding notes to ingredients i get the little info box on the recipe page. How is that supposed to work? Neither hovering nor clicking will make the note appear.

[vabene1111]

are you running the latest version (0.8.2) ? i broke tooltips in 0.8.0 and fixed it yesterday evening in 0.8.2

[therealschimmi]

how do i check?

[vabene1111]

currently there is no integrated version info, best would be to just do a update (docker compose down, pull, up -d)

[vabene1111]

showing the version will be added probably with the next release

[therealschimmi]

ok, but how do I backup the my recipes before the update? They will be lost if I update, right? My understanding is the dropbox/nextcloud thing just works for importing recipes?

[therealschimmi]

btw: if i try deleting a storage location and there's still a monitored folder pointing to that, i will get a cryptic looking error page

[vabene1111]

the last one is definitly an issue i will need to fix. Normally no data should be lost during any updates, backups are just for security reasons. Just copy you postgresql folder or dump the database using pg_dumpall

[vabene1111]

i opened a new issue for the monitor/storage problem #102

[therealschimmi]

I don't have a postgresql folder, pg_dumpall: not found
what I have is a db.sqlite3 file?
i'm running this on a Synology NAS from your docker container, should be the 0.7.1 release

[therealschimmi]

#96 seems to be related... wouldn't it be possible to store the recipe data in a mapped folder? other containers do exactly that, all the important stuff is very accessible and persistant if you delete the container or chose to run it in a different configuration

[vabene1111]

i do exactly that if you follow the recommended setup ...

Generally running on a sqllite database in production is not recommended but you can certainly do that, you just need to add a mapping for the install folder which included you sqlite fille (something like ./recipes:/opt/recipes). But i strongly recommend you create yourself a second container running postgres and use that as the database.

[therealschimmi]

apaprently through the synology docker gui i got the container running without proper nginx and postgres containers. Want to try a clean install through CLI, this is what I get

where do i get conf.d?

[vabene1111]

you need to download the nginx folder from the docs examples https://github.com/vabene1111/recipes/tree/develop/docs/docker/plain

[therealschimmi]

great, finally got 0.8.3 set up correctly with all three containers running instead of just one. Thank you very much!
now i imported a recipe through the json import feature. It still wont show the tooltips. Even when I create a new recipe from scratch, same effect.
btw: i did an update to 0.8.4 right now through CLI: down, pull, up -d...the docker-hub page says to to update.sh on each update. is that still required? how and where do i do that?

[vabene1111]

oh i guess docker hubs description is outdated, i will fix that. Running update.sh should never be required (you should not even have a update.sh if you are running the image version), at least not on the host system.

I have one idea, maybe the static files aren't collected (for whatever reason) so you could actually try executing into the container (docker-compose exec web_recipes sh) and run update.sh manually to see its output.

Other than that you can post your Browser/Version, the output of docker-compose logs -f (this might be pretty big, in that case down&up the container, open the recipe page once and then post it). Also the Browser dev tools console output might be interesting since this is most likely a javascript errror.

[therealschimmi]

no update.sh :(

also no logs.

Firefox 76.0.1 on MacOS

[vabene1111]

oh i forgot, its now the boot.sh that does what the update.sh used to do.

please run
python3 manage.py collectstatic --noinput inside the container. Also please open the page in firefox and hit F12 to open the debug tools (there should be a tab called console) and send me the errors if there are any.

[koch17]

Hi therealschimmi,
It looks like you were able to make work something I struggle with for two weeks now. Is there any chance you could make a detailed guide of your setup? Me and other synology users would greatly appreciate.

[therealschimmi]

I just put it here:

Basic guide to setup vabenee1111/recipes docker container on Synology NAS

1. Login to Synology DSM through your browser

• Install Docker through package center
• Optional: Create a shared folder for your docker projects, they have to store data somewhere outside the containers
• Create a folder somewhere, i suggest naming it 'recipes' and storing it in the dedicated docker folder
• Within, create the necessary folder structure. You will need these folders:

2. Download templates

• vabene1111 gives you a few samples for various setups to work with. I chose to use the plain setup for now.
• Open https://github.com/vabene1111/recipes/tree/develop/docs/docker
• Download docker-compose.yml to your recipes folder
• Open https://github.com/vabene1111/recipes/tree/develop/docs/docker/plain/nginx/conf.d
• Download Recipes.conf to your conf.d folder
• Open https://github.com/vabene1111/recipes/blob/develop/.env.template
• Copy the text and save it as 'env' to your recipes folder (no filename extension!)
• Once done, it should look like this:

3. Edit docker-compose.yml

• Open docker-compose.yml in a text editor
• This file tells docker how to setup recipes. Docker will create three containers for recipes to work, recipes, nginx and postgresql. They are all required and need to store and share data through the folders you created before.
• Edit line 26, this line specifies which external synology port will point to which internal docker port. Chose a free port to use and replace the first number with it. You will open recipes by browsing to http://your.synology.ip:chosen.port, e.g. http://192.168.1.1:2000
• If you want to use port 2000 you would edit to 2000:80

4. SSH into your Synology

• You need to access your Synology through SSH
• execute following commands
• ssh root@your.synology.ip connect to your synology. root password is the same as admin password, sometimes root access is not possible for whatever reason, then replace root with admin
• cd /volume1/docker/recipes access the folder where you store docker-compose.yml
• docker-compose up -d this starts your containers according to your docker-compose.yml. if you logged in with admin you will have to use sudo docker-compose up -d instead, it will ask for the admin password again.
• This output tells you all 3 containers have been setup

...
Creating recipes_nginx_recipes_1 ... done
Creating recipes_db_recipes_1    ... done
Creating recipes_web_recipes_1   ... done

• Browse to 192.168.1.1:2000 or whatever your IP and port are
• While the containers are starting and doing whatever they need to do, you might still get HTTP errors e.g. 500 or 502. Just be patient and try again in a moment

[vabene1111]

Thanks for the great guide! As synology hosting seems to be a common thing, would you mind me putting this guide in the "offical" docs ?

Also did you solve your problem by running collectstatic or is it still bugged ?

[therealschimmi]

Feel free to put the guide to the docs :) happy to help

No, the tooltips still dont work. see below. what does that mean

admin@Synology:/volume1/docker/rezepte$ sudo docker-compose exec web_recipes sh
Password: 
/opt/recipes # python3 manage.py collectstatic --noinput
Traceback (most recent call last):
  File "manage.py", line 8, in <module>
    from django.core.management import execute_from_command_line
ModuleNotFoundError: No module named 'django'

The above exception was the direct cause of the following exception:

Traceback (most recent call last):
  File "manage.py", line 10, in <module>
    raise ImportError(
ImportError: Couldn't import Django. Are you sure it's installed and available on your PYTHONPATH environmen

firefox debug concole

10:48:33.310
Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:1000
10:48:33.313 Unbekannte Pseudoklasse oder Pseudoelement 'focus-visible'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:1445
10:48:33.315 Unbekannte Pseudoklasse oder Pseudoelement '-ms-expand'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:30368
10:48:33.315 Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:30753
10:48:33.315 Unbekannte Pseudoklasse oder Pseudoelement '-ms-value'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:30959
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-value'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:75150
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-expand'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:75393
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-thumb'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:77404
10:48:33.319 Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:78334
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-thumb'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:79527
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-thumb'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80230
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-thumb'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80296
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-track'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80353
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-fill-lower'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80510
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-fill-upper'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80584
10:48:33.319 Unbekannte Pseudoklasse oder Pseudoelement '-ms-thumb'.  Regelsatz wegen ungültigem Selektor ignoriert. flatly.min.f99bb7c874e0.css:12:80946
10:48:33.321
Unbekannte Eigenschaft 'orphans'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:96405
10:48:33.321
Unbekannte Eigenschaft 'widows'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:96414
10:48:33.323
Unbekannte Eigenschaft 'backdrop-filter'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:113310
10:48:33.327
Unbekannte Eigenschaft 'orphans'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:179940
10:48:33.327
Unbekannte Eigenschaft 'widows'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:179949
10:48:33.327 Unbekannte Eigenschaft 'size'.  Deklaration ignoriert. flatly.min.f99bb7c874e0.css:12:179991
10:48:33.372
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. select2.min.9f54e6414f87.css:1:2498
10:48:33.372
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. select2.min.9f54e6414f87.css:1:9061
10:48:33.372
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. select2.min.9f54e6414f87.css:1:10099
10:48:33.372
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. select2.min.9f54e6414f87.css:1:11631
10:48:33.372
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. select2.min.9f54e6414f87.css:1:12150
10:48:33.395 Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'.  Regelsatz wegen ungültigem Selektor ignoriert. select2-bootstrap.dcec0cc93fba.css:106:54
10:48:33.406 Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'.  Regelsatz wegen ungültigem Selektor ignoriert. select2-bootstrap-theme.d007f71f4d38.css:106:54
10:48:33.445
Unbekannte Eigenschaft 'print-color-adjust'.  Deklaration ignoriert. pretty-checkbox.min.60e283066a62.css:12:19011
10:49:24.603 onmozfullscreenchange sollte nicht mehr verwendet werden. 7
10:49:24.603 onmozfullscreenerror sollte nicht mehr verwendet werden. 7
10:49:24.621 "get" oder "set" einer Eigenschaft mit [LenientThis] ignoriert, weil das "this"-Objekt fehlerhaft ist. 7

​

[vabene1111]

oh sry, i forgot that the container now runs venv as well, please run the following command again to see what happens

source venv/bin/activate
python3 manage.py collectstatic --noinput

output should be somthing like this

/opt/recipes # source venv/bin/activate
(venv) /opt/recipes # python3 manage.py collectstatic --no-input

0 static files copied to '/opt/recipes/staticfiles', 665 unmodified, 1268 post-processed.
(venv) /opt/recipes #

sry for all the back and forth but i cant reproduce your issue on my end so i have to do it this way. Other than that, if you want, we can use some kind of remote desktop service so that i can take a direct look at what is wrong with the setup (did that once with discord/anydesk when another user had a problem).

[therealschimmi]

Thats what I get.

(venv) /opt/recipes # python3 manage.py collectstatic --noinput

0 static files copied to '/opt/recipes/staticfiles', 655 unmodified, 1248 post-processed.
(venv) /opt/recipes # 

[vabene1111]

hmm that looks like everything is working perfectly fine. Also just tested the tooltips in firefox and everything appears to be working correctly

i am kinda running out of ideas, if you want feelfree to add me on discord (vabene1111#5492) and i can try to look at it trough anydesk/teamviewer/whatever but other than that i dont really now how to help you ..

[koch17]

So many stupid and wrong things I was doing before. Thank you so much therealschimmi, I followed your guide and it now works and thanks vabene for this awesome app. I am just a beginner, but I already love the open source community.

[therealschimmi]

Soooo... the whole issue seems to be MacOS and iOS related. Tested on a Win7 machine with chrome and firefox and when I click on the "i" symbol the tooltip will show, is that behaviour correct?
At least on my iPhone I found a category of settings called "experimental webkit features", could that be related somehow?

[vabene1111]

hmm that is interesting. I am using bootstraps default tooltips (https://getbootstrap.com/docs/4.5/components/tooltips/) which i thought would work cross platform.

Do you have some kind of adblocker that blocks javascript from running ?

I sadly cannot test on iOS/MacOS since i dont own any apple devices .. but you were using firefox i would think that this would be a browser specific issue that i could also reproduce on windows/linux. Also the browser console output you showed above does not have any errors, usually everything that causes issues with javascript shows in the console ...

[vabene1111]

If you go to the shopping list page, does a tooltip show when you hover over the copy button ? and do tooltips show when you hover over the little buttons in the recipe view ?

[vabene1111]

correction, these are tooltips, what isn't working for you are the popovers https://getbootstrap.com/docs/4.5/components/popovers/

[therealschimmi]

correction, these are tooltips, what isn't working for you are the popovers https://getbootstrap.com/docs/4.5/components/popovers/

the examples on this website work for me

[vabene1111]

interesting 🤔 you have the same issue on iOS and on MacOS both with firefox or safari ?

I think i can find an old iPad somewhere to test it out ...

[therealschimmi]

None of these work:
MacOS: Safari and Firefox
iOS: Chrome, Safari, Opera and Firefox

[vabene1111]

ok i was able to reproduce the issue in safari on an iphone .. now to find out what causes it.

[therealschimmi]

thank god...i was beginning to think I was the problem :)

[vabene1111]

haha i was so sure that this must have been a setup issue that i ignored the fact that it might be something else. very interested to see what causes this because if firefox/chrome on windows works it should work on mac as well

[vabene1111]

ok if i had read the documentation correctly i would have seen that there is indeed a cross browser support issue with popovers https://getbootstrap.com/docs/4.5/components/popovers/#dismiss-on-next-click

i fixed it, feel free to try out the development branch of the image (note you cant go back to master until i release it then because there are breaking data migrations, the new meal plan is in there).

Just as a rant/note: I really hate apple and this confirms it again. There are literally multi page long tutorials to maybe get some kind of javascript debugging working on their stupid overpriced tech scrap if you dont own one of desktop os machines .. /rant off

[vabene1111]

updates pushed and will be released as vabene1111/recipes:develop in about 5 minutes ea96c63

[lidans5]

I'll be great full for some help I followed the pdf guide for my synology (ds220+)
and the "Web Application Container (Tandoor_Web)" keeps stopping and restarting, when "Start the Containers" phase
thx

[smilerz]

I'll be great full for some help I followed the pdf guide for my synology (ds220+) and the "Web Application Container (Tandoor_Web)" keeps stopping and restarting, when "Start the Containers" phase thx

please open a new issue providing the necessary setup & log info. this issue isn't related

[RemakingEden]

Sorry to bring this thread back from the dead. Feel free to tell me to open a new issue if needs be. Edit: After checking more, with this being a hitbox size issue I am going to raise a new one rather than tack on to this issue

---

I am still getting this issue on Safari on iOS

Spec:
iOS 15.5
iPhone 8.
4.7-inch (diagonal) widescreen LCD
1334-by-750-pixel resolution at 326 ppi

Steps to reproduce:

1. Open recipe with notes on the ingredient prep
2. Tap a note speech bubble

Expected:

• Note would be shown as it does on Chrome

Actual:

• Ingredient is checked and no note is shown

Additional info:

• Ive just checked and it is possible to get the tooltip working by zooming all the way in. Is it possible just to increase the size of the hitbox on Safari?

Please let me know if you need any more details or a video etc. I'm also available to retest new fixes if you want it testing on the same hardware, thanks.