Editor: deactivate placeables in read-only mode

Fixes #460.

CHANGES.md

@@ -7,6 +7,7 @@ v.next (unreleased)
 * Browser: disabled projects are taken out from counters by default (#425).
 * Editor: allowed to filter units from enabled/disabled projects (#425).
 * Fixed bug where no overview stats were shown for language pages (#425).
+* Editor: placeables are not actionable in read-only mode (#460).
 
 
 v0.9.1 (2020-03-11)

pootle/static/js/editor/components/UnitSource.js

@@ -15,6 +15,7 @@ import { highlightRW } from '../../utils';
 
 const UnitSource = React.createClass({
   propTypes: {
+    canEdit: React.PropTypes.bool.isRequired,
     id: React.PropTypes.number.isRequired,
     values: React.PropTypes.array.isRequired,
     hasPlurals: React.PropTypes.bool.isRequired,
@@ -27,6 +28,7 @@ const UnitSource = React.createClass({
       lang: this.props.sourceLocaleCode,
       dir: this.props.sourceLocaleDir,
     };
+    const placeablesExtraClassName = this.props.canEdit ? 'js-editor-copytext' : '';
 
     return (
       <div key={`source-value-${index}`}>
@@ -39,7 +41,7 @@ const UnitSource = React.createClass({
           className="translation-text js-translation-text"
           data-string={sourceValue}
           dangerouslySetInnerHTML={{
-            __html: highlightRW(sourceValue, 'js-editor-copytext'),
+            __html: highlightRW(sourceValue, placeablesExtraClassName),
           }}
           {...props}
         ></div>

pootle/static/js/editor/index.js

@@ -58,6 +58,7 @@ const ReactEditor = {
     );
     ReactRenderer.render(
       <UnitSource
+        canEdit={this.props.canSuggest || this.props.canTranslate}
         id={this.props.unitId}
         values={this.props.sourceValues}
         hasPlurals={this.props.hasPlurals}
@@ -71,6 +72,7 @@ const ReactEditor = {
       const unit = this.props.alternativeSources[mountNode.dataset.id];
       ReactRenderer.render(
         <UnitSource
+          canEdit={this.props.canSuggest || this.props.canTranslate}
           id={unit.id}
           values={unit.target}
           hasPlurals={unit.has_plurals}

pootle/templates/editor/units/edit.html

@@ -180,6 +180,8 @@
 
             <script type="text/javascript">
               PTL.reactEditor.init({
+                canSuggest: {{ cansuggest|yesno:'true,false' }},
+                canTranslate: {{ cantranslate|yesno:'true,false' }},
                 initialValues: {{ unit_values|to_jquery_safe_js }},
                 isDisabled: {{ form.target_f.field.widget.attrs.disabled|yesno:'true,false' }},
                 currentLocaleCode: '{{ language.code }}',