Add yield calculator

[j0hannesr0th]

This pull request adds a client-side yield calculator to the recipe detail page of every recipe and fixes #116

@christianlupus I wasn't able to find "how to add translations" in the docu. It's my first contribution to a Nextcloud project and I only found a link to transifex. Can you assist/guide me here please?

The function (without translation) is ready:

Screenshots of the mobile version:

[christianlupus]

With respect to the translation issue, you are referring to the warning message, am I right?

In general, you simply use something like

t('cookbook', 'Here comes the text to translate.')

The important part is that everything is on one line (a bug in the implementation of the translation script). Make sure this in interpreted as JS code (so, it must be in a {{}} or an evaluated property). There should be quite some examples in the code. If you run into problems with it, I can do it as well for you.

Could you please (before things gets overly complicated) amend the latest commit and sign off? This will avoid the DCO test to fail.

[github-actions]

Test Results

     21 files     959 suites   4m 37s ⏱️
   498 tests    498 ✔️ 0 💤 0 ❌
3 486 runs  3 485 ✔️ 1 💤 0 ❌

Results for commit f70ab41.

♻️ This comment has been updated with latest results.

[j0hannesr0th]

@christianlupus I've added the translation, but I'm not sure if I signed-off correctly. I did not edit the changelog, too.

[j0hannesr0th]

@christianlupus the pipeline fails because of code style. If I rund the command npm run prettier-fix the translation are being split into multiple lines. What should I do? More translations with less words per translation?

Should I edit the changelog?

[christianlupus]

I can tell you that you signed off correctly. Otherwise, the DCO check would fail.

Regarding the failing prettier test, one has to disable the rule for this single line. See for an example in the code:

cookbook/src/components/RecipeView.vue

Lines 22 to 23 in a809334

	// prettier-ignore
	t('cookbook','Search recipes with this keyword')

[j0hannesr0th]

@christianlupus ok, codestyle should be fixed. What about the changelog?

[christianlupus]

Just add an entry to the added section (create one if needed) in the CHANGELOG.md file. That should do it.

[j0hannesr0th]

@christianlupus all checks ran successful now. Can you test and merge it please that no merge conflicts must be resolved again?

Thanks!

[christianlupus]

I already had a quick glance. I wanted to test manually a few more cases and did find one minor thing so far. Will fix and merge or come back to you.

[christianlupus]

I just checked a few additional cases. Now, I found a few issues, that might come up in the close future (or to help enhance the code base). I will nevertheless approve/merge this PR to get the functionality into the app. The fixes can then be applied step by step.

I will open a new bug with all found issues in order to tackle them.

[GVLLIFESTYLE]

With which version will this be released?

[christianlupus]

This should be in the next release 0.10.3.