Skip to content

Commit

Permalink
pre-indent with prettier
Browse files Browse the repository at this point in the history 
so that next commit just show relevant change
  • Loading branch information
@aurambaj
aurambaj committed Jul 13, 2023
1 parent 08841d0 commit 732645c
Showing 1 changed file with 73 additions and 59 deletions.
132 changes: 73 additions & 59 deletions webapp/src/main/resources/public/js/components/workbench/TranslationHistoryModal.js
View file
Original file line number Diff line number Diff line change
@@ -1,66 +1,83 @@
import PropTypes from 'prop-types';
import PropTypes from "prop-types";
import React from "react";
import {FormattedMessage, injectIntl} from "react-intl";
import {Button, Modal} from "react-bootstrap";
import {Table} from "react-bootstrap";
import StatusGlyph from '../widgets/StatusGlyph';
import { FormattedMessage, injectIntl } from "react-intl";
import { Button, Modal } from "react-bootstrap";
import { Table } from "react-bootstrap";
import StatusGlyph from "../widgets/StatusGlyph";
import TextUnitSDK from "../../sdk/TextUnit";

class translationHistoryModal extends React.Component {
static propTypes() {
return {
"show": PropTypes.bool.isRequired,
"textUnit": PropTypes.object.isRequired,
"translationHistory": PropTypes.object.isRequired
show: PropTypes.bool.isRequired,
textUnit: PropTypes.object.isRequired,
translationHistory: PropTypes.object.isRequired,
};
}

renderHistoryItem = (item) => {
const {textUnit} = this.props;
const rowClass = (textUnit.getTmTextUnitVariantId() === item.id) ? "history-current-variant" : "";
const status = (item.id && !item.includedInLocalizedFile) ? TextUnitSDK.STATUS.REJECTED : item.status;
const { textUnit } = this.props;
const rowClass = textUnit.getTmTextUnitVariantId() === item.id ? "history-current-variant" : "";
const status = item.id && !item.includedInLocalizedFile ? TextUnitSDK.STATUS.REJECTED : item.status;

return item ?
(
<tr className={rowClass}>
<td className="history-none">{item.createdByUser === null ?
<FormattedMessage id="textUnit.translationHistoryModal.NoUser"/> :
item.createdByUser.username}</td>
<td>{item.content}</td>
<td>{this.convertDateTime(item.createdDate)}</td>
<td><StatusGlyph status={status} onClick={() => ""}/></td>
</tr>
) :
"";
return item ? (
<tr className={rowClass}>
<td className="history-none">
{item.createdByUser === null ? (
<FormattedMessage id="textUnit.translationHistoryModal.NoUser" />
) : (
item.createdByUser.username
)}
</td>
<td>{item.content}</td>
<td>{this.convertDateTime(item.createdDate)}</td>
<td>
<StatusGlyph status={status} onClick={() => ""} />
</td>
</tr>
) : (
""
);
};

/**
* @returns {*} Generated content for the git blame information section
*/
rendertranslationHistory = () => {
const {translationHistory, textUnit, intl} = this.props;
const { translationHistory, textUnit, intl } = this.props;

return (
<Table className="repo-table table-padded-sides">
<thead>
<tr>
<th className="col-md-4"><FormattedMessage id="textUnit.translationHistoryModal.User"/></th>
<th className="col-md-4"><FormattedMessage id="textUnit.translationHistoryModal.Translation"/></th>
<th className="col-md-4"><FormattedMessage id="textUnit.translationHistoryModal.Date"/></th>
<th className="col-md-4"><FormattedMessage id="textUnit.translationHistoryModal.Status"/></th>
</tr>
<tr>
<th className="col-md-4">
<FormattedMessage id="textUnit.translationHistoryModal.User" />
</th>
<th className="col-md-4">
<FormattedMessage id="textUnit.translationHistoryModal.Translation" />
</th>
<th className="col-md-4">
<FormattedMessage id="textUnit.translationHistoryModal.Date" />
</th>
<th className="col-md-4">
<FormattedMessage id="textUnit.translationHistoryModal.Status" />
</th>
</tr>
</thead>
<tbody>
{(translationHistory && translationHistory.length) ? translationHistory.map(this.renderHistoryItem.bind(this)) : ""}
{this.renderHistoryItem({
createdByUser: {
username: "mojito"
},
content: (<span class="history-none"><FormattedMessage
id="textUnit.translationHistoryModal.InitialPush"/></span>),
createdDate: textUnit.getTmTextUnitCreatedDate(),
status: TextUnitSDK.STATUS.TRANSLATION_NEEDED
})}
{translationHistory && translationHistory.length ? translationHistory.map(this.renderHistoryItem.bind(this)) : ""}
{this.renderHistoryItem({
createdByUser: {
username: "mojito",
},
content: (
<span class="history-none">
<FormattedMessage id="textUnit.translationHistoryModal.InitialPush" />
</span>
),
createdDate: textUnit.getTmTextUnitCreatedDate(),
status: TextUnitSDK.STATUS.TRANSLATION_NEEDED,
})}
</tbody>
</Table>
);
Expand All @@ -77,10 +94,13 @@ class translationHistoryModal extends React.Component {
}

let options = {
year: 'numeric', month: 'numeric', day: 'numeric',
hour: 'numeric', minute: 'numeric'
year: "numeric",
month: "numeric",
day: "numeric",
hour: "numeric",
minute: "numeric",
};
return (this.props.intl.formatDate(date, options));
return this.props.intl.formatDate(date, options);
};

/**
Expand All @@ -91,42 +111,36 @@ class translationHistoryModal extends React.Component {
};

render() {
const {textUnit, show, translationHistory} = this.props;
const { textUnit, show, translationHistory } = this.props;
const translationExists = translationHistory && translationHistory.length && textUnit.getTmTextUnitId();
const translationIsNotLatest = translationExists && textUnit.getTmTextUnitVariantId() !== translationHistory[0].id;

return textUnit ? (
<Modal className={"git-blame-modal"} show={show} onHide={this.closeModal}>
<Modal.Header closeButton>
<Modal.Title>
<FormattedMessage id={"workbench.translationHistoryModal.title"}/>
<FormattedMessage id={"workbench.translationHistoryModal.title"} />
</Modal.Title>
</Modal.Header>
<Modal.Body>
<div className={"row"}>
<div className={"history-source"}>
{textUnit.getSource()}
</div>
<div className={"history-source"}>{textUnit.getSource()}</div>
</div>
<div className={"row plx"}>
{
translationIsNotLatest ?
<FormattedMessage id={"textUnit.translationHistoryModal.translationNotLatest"}/> :
""
}
</div>
<p/>
<div>
{this.rendertranslationHistory()}
{translationIsNotLatest ? <FormattedMessage id={"textUnit.translationHistoryModal.translationNotLatest"} /> : ""}
</div>
<p />
<div>{this.rendertranslationHistory()}</div>
</Modal.Body>
<Modal.Footer>
<Button bsStyle="primary" onClick={this.closeModal}>
<FormattedMessage id={"textUnit.translationHistoryModal.close"}/>
<FormattedMessage id={"textUnit.translationHistoryModal.close"} />
</Button>
</Modal.Footer>
</Modal>
) : "";
) : (
""
);
}
}

Expand Down

0 comments on commit 732645c

Please sign in to comment.