From 1d4289109cb7e80698645625a469918a5f779acb Mon Sep 17 00:00:00 2001 From: Andrea Date: Sun, 24 Apr 2022 11:09:46 +0200 Subject: [PATCH] [card] verified links - provide explanation --- components/DialogueBox.vue | 21 +++++++++++++++++++-- components/MarkSus.vue | 10 +++++++--- components/ProfileLink.vue | 21 ++++++++++++++------- locale/_base/translations.suml | 7 +++++++ locale/de/translations.suml | 8 ++++++++ locale/en/translations.suml | 7 +++++++ locale/eo/translations.suml | 8 ++++++++ locale/es/translations.suml | 8 ++++++++ locale/fr/translations.suml | 8 ++++++++ locale/gl/translations.suml | 8 ++++++++ locale/it/translations.suml | 8 ++++++++ locale/ja/translations.suml | 8 ++++++++ locale/ko/translations.suml | 8 ++++++++ locale/nl/translations.suml | 8 ++++++++ locale/no/translations.suml | 8 ++++++++ locale/pl/translations.suml | 7 +++++++ locale/pt/translations.suml | 8 ++++++++ locale/ru/translations.suml | 8 ++++++++ locale/ua/translations.suml | 8 ++++++++ locale/yi/translations.suml | 8 ++++++++ locale/zh/translations.suml | 8 ++++++++ 21 files changed, 181 insertions(+), 12 deletions(-) diff --git a/components/DialogueBox.vue b/components/DialogueBox.vue index 8ab67367..03e07bd4 100644 --- a/components/DialogueBox.vue +++ b/components/DialogueBox.vue @@ -2,7 +2,13 @@
-
+
+

+ + {{header}} +

+
+

{{$t('confirm.header')}} @@ -36,6 +42,8 @@ shown: false, shownFull: false, choice: false, + icon: undefined, + header: undefined, message: undefined, resolve: undefined, reject: undefined, @@ -64,7 +72,14 @@ methods: { show(choice, message, color, resolve, reject) { this.choice = choice; - this.message = message; + if (typeof(message) === 'string') { + this.header = undefined; + this.message = message; + } else { + this.icon = message.icon; + this.header = message.header; + this.message = message.message; + } this.resolve = resolve; this.reject = reject; this.color = color; @@ -90,6 +105,8 @@ setTimeout(() => { this.shown = false; this.choice = false; + this.icon = undefined; + this.header = undefined; this.message = undefined; this.resolve = undefined; this.reject = undefined; diff --git a/components/MarkSus.vue b/components/MarkSus.vue index cbe67070..ff2aeb1b 100644 --- a/components/MarkSus.vue +++ b/components/MarkSus.vue @@ -1,9 +1,9 @@ @@ -12,6 +12,7 @@ export default { data() { return { moderation: null, + hasSus: false, } }, async mounted() { @@ -36,7 +37,10 @@ export default { let html = this.$refs.original.innerHTML; for (let sus of this.moderation.susRegexes) { - html = html.replace(new RegExp(sus, 'gi'), m => `${m}`); + html = html.replace(new RegExp(sus, 'gi'), m => { + this.hasSus = true; + return `${m}`; + }); } this.$refs.marked.innerHTML = html; }, diff --git a/components/ProfileLink.vue b/components/ProfileLink.vue index 803549db..52cd2c98 100644 --- a/components/ProfileLink.vue +++ b/components/ProfileLink.vue @@ -1,12 +1,10 @@ @@ -29,8 +27,17 @@ }, verifiedBy() { return this.verifiedLinks[this.link]; - } - } + }, + }, + methods: { + async verificationInfo() { + await this.$alert({ + icon: 'shield-check', + header: this.$t('profile.verifiedLinks.header'), + message: this.$t('profile.verifiedLinks.info') + }); + }, + }, }; diff --git a/locale/_base/translations.suml b/locale/_base/translations.suml index 9f130365..ca6de4e2 100644 --- a/locale/_base/translations.suml +++ b/locale/_base/translations.suml @@ -571,6 +571,13 @@ profile: flagsCustomWarning: 'This flag has been uploaded by a user. The team of pronouns.page is not responsible for it.' links: 'Links' linksRecommended: 'We recommend linking to' + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Column' header: 'Cards' diff --git a/locale/de/translations.suml b/locale/de/translations.suml index 9205d1ca..72766091 100644 --- a/locale/de/translations.suml +++ b/locale/de/translations.suml @@ -492,6 +492,14 @@ profile: flagsCustomWarning: 'Diese Flagge wurde von einer*m Nutzer*in hochgeladen. Das Team von pronouns.page ist nicht dafür verantwortlich.' links: 'Links' linksRecommended: 'Wir empfehlen Verlinkung zu' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Spalte' list: 'Deine Visitenkarten' diff --git a/locale/en/translations.suml b/locale/en/translations.suml index 70c103e9..e32c304a 100644 --- a/locale/en/translations.suml +++ b/locale/en/translations.suml @@ -605,6 +605,13 @@ profile: flagsCustomWarning: 'This flag has been uploaded by a user. The team of pronouns.page is not responsible for it.' links: 'Links' linksRecommended: 'We recommend linking to' + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Column' header: 'Cards' diff --git a/locale/eo/translations.suml b/locale/eo/translations.suml index c8c0236f..1b8cebd0 100644 --- a/locale/eo/translations.suml +++ b/locale/eo/translations.suml @@ -557,6 +557,14 @@ profile: flagsCustomWarning: 'This flag has been uploaded by a user. The team of pronouns.page is not responsible for it.' links: 'Ligiloj' linksRecommended: 'We recommend linking to' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Kolumno' header: 'Kartoj' diff --git a/locale/es/translations.suml b/locale/es/translations.suml index 44f89af0..0334f4a3 100644 --- a/locale/es/translations.suml +++ b/locale/es/translations.suml @@ -577,6 +577,14 @@ profile: flagsCustomWarning: 'Esta bandera fue subida por un usuario. El equipo de pronouns.page no es responsable de ella.' links: 'Enlaces' linksRecommended: 'Recomendamos enlaces a' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Columna' list: 'Tus tarjetas' diff --git a/locale/fr/translations.suml b/locale/fr/translations.suml index d50c33aa..a94e3ada 100644 --- a/locale/fr/translations.suml +++ b/locale/fr/translations.suml @@ -495,6 +495,14 @@ profile: flagsCustomWarning: 'Ce drapeau a été uploadé par un.e utilisateur.rice. L’équipe de pronouns.page n’en est pas tenue responsable.' links: 'Liens' linksRecommended: 'Nous vous recommandons ces liens' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Colonne' list: 'Vos cartes' diff --git a/locale/gl/translations.suml b/locale/gl/translations.suml index 8140bae3..3b9bd3a1 100644 --- a/locale/gl/translations.suml +++ b/locale/gl/translations.suml @@ -476,6 +476,14 @@ profile: flagsCustomWarning: 'Esta bandeira foi enviada por ume usuárie. O time da pronouns.page não é responsável por este conteúdo.' links: 'Links' linksRecommended: 'Recomendamos linkar com' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Coluna' list: 'Os cartões' diff --git a/locale/it/translations.suml b/locale/it/translations.suml index 5d538411..98bad4f4 100644 --- a/locale/it/translations.suml +++ b/locale/it/translations.suml @@ -573,6 +573,14 @@ profile: flagsCustomWarning: 'This flag has been uploaded by a user. The team of pronouns.page is not responsible for it.' links: 'Links' linksRecommended: 'We recommend linking to' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Column' header: 'Cards' diff --git a/locale/ja/translations.suml b/locale/ja/translations.suml index 6f136648..44b9b4c5 100644 --- a/locale/ja/translations.suml +++ b/locale/ja/translations.suml @@ -495,6 +495,14 @@ profile: links: 'リンク' linksRecommended: '' linksRecommendedAfter: 'にリンクすることをお勧めします。' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: '欄' list: 'あなたのカード' diff --git a/locale/ko/translations.suml b/locale/ko/translations.suml index e25f72fa..acff46e4 100644 --- a/locale/ko/translations.suml +++ b/locale/ko/translations.suml @@ -570,6 +570,14 @@ profile: flagsCustomWarning: '이 플래그는 사용자가 업로드했습니다. pronouns.page 팀은 이에 대한 책임을 지지 않습니다.' links: '링크' linksRecommended: '여기 연결하는 것이 좋습니다.' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: '열' header: '카드' diff --git a/locale/nl/translations.suml b/locale/nl/translations.suml index e4dd88c6..fa0839bd 100644 --- a/locale/nl/translations.suml +++ b/locale/nl/translations.suml @@ -496,6 +496,14 @@ profile: flagsCustomWarning: 'Deze vlag werd geuploaded door een gebruiker. Het team van pronouns.page is hier niet verantwoordelijk voor.' links: 'Links' linksRecommended: 'We raden aan te linken naar' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Kolom' list: 'Jouw kaarten' diff --git a/locale/no/translations.suml b/locale/no/translations.suml index 7e3e9ff1..e9bd2945 100644 --- a/locale/no/translations.suml +++ b/locale/no/translations.suml @@ -473,6 +473,14 @@ profile: flagsCustomWarning: 'Dette flagget har blitt lastet opp av en bruker. Teamet som har laget pronouns.page er ikke ansvarlig for det.' links: 'Linker' linksRecommended: 'Vi anbefaler å linke til' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Kolonne' header: 'Kort' diff --git a/locale/pl/translations.suml b/locale/pl/translations.suml index bfb42c01..ad5fc491 100644 --- a/locale/pl/translations.suml +++ b/locale/pl/translations.suml @@ -1266,6 +1266,13 @@ profile: flagsCustomWarning: 'Ta flaga została wgrana przez osobę użytkującą. Ekipa zaimki.pl nie jest za nią odpowiedzialna.' links: 'Linki' linksRecommended: 'Polecamy dodać link do' + verifiedLinks: + header: 'Potwierdzone linki' + info: > + Linki umieszczone publicznie w profilu otrzymują znaczek tarczy, + jeśli zostały zweryfikowane za pomocą logowania przez danego dostawcę uwierzytelniania, + albo (ficzer w budowie) poprzez umieszczenie tagu rel="me" wskazującego z powrotem na wizytówkę. + Nasze linki również umieszczają rel="me", aby zewnętrzne strony mogły potwierdzić wizytówkę również w odwrotną stronę. column: 'Kolumna' header: 'Wizytówki' diff --git a/locale/pt/translations.suml b/locale/pt/translations.suml index deb505c4..dddfd3f4 100644 --- a/locale/pt/translations.suml +++ b/locale/pt/translations.suml @@ -498,6 +498,14 @@ profile: flagsCustomWarning: 'Esta bandeira foi enviada por ume usuárie. O time da pronouns.page não é responsável por este conteúdo.' links: 'Links' linksRecommended: 'Recomendamos linkar com' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Coluna' list: 'Os cartões' diff --git a/locale/ru/translations.suml b/locale/ru/translations.suml index a22abc97..104e8bfc 100644 --- a/locale/ru/translations.suml +++ b/locale/ru/translations.suml @@ -586,6 +586,14 @@ profile: flagsCustomWarning: 'Этот прайд-флаг был добавлен пользователь_ницей. Команда pronouns.page не несет ответственность за это.' links: 'Ссылки' linksRecommended: 'Рекомендуем перейти по этим ссылкам' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Колонка' header: 'Карточки' diff --git a/locale/ua/translations.suml b/locale/ua/translations.suml index 11ddd9de..6597ae2e 100644 --- a/locale/ua/translations.suml +++ b/locale/ua/translations.suml @@ -609,6 +609,14 @@ profile: flagsCustomWarning: 'Цей прайд-прапор був доданий користувач_кою. Команда pronouns.page не несе відповідальності за це.' links: 'Посилання' linksRecommended: 'Рекомендуємо перейти за цими посиланням' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Колонка' header: 'Картки' diff --git a/locale/yi/translations.suml b/locale/yi/translations.suml index d52dd6fb..20c4a010 100644 --- a/locale/yi/translations.suml +++ b/locale/yi/translations.suml @@ -471,6 +471,14 @@ profile: flagsCustomWarning: 'This flag has been uploaded by a user. The team of pronouns.page is not responsible for it.' # TODO links: 'פֿאַרבינדונגען' linksRecommended: 'We recommend linking to' # TODO + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: 'Column' list: 'דײַנע‎ װיזיט־⁠קאַרטלעך' diff --git a/locale/zh/translations.suml b/locale/zh/translations.suml index 90066f29..9d8e35ab 100644 --- a/locale/zh/translations.suml +++ b/locale/zh/translations.suml @@ -450,6 +450,14 @@ profile: flagsCustomWarning: '此旗幟由一名用戶上傳。pronouns.page團隊不為此負責' links: '鏈接' linksRecommended: '我們建議鏈接至' + # TODO + verifiedLinks: + header: 'Verified links' + info: > + The links that one puts publicly in one's profile will be marked with the shield icon, + if they are verified by logging in using the given authentication provider, + or (under construction) by a rel="me" tag pointing back to the card. + Our links also include a rel="me" tag, so that external websites can verify your card the other way round too. column: '列' list: '你的卡'