Merge branch 'develop' into register_module

Lulalaby · web-flow · commit 57c5a5814a1d · 2018-09-20T15:52:00.000+02:00
diff --git a/README.md b/README.md
@@ -63,6 +63,14 @@ $ yarn run styleguide
 ```
 When built you can open it at [http://localhost:6060](http://localhost:6060)
 
+## Localization
+
+### Located in two places!
+
+`locales/`
+
+[Lokalise.co](https://lokalise.co/public/829625945b3c04bf56d560.80490143/)
+
 ## Help
 
 The HC platform is documented in our [docs](https://docs.human-connection.org/) (work in progress).<br>
diff --git a/components/Comments/Comment.vue b/components/Comments/Comment.vue
@@ -139,6 +139,7 @@
     },
     computed: {
       ...mapGetters({
+        showComment: 'comments/showComment',
         user: 'auth/user'
       }),
       getText () {
@@ -219,8 +220,8 @@
         }
       },
       scrollToCommentIfSelected () {
-        // check if ?showComment is set and scroll to the selected comment item if the id mataches
-        if (this.$route.query && this.$route.query.showComment === this.comment._id) {
+        // check if showComment is set and scroll to the selected comment item if the id matches
+        if ((this.$route.query && this.$route.query.showComment === this.comment._id) || (this.showComment === this.comment._id)) {
           setTimeout(() => {
             this.$scrollTo(this.$el, 500, {
               onDone: () => {
diff --git a/components/Comments/CommentForm.vue b/components/Comments/CommentForm.vue
@@ -98,22 +98,22 @@
         this.form.contributionId = this.post._id
         await this.$store.dispatch('comments/create', this.form)
           .then((res) => {
-            this.$store.dispatch('comments/fetchByContributionId', this.post._id)
             this.$snackbar.open({
               message: this.$t('component.contribution.commentSubmitSuccess', 'Thanks for your comment. You are awesome.'),
               duration: 4000,
               type: 'is-success'
             })
             this.form.content = ''
+            this.isLoading = false
           })
           .catch((error) => {
             console.error(error)
             this.$toast.open({
               message: error.message,
               type: 'is-danger'
             })
+            this.isLoading = false
           })
-        this.isLoading = false
       }
     }
   }
diff --git a/components/Comments/Comments.vue b/components/Comments/Comments.vue
@@ -13,6 +13,14 @@
                :comment="comment"
                :onUpvote="upvote" />
     </transition-group>
+    <div v-if="commentCount > comments.length">
+      <hc-button
+        @click="loadMoreComments"
+        class="button is-info is-fullwidth"
+        :class="{ 'is-loading': isLoading }">
+        {{ $t('button.showMoreComments', {'count': commentCount-comments.length}) }}
+      </hc-button>
+    </div>
     <!--<div v-else class="notification">
       <br/>
       <strong><hc-emoji type="surprised" width="20" style="display: inline-block; margin-bottom: -0.3rem;" /> &nbsp; {{ $t('component.contribution.commentsNoneYet', 'No comments yet, you can write some!') }}</strong>
@@ -43,6 +51,7 @@
       ...mapGetters({
         user: 'auth/user',
         comments: 'comments/all',
+        commentCount: 'comments/count',
         isLoading: 'comments/isLoading'
       })
     },
@@ -63,10 +72,25 @@
       onReply (comment) {
         this.replyComment = comment
         this.$nextTick(() => this.replyComment = null)
+      },
+      loadMoreComments () {
+        this.$store.dispatch('comments/fetchAllByContributionId', this.post._id)
       }
     },
     mounted () {
       this.$store.dispatch('comments/fetchByContributionId', this.post._id)
+        .then(() => {
+          // load more comments if queried comment is not on this page yet
+          if (this.$route.query && this.$route.query.showComment) {
+            let comment = this.comments.find(comment => comment._id === this.$route.query.showComment)
+
+            if (! comment) {
+              this.loadMoreComments()
+            }
+          }
+        })
+        .catch((e) => {console.log(e)})
+
       this.$store.dispatch('comments/subscribe', this.post._id)
     }
   }
diff --git a/locales/de.json b/locales/de.json
@@ -2,7 +2,7 @@
     "humanConnection": "Human Connection",
     "humanConnectionMadeWithHeart": "Mit <span style=\"color: #f00\">♥</span> gemacht",
     "humanConnectionPresentationLinkText": "Hier geht's zur Präsentations-Website,",
-    "humanConnectionPresentationText": "auf der du mehr Informationen, Links und Erklärungen dazu findest, wie auch du Teil der Veränderung werden kannst.",
+    "humanConnectionPresentationText": "auf der Du mehr Informationen, Links und Erklärungen dazu findest, wie auch Du Teil der Veränderung werden kannst.",
     "component": {
         "error": {
             "header403": "Zutritt verweigert",
@@ -13,10 +13,10 @@
             "subHeader404": "Ups, ich wars nicht",
             "subHeader500": "OMG, was hast Du getan?",
             "subHeader503": "nimm ne kurze Auszeit",
-            "copy403": "Tut uns leid, der Zugang zu dieser Seite bleibt dir verwehrt. <br />Überprüfe die Adresse, <a href=\"/auth/login\">melde dich an</a> oder <a href=\"/\">geh auf Anfang</a>.",
-            "copy404": "Tut uns leid, wir haben diese Seite nicht gefunden. <br />Überprüfe die Adresse, <a href=\"/\">geh auf Anfang</a> oder <a href=\"mailto:support@human-connection.org\">melde uns diesen Fehler.</a>",
-            "copy500": "Oh nein, es ist irgend ein Fehler aufgetreten und wir mussten aufgeben. <br />Überprüfe die Adresse, <a href=\"/\">geh auf Anfang</a> oder <a href=\"mailto:support@human-connection.org\">melde uns diesen Fehler.</a>",
-            "copy503": "Wir arbeiten gerade dran, <br />nimm dir nen Kaffee und versuchs danach gleich nochmal."
+            "copy403": "Tut uns leid, der Zugang zu dieser Seite bleibt Dir verwehrt. <br />Überprüfe die Adresse, <a href=\"/auth/login\">melde Dich an,</a> oder <a href=\"/\">geh auf Anfang</a>.",
+            "copy404": "Tut uns leid, wir haben diese Seite nicht gefunden. <br />Überprüfe die Adresse, <a href=\"/\">geh auf Anfang,</a> oder <a href=\"mailto:support@human-connection.org\">melde uns diesen Fehler.</a>",
+            "copy500": "Oh nein, es ist irgendein Fehler aufgetreten und wir mussten aufgeben. <br />Überprüfe die Adresse, <a href=\"/\">geh auf Anfang,</a> oder <a href=\"mailto:support@human-connection.org\"> melde uns diesen Fehler.</a>",
+            "copy503": "Wir arbeiten gerade dran, <br />nimm Dir nen Kaffee und versuchs danach gleich nochmal."
         },
         "badges": {
             "user_role_moderator": "Moderator",
@@ -189,7 +189,7 @@
             "commentsCounted": "Kommentare (1) ::: Kommentare ({count}) ::: Kommentare",
             "commentsCountedDescription": "{count} Mensch hat den Beitrag kommentiert ::: {count} Leute haben diesen Beitrag kommentiert ::: Der Beitrag hat noch keinen Kommentar",
             "commentDelete": "Kommentar löschen",
-            "commentDeleteMsg": "Bist du sicher, dass du diesen Kommentar löschen möchtest?",
+            "commentDeleteMsg": "Bist Du sicher, dass Du diesen Kommentar löschen möchtest?",
             "commentDeletedByUser": "Dieser Kommentar wurde durch den Ersteller gelöscht.",
             "commentEdit": "Kommentar bearbeiten",
             "commentsLoading": "Kommentare werden nachgeladen ...",
@@ -199,10 +199,10 @@
             "commentUpvote": "Bewerten: +1",
             "commentReplyThis": "Diesen Kommentar beantworten",
             "draft": "Entwurf",
-            "draftMsg": "Bist du sicher, dass du deinen Entwurf verwerfen möchtest?",
+            "draftMsg": "Bist Du sicher, dass Du Deinen Entwurf verwerfen möchtest?",
             "creatorUnknown": "Anonymus",
             "delete": "Beitrag löschen",
-            "deleteMsg": "Bist du sicher, dass du diesen Beitrag löschen möchtest?",
+            "deleteMsg": "Bist Du sicher, dass Du diesen Beitrag löschen möchtest?",
             "difficultyDescription": "Schwierigkeitsgrad",
             "events": "Ereignisse",
             "editSettings": "Einstellungen anpassen",
@@ -243,10 +243,10 @@
             "visibilityPublic": "Öffentlich",
             "visibilityFriends": "Nur Freunde",
             "visibilityPrivate": "Privat",
-            "postPrivate": "Dieser Beitrag ist Privat und kann nur von dir gesehen werden!",
+            "postPrivate": "Dieser Beitrag ist Privat und kann nur von Dir gesehen werden!",
             "validationError": "Fülle alle markierten Felder aus.",
-            "validationErrorTitle": "Bitte gib deinem Beitrag einen Titel (min 3 Zeichen)",
-            "validationErrorContent": "Bitte gib deinem Beitrag einen Text",
+            "validationErrorTitle": "Bitte gib Deinem Beitrag einen Titel (min 3 Zeichen)",
+            "validationErrorContent": "Bitte gib Deinem Beitrag einen Text",
             "validationErrorCategories": "Wähle mindestens eine Kategorie aus um den Beitrag zu speichern",
             "creatorFemaleOrMale": "Autorin ::: Autor"
         },
@@ -255,7 +255,7 @@
             "createSave": "Organisation speichern",
             "createLater": "Später",
             "goToProfile": "zum Profil",
-            "requiredHint": "Diese Felder werden benötigt, damit deine Organisation veröffentlicht werden kann.",
+            "requiredHint": "Diese Felder werden benötigt, damit Deine Organisation veröffentlicht werden kann.",
             "name": "Name der Organisation",
             "createOrgaSectionPlaceholder": "Wie wird die Organisation genannt?",
             "nameHint": "Unter diesem Namen werden Nutzer Deine Organisation suchen und finden können.",
@@ -289,8 +289,8 @@
             "stepBasics": "Basisdaten",
             "stepDetails": "Details",
             "stepCategories": "Kategorien",
-            "messageInReview": "<strong>In Überprüfung</strong><p>Deine Organisation muss noch überprüft werden, bevor andere sie sehen können.<br/> Bitte habe ein wenig Geduld, bis unsere Moderatoren die Gelegenheit hatten, deine Organisation freizuschalten. Wenns mal länger dauert, dann <a href=\"mailto:{email}\">schreib uns eine E-Mail</a>.</p>",
-            "messageInReviewMod": "<strong>In Überprüfung</strong><p>Hey, sieht aus, als wärst Du Moderator. Bitte nimm dir kurz Zeit, diese Organisation zu überprüfen und sie freizuschalten.</p>",
+            "messageInReview": "<strong>In Überprüfung</strong><p>Deine Organisation muss noch überprüft werden, bevor andere sie sehen können.<br/> Bitte habe ein wenig Geduld, bis unsere Moderatoren die Gelegenheit hatten, Deine Organisation freizuschalten. Wenns mal länger dauert, dann <a href=\"mailto:{email}\">schreib uns eine E-Mail.</a></p>",
+            "messageInReviewMod": "<strong>In Überprüfung</strong><p>Hey, sieht aus, als wärst Du Moderator. Bitte nimm Dir kurz Zeit, diese Organisation zu überprüfen und sie freizuschalten.</p>",
             "messageInvisible": "<strong>Unsichtbar</strong><p>Diese Organisation muss sichtbar geschaltet werden, bevor andere sie sehen können.</p>",
             "visibility": "Anzeigeeinstellung"
         },
@@ -353,7 +353,7 @@
             "header": "Human Connection durchsuchen",
             "placeholder": "Suchen …",
             "noResults": "Hier gibts nichts zu sehen!",
-            "noResultsText": "Passe Deine Suche bzw. deine Filtereinstellung an, um zu finden, wonach Du suchst.",
+            "noResultsText": "Passe Deine Suche bzw. Deine Filtereinstellung an, um zu finden, wonach Du suchst.",
             "noResultsResetQueryButton": "Entferne \"<strong>{searchQuery}</strong>\" aus dem Suchfeld",
             "noMoreResults": "Leider ist das alles, was wir gefunden haben"
         },
@@ -394,7 +394,7 @@
             "more": "Spenden & Mehr",
             "welcome": "Willkommen",
             "faqTitle": "Fragen & Antworten",
-            "defaultDescription": "Beschreibe deine Organisation."
+            "defaultDescription": "Beschreibe Deine Organisation."
         },
         "profile": {
             "navContributed": "Beiträge",
@@ -436,6 +436,7 @@
         "submitComment": "Kommentar veröffentlichen",
         "showLess": "weniger anzeigen",
         "showMore": "mehr anzeigen",
+        "showMoreComments": "Alle Kommentare anzeigen ({count} weitere)",
         "update": "Aktualisieren",
         "add": "Hinzufügen",
         "addContribution": "Beitrag erstellen",
@@ -462,7 +463,7 @@
             "helloUser": "Hallo <strong>{username}</strong>",
             "languageSettings": "Spracheinstellungen",
             "loginOrRegister": "Anmelden / Beitreten",
-            "loginToAccount": "Melde Dich in deinem Konto an",
+            "loginToAccount": "Melde Dich in Deinem Konto an",
             "loginRequired4CommentOrVote": "Du musst angemeldet sein, um auf Human Connection kommentieren, werten oder stimmen zu können.",
             "myCanDos": "Can Dos",
             "myCanDosAltogether": "insgesamt",
@@ -523,11 +524,11 @@
             "stayLoggedIn": "Angemeldet bleiben",
             "forgotPassword": "Passwort vergessen?",
             "errorInvalid": "Überprüfe Deine Zugangsdaten!",
-            "passwordResetDescription": "Bitte gib deine E-Mail-Adresse ein, um dein Passwort zurückzusetzen.",
+            "passwordResetDescription": "Bitte gib Deine E-Mail-Adresse ein, um Dein Passwort zurückzusetzen.",
             "passwordResetSuccess": "Dein neues Passwort wurde erfolgreich gespeichert.",
             "passwordResetError": "Das hat leider nicht geklappt. Bitte stelle sicher, dass der Link noch aktuell ist.",
-            "passwordResetRequestSuccess": "Wir haben dir eine Nachricht an deine E-Mail-Adresse geschickt. Bitte klicke dort auf den entsprechenden Link, um dein Passwort zurückzusetzen.",
-            "passwordResetRequestError": "Das hat leider nicht geklappt. Bitte überprüfe, ob du die korrekte E-Mail-Adresse eingegeben hast.",
+            "passwordResetRequestSuccess": "Wir haben Dir eine Nachricht an Deine E-Mail-Adresse geschickt. Bitte klicke dort auf den entsprechenden Link, um Dein Passwort zurückzusetzen.",
+            "passwordResetRequestError": "Das hat leider nicht geklappt. Bitte überprüfe, ob Du die korrekte E-Mail-Adresse eingegeben hast.",
             "resetPassword": "Passwort zurücksetzen",
             "successInfo": "Gratuliere! Du bist angemeldet.",
             "validationError": "Bitte überprüfe Deine Eingabe",
@@ -540,7 +541,7 @@
         "register": {
             "description": "Tritt Human Connection bei und habe an der Gemeinschaft teil. Dein Konto ist kostenlos und wird es immer bleiben.",
             "descriptionStep1": "Überprüfe bzw. gib Deine E-Mail-Adresse und den Einladungs-Code ein, den Du per E-Mail bekommen hast.",
-            "descriptionStep2": "Erstelle ein sicheres Passwort und wiederhole es im zweiten Feld. Verwende mindestens 8 Zeichen, kurze Sätze kann man sich besonders gut merken. Wir zeigen dir an, wie sicher dein Passwort ist.",
+            "descriptionStep2": "Erstelle ein sicheres Passwort und wiederhole es im zweiten Feld. Verwende mindestens 8 Zeichen, kurze Sätze kann man sich besonders gut merken. Wir zeigen Dir an, wie sicher Dein Passwort ist.",
             "noAccountYet": "Noch kein Konto?",
             "accountAlready": "Du hast bereits ein Konto?",
             "label": "Registrieren",
@@ -570,7 +571,7 @@
             "invites": "Einladungen",
             "invitesGenerateButton": "Einladungscode generieren ::: Einladungscodes generieren",
             "invitesCopiedToClipboard": "Einladungslink für '{code}' kopiert",
-            "invitesDescription": "Hier kannst du Einladungscode(s) generieren. Jeder code ist für nur eine Anmeldung gültig. Per klick wird der Einladungslink kopiert und du kannst ihn and einen Freund versenden.",
+            "invitesDescription": "Hier kannst Du Einladungscode(s) generieren. Jeder Code ist für nur eine Anmeldung gültig. Per Klick wird der Einladungslink kopiert und Du kannst ihn and einen Freund versenden.",
             "invitesEmpty": "Um Einladungen zu erstellen, klick auf den Button unten rechts.",
             "invitesCopyLink": "Link kopieren",
             "invitesOnlyForUserWithBadges": "Nur für Nutzer mit folgenden Abzeichen",
@@ -581,15 +582,15 @@
             "myOrganizations": "Meine Organisationen",
             "deleteAccount": "Mein Benutzerkonto löschen",
             "deleteAccountConfirm": "Endgültig löschen",
-            "deleteAccountMsg": "Bist du sicher, dass du dein Benutzerkonto <b>UNWIDERRUFLICH LÖSCHEN</b> möchtest?",
-            "deleteAccountDescription": "Beachte das deine Kommentare, Beiträge, CanDo’s, etc. wichtig für unsere Community sind. Falls du diese mit deinem Benutzerkonto löschen möchtest, musst du unten die entsprechenden Hacken setzen.",
-            "deleteAccountWarning": "Du kannst dein Benutzerkonto, Beiträge, etc. nach dem Löschen <b>NICHT VERWALTEN</b> und <b>NICHT WIEDERHERSTELLEN!</b>",
+            "deleteAccountMsg": "Bist Du sicher, dass Du Dein Benutzerkonto <b>UNWIDERRUFLICH LÖSCHEN</b> möchtest?",
+            "deleteAccountDescription": "Beachte das Deine Kommentare, Beiträge, CanDo’s, etc. wichtig für unsere Community sind. Falls Du diese mit Deinem Benutzerkonto löschen möchtest, musst Du unten die entsprechenden Haken setzen.",
+            "deleteAccountWarning": "Du kannst Dein Benutzerkonto, Beiträge, etc. nach dem Löschen <b>NICHT VERWALTEN</b> und <b>NICHT WIEDERHERSTELLEN!</b>",
             "deleteCountCanDos": "Lösche meine {count} Can Do`s",
             "deleteCountPosts": "Lösche meine {count} Beiträge",
             "deleteCountComments": "Lösche meine {count} Kommentare",
             "downloadData": "Meine Daten herunterladen",
-            "downloadDescription": "Hier kannst Du Deine Daten herunterladen indem du einen Download-Link anforderst, der an deine E-Mail-Adresse geschickt wird.",
-            "downloadIsProcessing": "Du hast deinen link erfolgreich angefordert. Sobald wir Deine Daten verpackt haben, bekommst du eine E-Mail.",
+            "downloadDescription": "Hier kannst Du Deine Daten herunterladen indem Du einen Download-Link anforderst, der an Deine E-Mail-Adresse geschickt wird.",
+            "downloadIsProcessing": "Du hast Deinen Link erfolgreich angefordert. Sobald wir Deine Daten verpackt haben, bekommst Du eine E-Mail.",
             "downloadSendLink": "Download-Link senden",
             "presentationDescription": "Hier werden Einstellungen für z. B.: Screenshots vorgenommen.",
             "presentationWarning": "Screenshots für Werbezwecke, <b>NUR WENN DIESE OPTION EINGESCHALTET IST!</b>",
diff --git a/locales/en.json b/locales/en.json
@@ -438,6 +438,7 @@
         "submitComment": "Submit comment",
         "showLess": "hide",
         "showMore": "show more",
+        "showMoreComments": "Show all comments ({count} more)",
         "update": "Update",
         "add": "Add",
         "addContribution": "Add contribution",
diff --git a/package.json b/package.json
@@ -63,7 +63,7 @@
     "cookie-universal-nuxt": "~2.0.3",
     "cross-env": "~5.2.0",
     "css-loader": "~0.28.10",
-    "csv-parse": "~2.4.0",
+    "csv-parse": "~2.5.0",
     "emitter-js": "~2.0.1",
     "express": "~4.16.2",
     "express-healthcheck": "~0.1.0",
@@ -72,12 +72,12 @@
     "feathers-vuex": "^1.5.0",
     "font-awesome": "~4.7.0",
     "helmet": "^3.12.1",
-    "i18n-iso-countries": "^3.6.2",
+    "i18n-iso-countries": "^3.7.8",
     "jquery": "~3.3.1",
-    "js-base64": "^2.4.5",
+    "js-base64": "^2.4.9",
     "js-cookie": "~2.2.0",
-    "linkifyjs": "^2.1.6",
-    "lodash": "~4.17.10",
+    "linkifyjs": "^2.1.7",
+    "lodash": "~4.17.11",
     "mapbox-gl": "~0.45.0",
     "moment": "^2.22.2",
     "nuxt": "^1.4.2",
diff --git a/store/comments.js b/store/comments.js
diff --git a/yarn.lock b/yarn.lock
