Utopian V2 task / Article module: Language (Completed)

in #utopian-io6 years ago (edited)

utopian-V2-task.jpg

Repository

https://github.com/utopian-io/v2.utopian.io/issues/138

Details

Difficulty: 3/5
Reviewers can only review articles in a language that they are fluent in. To enable that, we need a language setting. This will be managed by the admin app later.

It will also be used as a search filter.

Design

image

Acceptance criteria

  • The language list is a shared component
  • The list is stored in the database in the languages collection with lang and text as attribute. Lang is the primary key, no _id.
  • Use a store to query the API only once
  • Use 2 chars for lang value
  • Display the language text in its own language (English, Français, ...)
  • Create a fixture with 3 to 5 languages, no need to have them all

UML

image

General advice

  • You need to be sure that what you developed is responsive. To do this, it is not enough to check on the phone. You should also you manually resize the browser. Here is a hint: use the quasar breakpoints and col-* classes.
  • You need to verify your work on multiple browsers, including Chrome and Firefox. If you can also check multiple OS, even better.
  • All strings must be placed in the i18n package

Components

This task will involve web and backend development.

Deadline

This task should be completed within 2 weeks

Reward

Rewards generated by this task request will be sent as liquid STEEM to the task solver once the task is completed, as decided by the project owner. Access additional rewards by publishing the contribution via Utopian once merged.

Communication

We, the dev core team, are here to help you develop your task in the best way possible.
utopian discord. @nothingismagick @icaro and I (@gregory [mod] on discord) will be available in a dedicated channel on the

Remember that your can check the public project page any time to see if the task is currently in progress.

Sort:  

Reviewers can only review articles in a language that they are fluent in.

For some reason I didn't realise we were going back to supporting multi-language contributions. Scary!

The feature is simply anticipated.

Don't expect it to be back in one week or even a month. Enabling the review processes for other languages than English requires lots of work and time.

Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 7 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.

<p dir="auto">I upvoted your contribution because to my mind your post is at least <strong>6 SBD worth and should receive <strong>83 votes. It's now up to the lovely Steemit community to make this come true. <p dir="auto">I am <code>TrufflePig, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, <a href="https://steemit.com/steemit/@trufflepig/weekly-truffle-updates-2018-45" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">you can find an explanation here! <p dir="auto">Have a nice day and sincerely yours,<br /> <img src="https://images.hive.blog/768x0/https://raw.githubusercontent.com/SmokinCaterpillar/TrufflePig/master/img/trufflepig17_small.png" alt="trufflepig" srcset="https://images.hive.blog/768x0/https://raw.githubusercontent.com/SmokinCaterpillar/TrufflePig/master/img/trufflepig17_small.png 1x, https://images.hive.blog/1536x0/https://raw.githubusercontent.com/SmokinCaterpillar/TrufflePig/master/img/trufflepig17_small.png 2x" /><br /> <em><code>TrufflePig

Congratulations @gregory.latinier! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/voted.png?201811141438" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/voted.png?201811141438 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/voted.png?201811141438 2x" /><td>You received more than 2000 upvotes. Your next target is to reach 3000 upvotes. <p dir="auto"><sub><em><a href="https://steemitboard.com/@gregory.latinier" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard: <table><tr><td><a href="https://steemit.com/steemfest/@steemitboard/the-meet-the-steemians-contest-is-over-results-are-coming-soon" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/the-meet-the-steemians-contest-is-over-results-are-coming-soon" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">The Meet the Steemians Contest is over - Results are coming soon ... <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!

Congratulations @gregory.latinier! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td><span><img src="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/payout.png?201811160108" srcset="https://images.hive.blog/768x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/payout.png?201811160108 1x, https://images.hive.blog/1536x0/https://steemitimages.com/60x70/http://steemitboard.com/@gregory.latinier/payout.png?201811160108 2x" /><td>You received more than 1000 as payout for your posts. Your next target is to reach a total payout of 2000 <p dir="auto"><sub><em><a href="https://steemitboard.com/@gregory.latinier" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Click here to view your Board of Honor<br /> <sub><em>If you no longer want to receive notifications, reply to this comment with the word <code>STOP <p dir="auto"><strong><span>Do not miss the last post from <a href="/@steemitboard">@steemitboard: <table><tr><td><a href="https://steemit.com/steemfest/@steemitboard/the-meet-the-steemians-contest-is-over-results-are-coming-soon" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmeLukvNFRsa7RURqsFpiLGEZZD49MiU52JtWmjS5S2wtW/image.png 2x" /><td><a href="https://steemit.com/steemfest/@steemitboard/the-meet-the-steemians-contest-is-over-results-are-coming-soon" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">The Meet the Steemians Contest is over - Results are coming soon ... <blockquote> <p dir="auto">Support <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemitBoard's project! <strong><a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Vote for its witness and <strong>get one more award!

Congratulations @gregory.latinier! You received a personal award!

Thank you for your participation in the "Meet The Steemians" contest in Kraków. We hope you enjoyed it and made lots of new friends. See you at SteemFest4!

Click here to view your Board of Honor

Do not miss the last post from @steemitboard:

Meet the Steemians Contest - The results, the winners and the prizes
Meet the Steemians Contest - Special attendees revealed
Meet the Steemians Contest - Intermediate results

Support SteemitBoard's project! Vote for its witness and get one more award!