Feature/moderation #79

NGambini · 2018-02-11T17:09:06Z

No description provided.

…-frontend into feature/moderation

…frontend into feature/moderation

…-frontend into feature/moderation

…frontend into feature/moderation

…-frontend into feature/moderation

Release 0.7.9

Release 0.8.0 - Minor bug fixes, host image on DockerHub and add dev configs for 0.8 API

…-frontend into feature/moderation

Release 0.8.1

…-frontend into feature/moderation

NGambini · 2018-02-11T17:09:52Z

app/components/Moderation/Moderation.jsx

+        <div className="container">
+          <h1 className="title is-1 has-text-centered">{t('title')}</h1>
+          {items && items.map(el =>
+            <ModerationEntry key={el.id} entry={el} onAction={this.onEntryAction.bind(this)}></ModerationEntry>)


j'ai un doute sur le bind(this), il n'y a pas plus simple ?

Les deux approches possibles :

Quand la fonction n'est appelée qu'à un seul endroit :

onAction={(e, a) => this.onEntryAction(e, a)}

Sinon le bind dans le constructor pour ne le faire qu'une fois :

constructor(props) { super(props) this.onEntryAction = this.onEntryAction.bind(this) }

Mais ton approche fonctionne, c'est pas un problème

NGambini · 2018-02-11T17:10:56Z

app/styles/_components/Moderation/moderation.sass

+    margin: 0 10%
+  &-button
+    width: 25%
+    &>.icon


je ne comprends pas pourquoi je suis obligé de faire ca, une règle globale de bulma applique des marges aux icones et les fait passer sous le texte, pourtant tu n'as pas ce problème ailleurs

Il faut mettre ton texte dans un span

<button class="moderation-entry-button button is-danger"> <span class="icon "><i class="fa icon-close"></i></span> <span>Marquer comme abusif</span> // <==== Ici </button>

NGambini · 2018-02-11T17:11:49Z

jsconfig.json

@@ -0,0 +1,5 @@
+{
+    "compilerOptions": {
+        "experimentalDecorators": true


J'ai du ajouter ceci pour corriger une erreur de linting de mon éditeur, dis moi si tu veux que je le mette dans mon gitignore

Nop très bien ça servira aux prochains

NGambini · 2018-02-11T17:11:56Z

brunch-config.js

@@ -19,7 +19,7 @@ module.exports = {
      plugins: ["transform-decorators-legacy", "transform-class-properties"]
    },
    sass: {
-      mode: 'native',
+      mode: 'ruby',


Travis aime pas ça ;)

Betree · 2018-02-11T21:11:04Z

Merci pour la PR je test ça dans la journée 😉

Betree

Il manque une partie importante: afficher le texte du commentaire et / ou la source pour savoir ce qu'on est en train de modérer. Je viens de check l'API et c'est pas enregistré dans le changes comme ça devrait l'être. Je fais une MAJ dans la journée pour fixer ça et tu pourras y accéder dans action.changes

Betree · 2018-02-12T01:24:49Z

app/components/App/Sidebar.jsx

@@ -135,6 +135,11 @@ export default class Sidebar extends React.PureComponent {

          <p className="menu-label">{ t('menu.other') }</p>
          <ul className="menu-list">
+            <ReputationGuard requiredRep={MODERATION_REPUTATION_REQUIRED}>


Ici il faudrait masquer l'entrée s'il n'y a pas assez de réputation.

On peut également mettre l'entrée dans la section "Contenu"

Betree · 2018-02-12T01:26:28Z

app/styles/_components/Moderation/moderation.sass

+    margin: 0 10%
+  &-button
+    width: 25%
+    &>.icon


Il faut mettre ton texte dans un span

<button class="moderation-entry-button button is-danger"> <span class="icon "><i class="fa icon-close"></i></span> <span>Marquer comme abusif</span> // <==== Ici </button>

Betree · 2018-02-12T01:28:52Z

app/assets/assets/locales/fr/moderation.json

+  },
+  "actions": {
+    "flag_abusive": "Marquer comme abusif",
+    "unsure": "Pas sur",


Betree · 2018-02-12T01:35:13Z

app/components/ReputationGuard.jsx

+    const { isLoading, hasReputation, t } = this.props
+
+    if (isLoading)
+      return <LoadingFrame/>


Pendant le chargement la sidebar affiche :

Il faut un moyen de juste masquer totalement un item sans message si c'est spécifié

j'ai fait :

{this.props.canAccessModeration ? <this.MenuListLink to="/moderation" iconName="flag" className="hide-when-collapsed"> { t('menu.moderation') }

Au début je voulais ajouter le controle de la réputation requise au composant MenuLink. Mais il n'a pas accès au store, d'ailleurs je trouve ca bizarre ta façon de déclarer des composants "internes" je trouve ca pas clair la façon dont l'objet this est passé au fils

Ton dumb component peut être une simple fonction qui retourne un composant. Ici c'est le cas,

<this.MenuListLink x="42"/>

Sera compilé par React en :

React.createElement(this.MenuListLink(), {x: "42"});

L'objet this n'est pas directement passé au fils, c'est juste que c'est une méthode et pas une fonction.

Sinon plutôt que dupliquer le code de contrôle de la vérification, tu peux accepter un paramètre hideWhenNotAllowed dans le ReputationGuard et retourner null quand il n'y a pas assez de réputation.

Voilà c'est fait

NGambini · 2018-02-14T16:52:13Z

Concernant ton message :

Je viens de check l'API et c'est pas enregistré dans le changes comme ça devrait l'être. Je fais une MAJ dans la journée pour fixer ça et tu pourras y accéder dans action.changes.

C'est fait ? on est d'accord que je n'ai rien a changer, c'est déja géré par UserAction ?

Betree · 2018-02-15T01:29:41Z

L'API dev est mise à jour oui. UserAction ne gère pas l'affichage des valeurs, on va s'inspirer ou utiliser ActionDiff pour ça. Je dois faire des checks pour faire en sorte que ça marche avec l'ancien format de l'API comme avec le nouveau, c'est ok pour toi si je prend la main à partir de là ?

Betree · 2018-02-20T13:43:28Z

app/components/ReputationGuard.jsx

      return <LoadingFrame/>
    if (hasReputation)
      return this.props.children
-    return <div>{ t('client.notEnoughReputation') }</div>
+    return showNotEnough ? <div>{ t('client.notEnoughReputation') }</div> : ''


Plutôt qu'une chaîne vide on retourne en général null, React comprend qu'il ne doit rien ajouter au DOM

Betree · 2018-02-20T13:45:01Z

@NGambini merci pour le commit 😉 je vais check pour la compatibilité avec les deux versions de l'API et ça part dans la prochaine release !

Betree · 2018-02-27T05:12:49Z

Implement #24

wopata-ngambini and others added 30 commits November 15, 2017 23:18

Added moderation route

72c26ef

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

b1a2c0c

…-frontend into feature/moderation

Moderation state management

458e99b

Merge branch 'master' of https://github.com/CaptainFact/captain-fact-…

1e8fbce

…frontend into feature/moderation

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

c498e58

…-frontend into feature/moderation

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

003f41a

…-frontend into feature/moderation

HTTP call and storing moderation entries in state

bf8cb2a

Redux setup in moderation component

0fac66c

Merge branch 'staging' into feature/moderation

1474d1f

Merging effects

763275f

Merge branch 'master' of https://github.com/CaptainFact/captain-fact-…

83091cd

…frontend into feature/moderation

Fixed import

f6f27d3

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

4a82bdd

…-frontend into feature/moderation

Reputation Guard mechanic

4a1c6c2

Added jsconfig file to suppress Vscode linting error

d30983f

Merge pull request #71 from CaptainFact/staging

afa4bc9

Release 0.7.9

Displaying moderation entries in view

f14ba70

Merge pull request #74 from CaptainFact/staging

51a514c

Release 0.8.0 - Minor bug fixes, host image on DockerHub and add dev configs for 0.8 API

Integrating moment.js into the app

ebb8809

Translating keys and passing actions from ModerationEntry to Moderation

c669174

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

d729104

…-frontend into feature/moderation

Merging i18n config

a5d2c1b

Showing diff if the element has been updated

6e61d2a

Actual action values

80cd9c0

Switching from moment to date-fns

992d350

Basic styling and translations

8fbd1b1

Working on effects

0365678

Posting moderation feedback - basic

506c80d

Added moderation link to sidebar - Icon missing

e950b52

Merge pull request #78 from CaptainFact/staging

f182b93

Release 0.8.1

NGambini added 6 commits February 7, 2018 13:24

Merge branch 'staging' of https://github.com/CaptainFact/captain-fact…

2aaf594

…-frontend into feature/moderation

Changed the icons

9f05e36

Using reputation constant

3ba9f4f

Wrapping up styling

2cdbdef

Added comment translation

ecb142b

Posting moderation feedback

1e6b562

NGambini requested a review from Betree February 11, 2018 17:09

NGambini commented Feb 11, 2018

View reviewed changes

Betree requested changes Feb 12, 2018

View reviewed changes

Merge branch 'master' into feature/moderation

7710ef5

Various fixes related to changes requests

39c55dd

Corrected moderation guard

b9816dc

Betree reviewed Feb 20, 2018

View reviewed changes

Betree added 4 commits February 26, 2018 17:50

Merge branch 'staging' into feature/moderation

8fb9f6b

WIP: [Moderation] Add comment diff + compatibilize API

c8073f7

Add unit tests for reputation guard

468a094

Moderation responsiveness and misc improvements

769d58d

Betree approved these changes Feb 27, 2018

View reviewed changes

Betree changed the base branch from master to staging February 27, 2018 05:24

Fix moderation removeItem and clean unused code

e41cf56

Betree merged commit e643352 into staging Feb 27, 2018

Betree mentioned this pull request Feb 27, 2018

Collective moderation #24

Closed

Betree deleted the feature/moderation branch March 23, 2018 07:41

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/moderation #79

Feature/moderation #79

NGambini commented Feb 11, 2018

NGambini Feb 11, 2018

Betree Feb 11, 2018

NGambini Feb 11, 2018

Betree Feb 12, 2018

NGambini Feb 11, 2018

Betree Feb 11, 2018

NGambini Feb 11, 2018

Betree Feb 11, 2018

Betree commented Feb 11, 2018

Betree left a comment

Betree Feb 12, 2018

Betree Feb 12, 2018

Betree Feb 12, 2018

Betree Feb 12, 2018

Betree Feb 12, 2018

NGambini Feb 14, 2018

Betree Feb 14, 2018

NGambini Feb 19, 2018

NGambini commented Feb 14, 2018

Betree commented Feb 15, 2018 •

edited

Loading

Betree Feb 20, 2018 •

edited

Loading

Betree commented Feb 20, 2018

Betree commented Feb 27, 2018

Feature/moderation #79

Feature/moderation #79

Conversation

NGambini commented Feb 11, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Betree commented Feb 11, 2018

Betree left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

NGambini commented Feb 14, 2018

Betree commented Feb 15, 2018 • edited Loading

Betree Feb 20, 2018 • edited Loading

Choose a reason for hiding this comment

Betree commented Feb 20, 2018

Betree commented Feb 27, 2018

Betree commented Feb 15, 2018 •

edited

Loading

Betree Feb 20, 2018 •

edited

Loading